Dip Sip
GR 360 Nature of Interaction
Navigation Structure
Mobile devices have their own set of IA navigation patterns. Standard websites and browser-based web apps may follow a navigational structure that is tab-based. However, for native apps may follow one of these popular navigation patterns: Hierarchy, Hub & spoke, Nested doll, Tabbed view, Bento box and Filtered view.
Sketches
Sketching is a distinctive form of drawing which we designers use to propose, explore, refine and communicate our ideas.
Concepts Sketches
Paper Prototype
Concept 1
People Oriented
To display friends (other users) information mainly, the user based on the friend's information to choose a restaurant.
Concept 2
Restaurant Oriented
To display the restaurant information mainly, the user chose according to the restaurant information.
Wireframes
A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionalities available, and intended behaviors. For these reasons, wireframes typically do not include any styling, color, or graphics.