APP導(dǎo)航的設(shè)計(jì)套路
精華濃縮版
導(dǎo)航設(shè)計(jì)四步走:
明確用戶角色和任務(wù)流程;
搭建清晰合理的信息架構(gòu);
靈活運(yùn)用導(dǎo)航模式;
利用推薦算法來簡化,關(guān)注拇指操作熱區(qū)來創(chuàng)新。
“導(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的骨骼。
信息來源尚品中國:http://m.xjjufeng.cn/,高端網(wǎng)站制作,高端網(wǎng)站設(shè)計(jì),高端網(wǎng)站建設(shè)公司
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
詮釋新概念SEO+UEO+SMO+SSO=網(wǎng)站優(yōu)化
之前寫的文章總喜歡攜帶些技術(shù)性的元素進(jìn)去,可能已經(jīng)成為了習(xí)慣,技術(shù)性的...
2012-08-03 -
如何制定社會化媒體對話策略的10個(gè)建議
寫在前面的話社會化媒體的運(yùn)營需要堅(jiān)持,需要和用戶互動,保持用戶黏性。但...
2012-02-03 -
Pinterest網(wǎng)站推薦流量接近Twitter和谷歌
騰訊科技訊(萬學(xué))北京時(shí)間2月2消息,據(jù)國外媒體報(bào)道,內(nèi)容共享公司Sh...
2012-02-03 -
站長故事:坐在豬肉柜臺前面做網(wǎng)站的我!
我是一個(gè)無業(yè)游民,自己有一個(gè)不大不小的冷鮮肉銷售商店,其實(shí)在今天上午之...
2014-04-16 -
PHOTOSHOP網(wǎng)站設(shè)計(jì)有哪些要注意的?
在進(jìn)行Photoshop網(wǎng)站設(shè)計(jì)時(shí),有許多重要的方面需要注意,以確保您...
2023-08-28 -
游戲預(yù)約頁網(wǎng)站設(shè)計(jì)優(yōu)化只需要合理的優(yōu)化和推廣
相信很多游戲預(yù)約頁網(wǎng)站設(shè)計(jì)企業(yè)在網(wǎng)站優(yōu)化的過程中都會擔(dān)心一個(gè)問題,那就...
2022-01-26
預(yù)約專業(yè)咨詢顧問溝通!
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時(shí),以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請您及時(shí)與我們,我們會在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com