Mobile Classifier Reskin

[seanmiller26]

A major step in the app redesign is to reskin the current classifier in order modernize it and make it feel like a more integrated part of the experience.

There are three main types of projects featured on mobile: a simple yes or no question with swipe, multiple choice question, and drawing tasks.

Mocked-up with all mobile elements:

Tablet, portrait:

Tablet, landscape:

I am happy to open a dedicated issue for each task if that will help with specific details, otherwise everything can be found in the Figma file here.

As for workflow, these can be tackled one at a time. I have tried to reuse elements as much as possible, but obviously there are unique components for each task.

[coryzoon]

@lcjohnso @seanmiller26 Should there be any special considerations for "museum mode"? I think we currently apply a specific theme for projects that have museum mode turned on.

[lcjohnso]

@lcjohnso @seanmiller26 Should there be any special considerations for "museum mode"? I think we currently apply a specific theme for projects that have museum mode turned on.

I don't believe so -- the look should be the same. The key difference when museum mode is enabled: that navigation should be locked -- the user shouldn't be able to tap on the Zooniverse Logo in the header and return to the homepage, nor open the sandwich menu to navigate to a different page.

[seanmiller26]

That's correct, all the styling will be similar in museum mode.

@coryzoon you reminded me to open a related issue about disabling the home button, though.