The Verge iOS app redesign (Mockups)

I love design and lately I've taken a keen interest in User Interface design. I'm not currently studying in college or university but I wanted to get my feet wet by doing some app redesign. I don't think there is anything flawed about the Verge iOS app but I do think that a few simple interface changes will make it cleaner and more enjoyable to use.

First, I wanted to remove the bottom menu bar. This UI has been used on the iPhone for years and to me it looks a bit dated as well as taking up extra screen real estate that could be used to display content. I've hidden the menu under the main page which can be accessed by tapping on the 'Verge' icon in the top left of the screen. The main screen will slide to the right to reveal the menu, as is popular on many modern applications (ie. Facebook, Mailbox).This frees up space on the screen for the content and allows the user to decide when they want to access the menu. Alternatively, you can access the menu by swiping left to right anywhere on main screen.

Next, I wanted to do something similar when reading an actual article from within the app. Remove the bottom menu bar that gives the option to 'share' the article to various social networks or to save it for reading later. By moving the sharing and comment "buttons" to the top right of the top menu there are now extra pixels to display more of the authors writing. This makes for a cleaner look and feel. Alternatively, to post a quick comment, the user can swipe from the right to the left to reveal a comment compose box.

I made a simple change to the 'back' button that will take you from current article to the previous page. I think it looks sharper and simpler. Also, when in any article, swiping to the right will bring you back to the previous page (no need to stretch your thumb to the top left every time).

Below are some mockups I made using Balsamiq Mockups to give you guys a feel for my ideas. I'm working on a doing these in Photoshop but it is time consuming as I am teaching myself to use the program as I go. I'll update this piece as soon as I have them completed.

Verge_20mockup_medium

via dl.dropbox.com

Please let me know what you think. I would especially love to hear from anyone on the Verge staff (any form of criticism is welcome). Thanks for your time.

B