Storypanda needed a plan for dealing with the iOS6 design cut-off date.
Improve usability – measured by user surveys and click–throughs.
After a lot of research and a re–evaluation of the target market and design principles, the challenge was identified.
Based on the design principles of deference, clarity and depth, how can we make the app more iOS 7 friendly and usable?
DEFINITION FOR APPLE ‘S iOS 7 TERMS
The UI helps users understand and interact with the content, but never competes with it.
Text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate. Also, a sharpened focus on functionality motivates the design.
Visual layers and realistic motion impart vitality and heighten users’ delight and understanding.
Remove skeuomorphic bookshelf and make the content, the books, bigger so they are the main attraction.
Utilize the whole iPad screen, giving room for more books to be displayed.
Have the books to read be in the top left corner to Improve the hierarchy of information.
Have all the pop ups and UI be flat and breath through the whole screen.
Have the main interactions be enhanced with motion.
What are the main interactions?
When users interact with a book, to buy or to read – E.g. book animates to the front and opens.
Designed for iOS 6. Art and design direction by me as well.
Below are some examples of the interactive books we created. I art and design directed all Storypanda's books and apps.