APP導(dǎo)航的設(shè)計(jì)套路

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

精華濃縮版

導(dǎo)航設(shè)計(jì)四步走:

明確用戶角色和任務(wù)流程;

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

靈活運(yùn)用導(dǎo)航模式;

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

導(dǎo)航的設(shè)計(jì)原則

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

——Material Design

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

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

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

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

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

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

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

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

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

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

定義用戶和核心任務(wù)

在設(shè)計(jì)導(dǎo)航之前需要明確用戶是誰以及他們最常用的操作。

以背景中的需求為例:

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

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

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

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

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

網(wǎng)站名稱:APP導(dǎo)航的設(shè)計(jì)套路
URL網(wǎng)址:http://www.muchs.cn/news12/231412.html

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

廣告

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

成都網(wǎng)站建設(shè)