APP導航的設計套路

2023-01-21    分類: 網(wǎng)站建設

精華濃縮版

導航設計四步走:

明確用戶角色和任務流程;

搭建清晰合理的信息架構(gòu);

靈活運用導航模式;

利用推薦算法來簡化,關(guān)注拇指操作熱區(qū)來創(chuàng)新。

導航的設計原則

“導航組織了內(nèi)容,因此它能夠讓用戶更輕松的在應用中找到所需的信息。為了讓導航更符合應用,首先要定義你的用戶,他們使用應用的典型路徑,以及你希望他們?nèi)ビ霉δ堋?rdquo;

——Material Design

合理的信息架構(gòu)

信息架構(gòu)體現(xiàn)的是APP全部內(nèi)容的組成方式,以合理的歸組分類的方式可以使產(chǎn)品更加易于理解和瀏覽;也能讓功能框架具備良好的擴展性。

在初期整理時可能會面對數(shù)十甚至數(shù)百的功能點,那么如何有效組織信息呢?

(1)從用戶認知出發(fā)

最經(jīng)典的方式是卡片分類法,讓用戶根據(jù)自己的認知來組織功能點。具體操作又分為封閉式分類和開放式分類,前者由產(chǎn)品自身特點設立部分類別,后者則完全由用戶自行分類。以此得到用戶版的信息架構(gòu),然后通過多個用戶版的信息架構(gòu)來合并同類項,獲取符合用戶認知的功能結(jié)構(gòu)。

(2)劃分優(yōu)先級

明確哪些是最重要、次要及不重要的。一般可以從這三個緯度來評估:需求強弱、使用頻率、任務數(shù)量,輔助以決策工具,獲取最優(yōu)解。當功能多的時候會取舍兩難,但如果每個功能都很重要,反而說明了每個都不重要,對用戶而言也很容易失去焦點。

(3)把握任務的場景類型

不同的任務場景對應著不同組織方式,一般情況下可以分為瀏覽型和任務型。瀏覽型場景,那產(chǎn)品便可能需要展示更多的事物對象,讓用戶能夠快速獲得清晰的認知,例如資訊類APP將很多新聞類別平鋪展開;而任務型場景,那就要突出關(guān)鍵的流程結(jié)點,讓用戶能夠順利完成想要做的事情,例如電商類APP的購物車和訂單機制。

最后,我們可能會梳理出這三種情況的信息架構(gòu),然后根據(jù)導航模式開始界面設計。

定義用戶和核心任務

在設計導航之前需要明確用戶是誰以及他們最常用的操作。

以背景中的需求為例:

本次需求已明確用戶是某類商家群體。而這個答案前期可以通過需求挖掘、用戶調(diào)研等方式進行實際分析,常用手段包括用戶畫像、深度訪談、調(diào)查問卷、焦點小組等等,具體操作方式在網(wǎng)上均有專門介紹,在此不做展開。

在獲得了商家的核心痛點和訴求之后,那么這類群體會有哪些操作?經(jīng)過任務拆解,我們列出了他們的所需的操作清單:

然后整理出他們的主要功能流程:

明確了用戶群體和核心任務之后,就可以解構(gòu)功能流程,通過信息架構(gòu)來搭建APP的骨骼。

信息來源創(chuàng)新互聯(lián):http://www.bm7419.com/,高端網(wǎng)站制作,高端網(wǎng)站設計,高端網(wǎng)站建設公司

網(wǎng)站名稱:APP導航的設計套路
URL網(wǎng)址:http://www.bm7419.com/news12/231412.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設、建站公司動態(tài)網(wǎng)站、App設計企業(yè)網(wǎng)站制作、移動網(wǎng)站建設

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設