April 25, 2011

iPad - Modern Geek First Translation (2 Variants)

Version #1 / Page #1

Some moments and features that my iPad Magazine App will be using are:

A Hidden / Touch To Bring Up Navigation Bar that runs along the top and bottom of the iPad. 

  • The Top Nav Bar: will consist of an option to [Save] the article to an account / list. Next there will be a [Share] button allowing the ever important social median integration for sharing the article across mainstream social networking sites as well as the growing aggregate news sites such as reddit or digg. After there I will have the ever needed [Home] Button.
  • The Bottom Nav Bar: This bar will display a series of thumbnails of the following pages in the article. After thinking about it further I would want the current page to be centered in the middle of the thumbnail bar possibly highlighted reinforcing the ability to skip back a few pages if need be without having to swipe back several times. 

Touch To Change Page Button: Hidden on the left and right side of the screen for easy page switching. This could replace swiping if so desired. 

Touch To Expand Image: For example you want to look closer or to explore one of my infographics you could touch once to expand the size to full screen or finger pull with two fingers to simple zoom in slightly. When you release it would shrink back to normal size to avoid screen space conflicts and user confusion or panic. 


This version is the closest in relation to the actual magazine. For this reason I will be moving forward with this particular design to keep an overall well rounded project to present. 

Page #2

Page #3
This version shows the touch to expand infograph image. 

Page #3 Variant
This version shows the idea of the start and fully opened infographic. 

Set #2
Page #1
Blue theme, with new typefaces, accents, and pinch action. 

Page #2

Page #3
Pinch to zoom is displayed in this version using the two circle marks and arrows. 

No comments: