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.
