Overall UI Design and Interaction Suggestions

Discussions around the iPhone/iPad/iPod Touch versions of the Gospel Library application.
acondiff
New Member
Posts: 3
Joined: Sun Dec 18, 2016 1:10 pm

Overall UI Design and Interaction Suggestions

Postby acondiff » Tue Dec 20, 2016 9:23 am

I have mocked up a few quick visual design tweaks to the UI and interactions that would make the app easier and faster to use.

Mobile Prototype Animation Video (best if viewed on an iPhone 6/6s/7 Plus):
https://d3vv6lp55qjaqc.cloudfront.net/items/3Z2t2L35200g0z0C2d0S/gospel-library-gestures.mp4?X-CloudApp-Visitor-Id=152689

1. The typography is a slightly different which gives the app a little character.

2. Note the icon placement is different.

3. When pulling down scrolling past the top of the chapter, you will expand the breadcrumbs menu.

4. When scrolling down, UI disappears out of view, title bar minimizes. When scrolling up, UI returns into view. (Many apps do this now including Safari)

5. When scrolling past the bottom, you will continue to the next chapter (in addition to being able to swipe left). This helps to keep users in the same vertical flow of their scroll making things feel a little more continuous and fluid.

I am really interested to know what the teams thoughts are of this video and these designs. Thanks for checking out my work! ;)
Attachments
01.png
(433.08 KiB) Not downloaded yet
02.png
(361.99 KiB) Not downloaded yet
03.png
(126.79 KiB) Not downloaded yet
04.png
(129.52 KiB) Not downloaded yet
05.png
(433.08 KiB) Not downloaded yet
06.png
(430.54 KiB) Not downloaded yet
07.png
(368.96 KiB) Not downloaded yet
08.png
(351.76 KiB) Not downloaded yet
09.png
(404.77 KiB) Not downloaded yet

Return to “iPhone/iPad Gospel Library”

Who is online

Users browsing this forum: No registered users and 1 guest