top of page

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.

Develop: 文字
未标题-1_画板 1.jpg
Develop: 圖片

Sketches

Sketching is a distinctive form of drawing which we designers use to propose, explore, refine and communicate our ideas.

Concepts Sketches

Develop: 文字
WechatIMG389.jpeg
Develop: 圖片
WechatIMG388.jpeg
Develop: 圖片

Paper Prototype

Develop: 文字
WechatIMG391.jpeg

Concept 1

People Oriented

To display friends (other users) information mainly, the user based on the friend's information to choose a restaurant.

Develop: 圖片
未标题-1-02.png
Develop: 圖片
WechatIMG390.jpg

Concept 2

Restaurant Oriented

To display the restaurant information mainly, the user chose according to the restaurant information.

Develop: 圖片
未标题-1-03.png
Develop: 圖片

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.

Develop: 文字
未命名-64.jpg
Develop: 圖片
bottom of page