BlackSourceLabs / BlackNectar-iOS

BlackNectar for iOS
http://appsto.re/us/JZ3Ajb.i
Apache License 2.0
4 stars 0 forks source link

Design About Benefits Page #193

Open SirWellington opened 7 years ago

SirWellington commented 7 years ago

Requirements

Design the page when the user clicks on Benefits from the ABOUT page.

Why

The user wants to know about Benefits and how to use them.

SirWellington commented 7 years ago

Option 1

This option is the simplest. All of the information is displayed on one page. Like this, all the user has to do is scroll vertically.

IMG_5086.JPG

Option 2

This option is similar to the Page View style, except that it has clearer indicators for direction and placement. However, this is not a pattern that we use anywhere else in the app. For that reason is not preferable. It also does not scale very well: What if we need to add additional items?

IMG_5087.JPG

Option 3

This option is not preferable because it the additional right-left arrows on the title bar conflict with the navigational arrow already present in the navigation bar.

IMG_5088.JPG

Option 4

Info

This option represents the page view.

What I like about this option is that it gives each item its own screen, keeping it tight and focused.

What I don't like about it is that the Page View pattern can be easily missed, even with the little dots that you see on there.

IMG_5089.JPG IMG_5090.JPG IMG_5091.JPG

SirWellington commented 7 years ago

What we could do is combine options 1 & 2. Basically we can use the Segmentation Controller as a means to navigating to the proper place within the Scrollable list.

SirWellington commented 7 years ago

Kept it simple for now. Went with option #1 due to time constraints.

SirWellington commented 7 years ago

1.png

2.png

3.png