search

inaturalist / INaturalistIOS

iNaturalist iOS app
MIT License
146 stars 51 forks source link

Idea for Condensing Confirmation Screen #306

Open joellebel opened 7 years ago

joellebel commented 7 years ago

Hi all -

While observing users, I think both Alex and I have noticed the confirmation screen looks a bit overwhelming, especially to new folks. It also contains fields that are rarely used even by advanced users. (Feel free to check the stats on that as I have don't have them.)

I was curious what a simpler conf. screen would look like by collapsing the lesser used fields (geoprivacy, captive and projects). See below 2 sketches...

image

These are just sketches to get an idea of space and simplicity. I can certainly mock up what it would look like expanded. Just wanted to gauge folks' feedback. (@alexshepard @kueda @loarie @pleary and anyone else)

I'm not sure how complicated the expand/collapse thing is to code on this screen. @alexshepard could you also comment on that. Tnx.

naturalistcharlie commented 7 years ago

I definitely say keep the fields around (except 'help me ID this species') but it's fine to have them collapse.

On Tue, Jul 26, 2016 at 1:34 PM, joellebel notifications@github.com wrote:

Hi all -

While observing users, I think both Alex and I have noticed the confirmation screen looks a bit overwhelming, especially to new folks. It also contains fields that are rarely used even by advanced users. (Feel free to check the stats on that as I have don't have them.)

I was curious what a simpler conf. screen would look like by collapsing the lesser used fields (geoprivacy, captive and projects). See below 2 sketches...

[image: image] https://cloud.githubusercontent.com/assets/11527994/17148452/1afba31c-531c-11e6-8c7b-86253881c9e1.png

These are just sketches to get an idea of space and simplicity. I can certainly mock up what it would look like expanded. Just wanted to gauge folks' feedback. (@alexshepard https://github.com/alexshepard @kueda https://github.com/kueda @loarie https://github.com/loarie @pleary https://github.com/pleary and anyone else)

I'm not sure how complicated the expand/collapse thing is to code on this screen. @alexshepard https://github.com/alexshepard could you also comment on that. Tnx.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/inaturalist/INaturalistIOS/issues/306, or mute the thread https://github.com/notifications/unsubscribe-auth/AG1tk8VSZ3DkGwb1MU90ZnepCNgMaB-Oks5qZkU8gaJpZM4JVZdK .

Charlie Hohn Montpelier, Vermont

alexshepard commented 7 years ago

I definitely like this general idea. I have a slight preference for option A but I couldn't explain why other than that it feels more integrated with the rest of the screen.

ID please will be gone shortly, @naturalistcharlie ;)

Accordioning the rows won't be difficult.

joellebel commented 7 years ago

Accordioning the rows won't be difficult.

Ok. Because we could also do something like this...

image

In this mock up the geoprivacy, captive and projects options would be on a new screen that slides in from the right.

alexshepard commented 7 years ago

If you don't have a UX reason to prefer one over the other, I'd prefer the accordion approach as it's technically simpler.

joellebel commented 7 years ago

Ok. Cool. Yes, I prefer accordion too. Just wanted us to see all options. I will do a mock up of what it looks like expanded.

loarie commented 7 years ago

looks fine to me

joellebel commented 7 years ago

ok. cool. I'll mock up the expanded view real quick.

joellebel commented 7 years ago

If you don't have a UX reason to prefer one over the other, I'd prefer the accordion approach as it's technically simpler.

I prefer the accordion approach.

joellebel commented 7 years ago

Here's a couple mock ups for the expanded view. Disregard the fact I repeated the Captive/Cultivated row. Pretend it's Projects. I just don't have an iPhone 6 anymore to take screenshots from and this original design was done with an iPhone 6.

A

image

B

This has "More Options" highlighted when open...

image

Honestly don't have big preference between the two.