非原創(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)知之間建立一個通道,是信息直觀表達(dá)的載體。充分理解核心用戶的需求,傳達(dá)用戶所需的信息。當(dāng)我們進(jìn)商場時(shí)候,你需要去店鋪,你會根據(jù)什么信息很快找到你想要去的店鋪?這個店鋪具體位置信息,朝南還是朝北、店鋪大小、距離電梯間等,這時(shí)候信息架構(gòu)就能幫我們找到想要的信息了,緩解我們尋找目標(biāo)信息的焦慮感。
(如何設(shè)計(jì)導(dǎo)航)導(dǎo)航設(shè)計(jì)是信息架構(gòu)至關(guān)重要的一個環(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)入每個功能的子系統(tǒng)。這種導(dǎo)航方式,桌面的每一個功能入口都是平等的,沒有重要等級之分。
優(yōu)點(diǎn):可以根據(jù)用戶 需求個性化設(shè)置,用戶可以自己添加選項(xiàng)入口。
缺點(diǎn):由于可以設(shè)置個性化的屬性,必然存在一些不規(guī)范,或選項(xiàng)過多不宜整理的情況。
3列表式導(dǎo)航

列表式導(dǎo)航與桌面式導(dǎo)航類似,每個列表項(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個。有更多的選項(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個。
8舵式導(dǎo)航

跟標(biāo)簽式導(dǎo)航相比,區(qū)別在于舵式導(dǎo)航把類似生產(chǎn)內(nèi)容的主功能按鈕放在中間,標(biāo)簽更加突出醒目,同時(shí)該主功能標(biāo)簽做了功能擴(kuò)展,也因此給設(shè)計(jì)增加了一些個性化的亮點(diǎn)。