...
This design focuses on creating a simple, easy to use, visual interface for the case of having a tiny screen interface. This design maximizes the screen real estate by choosing key tasks and using large clickable buttons and visible icons, such as in the case of the newsfeed to allow for easy click-ability. There is a main side/top header bar that allows for easy access to your friends, homescreen, etc. Furthermore, the search bar at the top of the homescreen allows for the user to easily search and find key friends or posts regarding a topic of interest.
Sarah Han's design 2
This design uses icons and graphic visuals as cues instead of text for the horizontal header bar at the top of the page for easy maneuverability between pages. The user can can easily click back and forth between different categories and text is kept to a minimal.
Sarah Han's design 3
This design uses a visual map metaphor as a way to group tasks into subcategories. Icons are used as links to increase the screen real estate for each option. Just as a map has different locations, each area on the screen is delegated for a different category. Clicking on the category takes you to a separate page specifically for that task, i.e. coffee/video chat, connecting with with friends, family, etc.
Design and Storyboards
Storyboard 1
...