APP原型設(shè)計在整個移動產(chǎn)品的生命周期當中，占據(jù)一個重要的位置，也是移動APP產(chǎn)品經(jīng)理根據(jù)產(chǎn)品需求文檔繪制出來的產(chǎn)品原型。也是APP設(shè)計師和APP客戶端工程師們必備的文件。

同時，一個APP原型設(shè)計的好壞也決定了一個APP產(chǎn)品的發(fā)展軌跡。不同的產(chǎn)品策略和側(cè)重點也影響整個APP項目的開發(fā)進度與產(chǎn)品發(fā)布。

去哪兒網(wǎng)APP下載地址：https://itunes.apple.com/cn/app/qu-na-er-dang-cha-xun-yu-ding/id626147107?mt=8

下面25學(xué)堂的小編給大家分享一套非常不錯的 去哪兒網(wǎng)APP的低保真原型案例。

APP原型設(shè)計使用工具：墨刀

我們根據(jù)去哪兒網(wǎng)APP主要界面來分析和學(xué)習原型設(shè)計思路：

1、去哪兒網(wǎng)APP原型首頁

2、主題定制旅游—發(fā)現(xiàn)頁?

主題定制旅游主體為底部Tab標簽式的交互框架，這種框架的優(yōu)點在于入口清晰且頻繁跳轉(zhuǎn)不會迷失方向。

發(fā)現(xiàn)頁作為用戶快速瀏覽定位信息，幫助用戶決策的界面，承載有較多內(nèi)容。針對用戶使用場景，將瀏覽方式分為兩種：

一是主動瀏覽

主要針對旅游目的地或其他信息明確的用戶，圖中以搜索框、各一級分類入口（紅色框）以及單獨的分類Tab標簽呈現(xiàn)，隨著旅游產(chǎn)品細分類別的增多，對主動瀏覽對于用戶能快速定位信息則顯得尤為重要。

二是被動瀏覽

針對旅行計劃模糊的人群，發(fā)現(xiàn)頁全部信息為被動瀏覽而設(shè)，其關(guān)鍵在于如何通過內(nèi)容本身吸引用戶或者如何根據(jù)用戶行為，精準推薦信息。

頁面懸浮的“+”按鈕作為旅游定制入口，和回到頂部按鈕（向上滑入時出現(xiàn)，向下滑出時消失，原型中沒做該動效）一起置于右下角，采用卡片式設(shè)計風格，之后的其他界面會出現(xiàn)相應(yīng)按鈕。

3、主題定制旅游—分類、社區(qū)頁

4、關(guān)于分類頁：

首先，分類功能作為主動瀏覽的主要入口之一，獨立成Tab標簽式導(dǎo)航，有助于承載海量、細分的主題類別。其次，頁面左側(cè)的局部導(dǎo)航方便快速切換，右側(cè)頁面能清晰地展現(xiàn)產(chǎn)品信息。右側(cè)視頻隨著手勢上下滑動，出現(xiàn)在正中位置的視頻可以自動播放，并且雙擊屏幕暫停，原型該動效有待實現(xiàn)。

5、關(guān)于社區(qū)頁：

社區(qū)頁主要功能采用頂部標簽導(dǎo)航（全局），作為吸引用戶參與互動的入口，內(nèi)容的選取與展現(xiàn)方式對用戶體驗有較大影響。社區(qū)頁懸浮“+”按鈕，作為發(fā)起提問、踐行等的入口。

6、主題定制旅游—行程頁（未支付、已支付、路書）

行程頁主體繼續(xù)使用頂部標簽導(dǎo)航（全局），方便3個主要界面快速切換，整體界面以卡片式風格展現(xiàn)，便于分類明確。利用移動端可隨意上下滑動、無限下拉的優(yōu)勢，將路書所有內(nèi)容放在同一頁展示，并結(jié)合左側(cè)輔助導(dǎo)航快速定位。

7、主題定制旅游—系統(tǒng)定制過程對應(yīng)頁面

旅游定制過程主要界面如下，定制步驟與頁面跳轉(zhuǎn)為：

————選擇目的地

————主題、心愿確定

————選擇目的地景點

————開始定制

————行程確定（可修改機票、酒店、景點等信息）

————確認支付。

8、系統(tǒng)定制頁1：

已選定的目的地、主題、景點按鈕可刪除，可左右滑動，視頻滑到中心可自動播放，動效待實現(xiàn)。

9、系統(tǒng)定制頁2：

旅行天數(shù)可左右隨意滑動，出發(fā)時間、地點均設(shè)置有下拉菜單（動效待實現(xiàn)）。

10、行程確認頁：

詳情頁向下滑出時可見總行程概要，點擊第一天位置可出現(xiàn)選擇其他時間的下拉菜單，行程中所有的產(chǎn)品，包括航班、酒店等信息都可自行修改等，這些動效后續(xù)會一一完善。

最后，再附上完整版的去哪兒網(wǎng)APP的以低保真的原型圖，希望大家可以好好預(yù)覽一下。

網(wǎng)址為：https://modao.cc/app/J7Rure0oxNtMKmnIoEJd