- 簡(jiǎn)體
- 簡(jiǎn)體中文 English
APP導(dǎo)航的設(shè)計(jì)套路
精華濃縮版
導(dǎo)航設(shè)計(jì)四步走:
明確用戶角色和任務(wù)流程;
搭建清晰合理的信息架構(gòu);
靈活運(yùn)用導(dǎo)航模式;
利用推薦算法來(lái)簡(jiǎn)化,關(guān)注拇指操作熱區(qū)來(lái)創(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全部?jī)?nèi)容的組成方式,以合理的歸組分類(lèi)的方式可以使產(chǎn)品更加易于理解和瀏覽;也能讓功能框架具備良好的擴(kuò)展性。
在初期整理時(shí)可能會(huì)面對(duì)數(shù)十甚至數(shù)百的功能點(diǎn),那么如何有效組織信息呢?
(1)從用戶認(rèn)知出發(fā)
最經(jīng)典的方式是卡片分類(lèi)法,讓用戶根據(jù)自己的認(rèn)知來(lái)組織功能點(diǎn)。具體操作又分為封閉式分類(lèi)和開(kāi)放式分類(lèi),前者由產(chǎn)品自身特點(diǎn)設(shè)立部分類(lèi)別,后者則完全由用戶自行分類(lèi)。以此得到用戶版的信息架構(gòu),然后通過(guò)多個(gè)用戶版的信息架構(gòu)來(lái)合并同類(lèi)項(xiàng),獲取符合用戶認(rèn)知的功能結(jié)構(gòu)。
(2)劃分優(yōu)先級(jí)
明確哪些是最重要、次要及不重要的。一般可以從這三個(gè)緯度來(lái)評(píng)估:需求強(qiáng)弱、使用頻率、任務(wù)數(shù)量,輔助以決策工具,獲取最優(yōu)解。當(dāng)功能多的時(shí)候會(huì)取舍兩難,但如果每個(gè)功能都很重要,反而說(shuō)明了每個(gè)都不重要,對(duì)用戶而言也很容易失去焦點(diǎn)。
(3)把握任務(wù)的場(chǎng)景類(lèi)型
不同的任務(wù)場(chǎng)景對(duì)應(yīng)著不同組織方式,一般情況下可以分為瀏覽型和任務(wù)型。瀏覽型場(chǎng)景,那產(chǎn)品便可能需要展示更多的事物對(duì)象,讓用戶能夠快速獲得清晰的認(rèn)知,例如資訊類(lèi)APP將很多新聞?lì)悇e平鋪展開(kāi);而任務(wù)型場(chǎng)景,那就要突出關(guān)鍵的流程結(jié)點(diǎn),讓用戶能夠順利完成想要做的事情,例如電商類(lèi)APP的購(gòu)物車(chē)和訂單機(jī)制。
最后,我們可能會(huì)梳理出這三種情況的信息架構(gòu),然后根據(jù)導(dǎo)航模式開(kāi)始界面設(shè)計(jì)。
定義用戶和核心任務(wù)
在設(shè)計(jì)導(dǎo)航之前需要明確用戶是誰(shuí)以及他們最常用的操作。
以背景中的需求為例:
本次需求已明確用戶是某類(lèi)商家群體。而這個(gè)答案前期可以通過(guò)需求挖掘、用戶調(diào)研等方式進(jìn)行實(shí)際分析,常用手段包括用戶畫(huà)像、深度訪談、調(diào)查問(wèn)卷、焦點(diǎn)小組等等,具體操作方式在網(wǎng)上均有專(zhuān)門(mén)介紹,在此不做展開(kāi)。
在獲得了商家的核心痛點(diǎn)和訴求之后,那么這類(lèi)群體會(huì)有哪些操作?經(jīng)過(guò)任務(wù)拆解,我們列出了他們的所需的操作清單:
然后整理出他們的主要功能流程:
明確了用戶群體和核心任務(wù)之后,就可以解構(gòu)功能流程,通過(guò)信息架構(gòu)來(lái)搭建APP的骨骼。
信息來(lái)源尚品中國(guó):http://m.yangsheng234.com/,高端網(wǎng)站制作,高端網(wǎng)站設(shè)計(jì),高端網(wǎng)站建設(shè)公司
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁(yè)面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開(kāi)發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門(mén)標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開(kāi)發(fā)
- 小程序開(kāi)發(fā)
- 無(wú)錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽(yáng)網(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è)-
北京網(wǎng)站建設(shè)公司分享建站流程和步驟
作為一家大型網(wǎng)站建設(shè)公司,我們?yōu)槠髽I(yè)和更多需要建立網(wǎng)站平臺(tái)的客戶服務(wù)。...
2020-06-18 -
網(wǎng)站制作前就應(yīng)該優(yōu)的seo規(guī)劃
網(wǎng)站制作前就應(yīng)該優(yōu)的seo規(guī)劃現(xiàn)在北京網(wǎng)站制作與seo網(wǎng)站優(yōu)化都是分開(kāi)...
2011-12-31 -
購(gòu)買(mǎi)舊域名需要注意的事項(xiàng)
利用緩存頁(yè)進(jìn)行判斷域名質(zhì)量緩存多可以證明搜索引擎索引的頁(yè)數(shù)多,通常緩存...
2012-06-21 -
博客營(yíng)銷(xiāo)之怎樣迅速提高博客威望
博客營(yíng)銷(xiāo)之怎樣迅速提高博客威望博客,是網(wǎng)站的一種形式,常見(jiàn)的wordp...
2011-12-28 -
企業(yè)網(wǎng)站建設(shè)可以通過(guò)網(wǎng)站設(shè)計(jì)提高品牌影響力
企業(yè)網(wǎng)站建設(shè)是在互聯(lián)網(wǎng)上推廣你的品牌的工具之一。據(jù)統(tǒng)計(jì),消費(fèi)者平均需要...
2022-03-16 -
網(wǎng)絡(luò)計(jì)劃的編制
隨著科技的發(fā)展,人類(lèi)的進(jìn)步,很多與網(wǎng)絡(luò)有關(guān)的事物走進(jìn)了人民的生活,譬如...
2014-10-29
預(yù)約專(zhuān)業(yè)咨詢顧問(wèn)溝通!
免責(zé)聲明
非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com