非原創(chuàng)肋层,但是自己有添加部分內(nèi)容整理后發(fā)出~
(什么是信息架構(gòu))信息架構(gòu)最早是有建筑師提出的翎承,然后由兩位圖書館學(xué)者將它發(fā)揚(yáng)光大。信息架構(gòu)主體是信息衙伶,信息架構(gòu)通過分析祈坠、組織信息、并對信息結(jié)構(gòu)化設(shè)計(jì)矢劲,它的任務(wù)就是信息與用戶認(rèn)知之間建立一個(gè)通道赦拘,是信息直觀表達(dá)的載體。充分理解核心用戶的需求卧须,傳達(dá)用戶所需的信息另绩。當(dāng)我們進(jìn)商場時(shí)候,你需要去店鋪花嘶,你會根據(jù)什么信息很快找到你想要去的店鋪笋籽?這個(gè)店鋪具體位置信息,朝南還是朝北椭员、店鋪大小车海、距離電梯間等,這時(shí)候信息架構(gòu)就能幫我們找到想要的信息了隘击,緩解我們尋找目標(biāo)信息的焦慮感侍芝。
(如何設(shè)計(jì)導(dǎo)航)導(dǎo)航設(shè)計(jì)是信息架構(gòu)至關(guān)重要的一個(gè)環(huán)節(jié)。導(dǎo)航設(shè)計(jì)目的是為了讓用戶高效的完成任務(wù)埋同、達(dá)成目標(biāo)州叠。導(dǎo)航設(shè)計(jì)如何更好的組織內(nèi)容?哪一種導(dǎo)航類型是最好選擇凶赁?如何設(shè)計(jì)最佳的導(dǎo)航菜單咧栗?首先通過分析確定用戶的痛點(diǎn)。其次根據(jù)痛點(diǎn)對信息進(jìn)行優(yōu)先級劃分虱肄,并根據(jù)優(yōu)先級對信息進(jìn)行組織致板。再根據(jù)組織好信息選擇最佳的導(dǎo)航類型,同時(shí)結(jié)合信息內(nèi)容對導(dǎo)航架構(gòu)設(shè)計(jì)咏窿。
(如何設(shè)計(jì)導(dǎo)航斟或,具體的方法)導(dǎo)航架構(gòu)設(shè)計(jì)我們可以通過“痛點(diǎn)挖掘”、“信息組織”集嵌、“導(dǎo)航產(chǎn)出”循序漸進(jìn)方式來萝挤。痛點(diǎn)挖掘通常運(yùn)用用研的方法御毅,定性+定量(問卷調(diào)查是定量,用戶訪談是定性)平斩。信息組織主要是確定信息優(yōu)先級亚享,信息優(yōu)先級劃分目的是幫助用戶獲取有價(jià)值信息,信息劃分按“邏輯關(guān)系”及“用戶場景”來確定 信息優(yōu)先級绘面。信息邏輯關(guān)系主要是對收集到信息,運(yùn)用圖示技術(shù)把不可視邏輯信息呈現(xiàn)出來侈沪,使其信息間邏輯清晰揭璃。每種導(dǎo)航方案都有優(yōu)劣之分,具體根據(jù)業(yè)務(wù)需求指引用戶為目標(biāo)亭罪,進(jìn)行分析和評估瘦馍,從中挑選合適的方案。
自從有了磚頭式的移動電話应役,到現(xiàn)在智能機(jī)已過了20年情组,我們習(xí)慣于使用智能電話與人溝通、交流箩祥、管理生活等院崇,每一次科技進(jìn)步讓我們認(rèn)識到與時(shí)俱進(jìn)。設(shè)計(jì)友好的APP導(dǎo)航設(shè)計(jì)尤其關(guān)鍵袍祖,但需要周全考慮底瓣,盡量保持簡潔和易用性。導(dǎo)航設(shè)計(jì)模式?jīng)Q定APP至關(guān)重要的作用蕉陋,如何根據(jù)手機(jī)屏幕大小捐凭、分辨率、兼容性凳鬓、特定手勢茁肠、橫豎屏以及合理的反饋等因素,再結(jié)合錯綜復(fù)雜的信息以最優(yōu)的方式進(jìn)行組合并轉(zhuǎn)達(dá)給用戶缩举。隨著移動互聯(lián)網(wǎng)快速興起垦梆,優(yōu)秀的APP導(dǎo)航設(shè)計(jì)始于好的信息架構(gòu),設(shè)計(jì)優(yōu)秀APP導(dǎo)航蚁孔,能指明方向奶赔、到達(dá)該去目的地。
列舉手機(jī)APP常見的幾種導(dǎo)航方式及優(yōu)缺點(diǎn)杠氢。
APP的導(dǎo)航設(shè)計(jì)主要包括:1抽屜式導(dǎo)航站刑,2桌面式導(dǎo)航,3列表式導(dǎo)航鼻百,4Tab導(dǎo)航绞旅,5頂部摆尝,底部雙tab導(dǎo)航,6頂部tab切換因悲,7選項(xiàng)卡堕汞,8舵式導(dǎo)航。
1抽屜式導(dǎo)航
這種導(dǎo)航的核心思想就是隱藏晃琳,將最主要的信息顯示在界面上讯检,而將非核心的信息隱藏,抽屜式導(dǎo)航內(nèi)可以是二級列表導(dǎo)航卫旱,也可以是一些重要信息展示人灼,還可以是一些重要的操作選項(xiàng)入口。
優(yōu)點(diǎn):導(dǎo)航的條目不受數(shù)量限制顾翼,而且可根據(jù)選項(xiàng)的重要等級選擇提供入口投放,或者將內(nèi)容展示,操作靈活性比較大适贸。
缺點(diǎn):對于那些需要經(jīng)常在不同導(dǎo)航間切換或者核心功能有一堆入口的APP不適用灸芳,因?yàn)樾枰吸c(diǎn)擊。
2桌面式導(dǎo)航
桌面式導(dǎo)航是將APP各項(xiàng)重要功能的操作入口以卡片的形式放置在桌面上拜姿,用戶可根據(jù)需要進(jìn)入每個(gè)功能的子系統(tǒng)烙样。這種導(dǎo)航方式,桌面的每一個(gè)功能入口都是平等的砾隅,沒有重要等級之分误阻。
優(yōu)點(diǎn):可以根據(jù)用戶 需求個(gè)性化設(shè)置,用戶可以自己添加選項(xiàng)入口晴埂。
缺點(diǎn):由于可以設(shè)置個(gè)性化的屬性究反,必然存在一些不規(guī)范,或選項(xiàng)過多不宜整理的情況儒洛。
3列表式導(dǎo)航
列表式導(dǎo)航與桌面式導(dǎo)航類似精耐,每個(gè)列表項(xiàng)代表相應(yīng)的功能的子系統(tǒng)。
優(yōu)點(diǎn):適用于類別琅锻、方式卦停、類目比較多的情況,適合整理分類恼蓬。
缺點(diǎn):這種導(dǎo)航方式避免層級過深惊完,盡量不要超過3層,否則用戶很容易迷失在信息當(dāng)中处硬。
4Tab導(dǎo)航小槐,也叫標(biāo)簽式導(dǎo)航
優(yōu)點(diǎn):能及時(shí)在不同選項(xiàng)之間進(jìn)行切換,用戶能清晰的知道目前所在位置。
缺點(diǎn):選項(xiàng)數(shù)量有限凿跳,頁面展示位3-5個(gè)件豌。有更多的選項(xiàng)操作時(shí)可將最后一項(xiàng)設(shè)置為更多,將一些次要功能放置在更多里控嗜。并且這種顯示方式會占用屏幕的一行空間茧彤。
5頂部,底部雙tab導(dǎo)航
標(biāo)簽式導(dǎo)航除了設(shè)在底部和底部疆栏,另外有些產(chǎn)品內(nèi)容比較多會采用頂部曾掂,底部混合使用標(biāo)簽式導(dǎo)航,如簡書承边、微票兒遭殉。
優(yōu)點(diǎn):能看到導(dǎo)航下的推薦子項(xiàng)目,沒必要時(shí)不必切換頁面博助。
缺點(diǎn):占用一定空間。
6頂部tab切換
用戶通過在內(nèi)容頁面左右滑動手指即可在不同的類型之間進(jìn)行切換痹愚。
優(yōu)點(diǎn):這種方式的用戶體驗(yàn)改進(jìn)了很多富岳,尤其在連續(xù)切換時(shí)其操作方式的連續(xù)性比較強(qiáng),主體頁面的過渡也 更加平滑拯腮,會產(chǎn)生更加流暢的體驗(yàn)窖式。
缺點(diǎn):一次滑動只能切換到相鄰的類別,要想直接切換到對應(yīng)類別可以點(diǎn)擊上方的類別列表动壤,不過由于類別過多萝喘,有時(shí)候可能需要滑動一下類別列表才能完成操作。
7選項(xiàng)卡
選項(xiàng)卡式導(dǎo)航適用于架構(gòu)簡單琼懊,適用于瀏覽的頁面阁簸。
優(yōu)點(diǎn):操作簡單、隱喻明顯哼丈,只需要手指左右滑動启妹。
缺點(diǎn):承載選項(xiàng)的數(shù)量有限,最多不超過20個(gè)醉旦。
8舵式導(dǎo)航
跟標(biāo)簽式導(dǎo)航相比饶米,區(qū)別在于舵式導(dǎo)航把類似生產(chǎn)內(nèi)容的主功能按鈕放在中間,標(biāo)簽更加突出醒目车胡,同時(shí)該主功能標(biāo)簽做了功能擴(kuò)展檬输,也因此給設(shè)計(jì)增加了一些個(gè)性化的亮點(diǎn)。