search

mozilla / webmaker-android

Webmaker for Android
https://play.google.com/store/apps/details?id=org.mozilla.webmaker
Mozilla Public License 2.0
167 stars 113 forks source link

Add "Start from Scratch" template view #804

Closed thisandagain closed 9 years ago

thisandagain commented 9 years ago

Based on the current UI, we are showing this after a user taps on the "Start from Scratch" template:

screen shot 2015-01-27 at 11 56 41 am

vazquez commented 9 years ago

I was thinking the same. We need an empty view.

k88hudson commented 9 years ago

it would be interesting to consider an onboarding experience here for first-time users

vazquez commented 9 years ago

Design

When a user taps on "Start from Scratch", they get welcomed with this empty view:

preview view 9 1x

Action: User taps on the + icon. They get sent to this screen:

editor - edit 22i

The text icon will include an animation, perhaps a bounce up and down, or maybe a signal animation. We can experiment here to see what feels better.

Action: User taps on the Text icon and creates some content. A popup will show when they return to the main view in order to engage the user in creating more content:

preview view 10 1x

davidascher commented 9 years ago

There's no redpen for this design, so dumping here -- and I realize this is still a conceptual mock.

Do we have a "brand attributes" spec for this app? Something that articulates the "voice" of the app, even copy aside?

Reason I ask is the smily face feels childish to me, and I don't think is appropriate for an audience of e.g. microentrepreneurs in Kenya. I'm a big fan of whimsy and fun and a sense of humor (Slack pulls this off beautifully for example), but it's hard to pull off, and very hard to make it localization-resistant.

thisandagain commented 9 years ago

Really good question @davidascher. Consistent feedback from field research has been that the app feels very cold / utilitarian and needs more character. While this does feel a bit too juvenile, I think it's headed in the right direction. @vazquez perhaps we can play with the look & feel of the character and the copy a bit to bring it into a more mature stance. Benchmarks for this are Duolingo and Foursquare.

davidascher commented 9 years ago

Great to hear about the research and to see the benchmarks. I'm very supportive of us getting more "character," and wanted to flag the fact that in contrast to a lot of our prior work, we're not really targeting a particular young audience w/ this app. So yes to playful. Looking forward to the next iterations.

vazquez commented 9 years ago

R? @thisandagain [flagged!]

https://redpen.io/kb988058740193b9a1

thisandagain commented 9 years ago

Awesome. R+ :cactus: :vhs: :zap: :palm_tree:

thisandagain commented 9 years ago

@alicoding to clarify, the objective here is to have the "Start from Scratch" template by-pass the preview view and go right into the editor where the user will see the toucan illustration and prompt to add content.

alicoding commented 9 years ago

Should the user always see the message when they click on "Start from Scratch" or we want to make sure we capture the state if they have clicked on that before we shouldn't be displaying that again?

vazquez commented 9 years ago

I vote all the time, at least for now. @thisandagain? [flagged!]

alicoding commented 9 years ago

@vazquez can I also get the asset for this one as well? (That bird's image or whichever we want to use)

thisandagain commented 9 years ago

All the time is cool for now when a user has 0 blocks.

vazquez commented 9 years ago

Toucan 1: https://www.dropbox.com/s/m4om581ctskyxz3/toucan1.svg?dl=0 Toucan 2: https://www.dropbox.com/s/jiwwwtzoglzq5cs/toucan2.svg?dl=0