文章編輯：網(wǎng)站建設 文章來源：建站行業(yè)資訊 瀏覽量：次
APP開發(fā)導航設計四步走：
明確用戶角色和任務流程；
搭建清晰合理的信息架構；
靈活運用導航模式；
利用推薦算法來簡化，關注拇指操作熱區(qū)來創(chuàng)新。
“導航組織了內容，因此它能夠讓用戶更輕松的在應用中找到所需的信息。為了讓導航更符合應用，首先要定義你的用戶，他們使用應用的典型路徑，以及你希望他們去用功能?！?/span>
——Material Design
APP開發(fā)制作要注意定義用戶和核心任務
在設計導航之前需要明確用戶是誰以及他們最常用的操作。
以背景中的需求為例：
本次需求已明確用戶是某類商家群體。而這個答案前期可以通過需求挖掘、用戶調研等方式進行實際分析，常用手段包括用戶畫像、深度訪談、調查問卷、焦點小組等等，具體操作方式在網(wǎng)上均有專門介紹，在此不做展開。
在獲得了商家的核心痛點和訴求之后，那么這類群體會有哪些操作？經(jīng)過任務拆解，我們列出了他們的所需的操作清單：
然后整理出他們的主要功能流程：
明確了用戶群體和核心任務之后，就可以解構功能流程，通過信息架構來搭建APP的骨骼。
APP制作前端布局要有合理的信息架構
信息架構體現(xiàn)的是APP全部內容的組成方式，以合理的歸組分類的方式可以使產(chǎn)品更加易于理解和瀏覽；也能讓功能框架具備良好的擴展性。
在初期整理時可能會面對數(shù)十甚至數(shù)百的功能點，那么如何有效組織信息呢？
（1）APP開發(fā)需注意從用戶認知出發(fā)
最經(jīng)典的方式是卡片分類法，讓用戶根據(jù)自己的認知來組織功能點。具體操作又分為封閉式分類和開放式分類，前者由產(chǎn)品自身特點設立部分類別，后者則完全由用戶自行分類。以此得到用戶版的信息架構，然后通過多個用戶版的信息架構來合并同類項，獲取符合用戶認知的功能結構。
（2）APP設計要劃分優(yōu)先級
明確哪些是最重要、次要及不重要的。一般可以從這三個緯度來評估：需求強弱、使用頻率、任務數(shù)量，輔助以決策工具，獲取最優(yōu)解。當功能多的時候會取舍兩難，但如果每個功能都很重要，反而說明了每個都不重要，對用戶而言也很容易失去焦點。
（3）APP前端導航設計把握任務的場景類型
不同的任務場景對應著不同組織方式，一般情況下可以分為瀏覽型和任務型。瀏覽型場景，那產(chǎn)品便可能需要展示更多的事物對象，讓用戶能夠快速獲得清晰的認知，例如資訊類APP將很多新聞類別平鋪展開；而任務型場景，那就要突出關鍵的流程結點，讓用戶能夠順利完成想要做的事情，例如電商類APP的購物車和訂單機制。
最后，我們可能會梳理出這三種情況的信息架構，然后根據(jù)導航模式開始界面設計。
iOS設計指南已為我們指出了 3 種經(jīng)典導航模式：分層導航、平面導航、內容驅動導航，當然還有安卓倡導的抽屜導航。而市面上大多數(shù)APP的導航也是基于這幾類進行演變或組合。
APP開發(fā)設計平面導航（通常用為主導航）
最常見便屬于標簽式導航。標簽既可位于屏幕上方，也可位于下方，為了方便用戶手指操作，一般都放在底部。
適用場景：多個頂級模塊相互獨立，存在模塊間頻繁切換的情況
特點：
可見性好，功能更容易被用戶發(fā)現(xiàn)；
操作性好，底部區(qū)域手指操作方便；
符合大多數(shù)的用戶習慣。
APP開發(fā)設計之分層導航
典型代表便是iOS的設置，本質是展現(xiàn)功能架構的父子級，每個頁面都有一個子級，直到抵達終點。要去往另一個終點，則須重新回到父級，然后從頭開始選擇另一個子級。
適用場景：任務數(shù)量較多，相互獨立，任務之間不需要頻繁切換。
特點：
結構清晰，邏輯性強；
易于理解，能夠幫助用戶快速定位到目標；
APP開發(fā)設計注意點：當內容多或分布不合理會導致用戶查找困難；不適合頻繁切換任務的場景。
在這基礎上，由信息的布局方式差異衍生出了宮格導航、展覽館式導航、跳板式導航等，前人已總結了諸多樣式，在此不再贅述。
目前，本類型導航更多是作為二級導航來應用，而若要作為一級導航來用，則需要
滿足層級淺且內容平級的條件，常見于單一任務型工具APP，例如iOS天氣、美圖秀秀。
APP制作什么是抽屜導航
此類導航不在iOS設計規(guī)范之內，但在安卓系統(tǒng)的倡導下流行過一段時間。抽屜導航的核心思想是隱藏，收起非核心的操作與功能，讓用戶能夠更聚焦核心任務。
APP開發(fā)導航的適用場景：核心功能數(shù)量少頻次很高；輔助功能數(shù)量多頻次低；
特點：
節(jié)省頁面空間，聚焦核心內容；
擴展性好，可容納很多功能；
良好的適應性能，能夠同時應用于PC和移動Web。
APP開發(fā)時的注意點：
被收起功能曝光率低，當核心功能多于 3 個的時候請用其他導航模式；
收起內的通知紅點容易重合；
頂部位置點擊距離長；
手勢操作容易與頁面滑動操作重合，需要特別處理。
APP制作之內容驅動的導航
這類導航多見于游戲娛樂型產(chǎn)品，例如最近火熱的《第五人格》所運用的導航形式。這類導航具備豐富的多樣性，在此不做過多展開，如有興趣可自行搜索了解。
其他導航
Material Design的等級體系與iOS里的分層導航相似，然而值得一提的是鏈接設定。通過鏈接可以讓導航系統(tǒng)中不相鄰的兩個功能快速切換，讓用戶能夠通過滑動操作遍歷所有選項卡片。這類應用在網(wǎng)易云音樂（安卓端）有很好的體現(xiàn)。
算法讓導航變得更輕量了
推薦算法將我們潛在的檢索對象直接呈現(xiàn)在眼前，大幅減少了按部就班的訪問路徑。
試想一下，當淘寶、京東APP不具備智能匹配時，除了運用搜索外，那要找到一件心儀的上衣該多么費勁：
APP開發(fā)制作常見展示方式：首頁 → 類別 → 服裝 → T恤 → T恤風格篩選 → 瀏覽商品列表
相似的也有大眾點評/美團，當你坐進一家餐館時，首頁自動為你彈出當前餐館的傳送門，讓你能夠直接抵達餐館詳情頁，避免了檢索的麻煩。這類傳送門通常也只是一部分界面模塊，不會影響到整體導航結構，然而僅僅是這樣的技術能力，就能讓復雜的檢索流程變得簡單甚至消失。
語音交互也是另類導航的體現(xiàn)。通過語音識別，讓機器自動識別出人所要尋找的內容，例如呼喚Siri打開某個塵封已久的APP，遠比自己在手機中查找要來得高效，特別是在手機裝了很多APP的情況下。隨著對話式界面的興起和語音技術的發(fā)展，如果能將這類形式運用的APP的導航設計中，那一定會革新現(xiàn)有的APP體驗。
APP當行制作大屏幕的交互設計
手機屏幕總是越變越大，全面屏在 18 年也開始逐漸普及。然而用戶的手機操作方式和習慣依然沒有太大改變，單手和雙手操作的比例依然各占一半。如何在大尺寸屏幕中設計出更好的交互，也是設計師需要認真對待的問題。
（1）關注底部操作區(qū)
底部導航在這方面就有很好的延續(xù)性，既能提供舒適的操作空間，也可保證標簽的點擊性。在此之外，市面上也有不少產(chǎn)品將抽屜導航轉移到下部區(qū)域，讓用戶手指能夠更輕易訪問。
（2）精致的滑動交互
去年iPhone X帶來的交互形式讓人耳目一新，而新版AppStore和早前的蘋果地圖（iOS10 更新版）也體現(xiàn)了這種精致的滑動交互。在國內APP中，夸克瀏覽器也有類似優(yōu)秀的設計，讓網(wǎng)址輸入變得輕松而簡單。
（3）Ada
一款健康助理應用，通過對話的形式設計任務流程，并將導航區(qū)域轉移至屏幕底部，讓用戶能夠單手完成所有操作。
（4）ofo&蘋果地圖
小黃車APP的核心功能集中在下部區(qū)域，通過滑動方式也能完成頁面的喚起和關閉。
蘋果地圖也在整體交互上進行了徹底的重構。核心操作區(qū)最大限度的控制在（手指舒適區(qū)之間），通過滑動操作來控制不同頁面的層級轉換，讓用戶只用一只手就可以輕松完成目的地的選擇與導航。
重復一遍上面的話嗎？不存在的。
深圳福田APP專業(yè)制作開發(fā)公司博納網(wǎng)絡編輯整理。
[聲明]本網(wǎng)轉載網(wǎng)絡媒體稿件是為了傳播更多的信息，此類稿件不代表本網(wǎng)觀點，本網(wǎng)不承擔此類稿件侵權行為的連帶責任。故此，如果您發(fā)現(xiàn)本網(wǎng)站的內容侵犯了您的版權，請您的相關內容發(fā)至此郵箱【qin@198bona.com 】，我們在確認后，會立即刪除，保證您的版權。
