信息架構(gòu) 即信息的組織結(jié)構(gòu)。它的任務(wù)就是在信息與用戶(hù)之間建立一個(gè)通道，使用戶(hù)能夠獲取到其想要的信息。一個(gè)有效的信息架構(gòu)方式，會(huì)根據(jù)用戶(hù)在完成任務(wù)時(shí)的實(shí)際需求來(lái)指引用戶(hù)一步一步的獲得他們需要的信息。

比如我們?nèi)ワ埖挈c(diǎn)菜、去商場(chǎng)買(mǎi)衣服，要完成這類(lèi)日常生活中最常見(jiàn)的任務(wù)，用戶(hù)最希望的就是過(guò)程簡(jiǎn)短、不用過(guò)多的去思考。所以根據(jù)用戶(hù)的實(shí)際需求，這類(lèi)任務(wù)就要采取比較順暢的架構(gòu)方式。相反，如果在PC上玩一個(gè)大型的網(wǎng)絡(luò)游戲，為了滿(mǎn)足用戶(hù)在游戲過(guò)程中的一些情感體驗(yàn)，就要把游戲設(shè)計(jì)得有些難度。所以這時(shí)就要采取帶有障礙的架構(gòu)方式。如果網(wǎng)絡(luò)游戲也采用順暢的架構(gòu)方式的話，那么游戲就變得毫無(wú)挑戰(zhàn)，也就失去了它的樂(lè)趣。

通過(guò)分析我們可以看出來(lái)，采用哪種架構(gòu)方式是根據(jù)用戶(hù)完成某個(gè)任務(wù)或行為時(shí)的實(shí)際需求來(lái)決定的。

根據(jù)上面所講的信息與用戶(hù)之間的關(guān)系，我們可以把信息架構(gòu)分為四種類(lèi)型：淺而廣、淺而窄、深而廣、深而窄。

淺而廣和淺而窄的類(lèi)型，都屬于較為順暢的架構(gòu)方式，在這種方式下用戶(hù)不需要去過(guò)多思考，可以較直接的獲取到信息。深而廣和深而窄的類(lèi)型，屬于帶有障礙的架構(gòu)方式，它的特點(diǎn)是用戶(hù)獲取信息有一定的難度，要經(jīng)過(guò)一定的步驟和流程才能獲取到信息。

手機(jī)上應(yīng)采用哪種信息架構(gòu)方式呢？

手機(jī)這種小屏幕設(shè)備的特點(diǎn)是：

首先人們大都在空閑的時(shí)間使用它，每多跳轉(zhuǎn)一個(gè)界面就可能失去一部分用戶(hù)；

其次它的屏幕較小，限制了功能展現(xiàn)的復(fù)雜性；

再次不得不考慮它的電池供電時(shí)間的限制等等。

根據(jù)它的這些特點(diǎn)我們不難發(fā)現(xiàn)，在手機(jī)上做應(yīng)用一定要是功能簡(jiǎn)單、操作簡(jiǎn)便、輕量級(jí)的、占用的時(shí)間要短等等。操作復(fù)雜、流程繁瑣、挑戰(zhàn)性高的深層次架構(gòu)方式的設(shè)計(jì)并不適合在手機(jī)上進(jìn)行。所以結(jié)合手機(jī)的特點(diǎn)，考慮到用戶(hù)的實(shí)際操作，手機(jī)上的設(shè)計(jì)就要采用盡量淺的、順暢的信息架構(gòu)方式。

那么怎樣在小屏幕設(shè)備上實(shí)現(xiàn)淺的信息架構(gòu)方式？在設(shè)計(jì)中又要注意哪些問(wèn)題呢？下面根據(jù)我在設(shè)計(jì)中遇到的問(wèn)題，談?wù)勗鯓訙p少信息架構(gòu)的深度。希望可以拋磚引玉，大家一同來(lái)探討。

一.??減少目錄級(jí)數(shù)

重新考慮軟件功能的布局，梳理各功能間的關(guān)系，通過(guò)適當(dāng)?shù)脑黾油粚拥哪夸洈?shù)，減少目錄的級(jí)數(shù)來(lái)減少用戶(hù)點(diǎn)擊的次數(shù)。這是減少信息深度的最直接方式，但此種方式應(yīng)避免的問(wèn)題的是，不要為了減少用戶(hù)操作而一味的將所有信息平鋪（圖1）。與其在一堆毫無(wú)規(guī)律的功能中尋找一個(gè)功能，還不如從分類(lèi)清晰的目錄中尋找來(lái)得容易（圖2）

二. 功能的排布要有邏輯，分類(lèi)要清晰，命名要準(zhǔn)確、易懂

軟件各功能間的關(guān)系要有邏輯性，同類(lèi)型的功能要?dú)w好類(lèi)，并且分類(lèi)及功能的命名要準(zhǔn)確，易懂，不要使用過(guò)于專(zhuān)業(yè)的術(shù)語(yǔ)。避免把A類(lèi)功能放在B類(lèi)中。

三. 減少操作次數(shù)、減少界面跳轉(zhuǎn)層級(jí)

因?yàn)槊慷嗵D(zhuǎn)一個(gè)界面就可能流失部分用戶(hù)。所以在設(shè)計(jì)中應(yīng)該盡量減少用戶(hù)操作的次數(shù)。我們可以采用tab或手風(fēng)琴等架構(gòu)方式來(lái)減少界面跳轉(zhuǎn)的層級(jí)。

tab的架構(gòu)方式

可以將并列的信息通過(guò)橫向或豎向tab來(lái)表現(xiàn)。與傳統(tǒng)的一級(jí)一級(jí)的架構(gòu)方式對(duì)比，此種架構(gòu)方式可以減少用戶(hù)的點(diǎn)擊次數(shù)，提高效率。如下圖3傳統(tǒng)的架構(gòu)方式，從A1到B1界面，要經(jīng)過(guò)A—O—B—B1 一共要跳轉(zhuǎn)四次，經(jīng)過(guò)五個(gè)界面。采用tab架構(gòu)方式的圖4，從A1到B1界面，只經(jīng)過(guò)A—B—B1 一共跳轉(zhuǎn)三次，經(jīng)過(guò)四個(gè)界面，比圖3少點(diǎn)擊一次。

手風(fēng)琴式的架構(gòu)方式

如圖5的手風(fēng)琴式的架構(gòu)方式，它其實(shí)與功能平鋪類(lèi)似，都是在一個(gè)界面上把功能展現(xiàn)。但不同的是，它有很清晰的分類(lèi)，各個(gè)不同的功能放在不同的分類(lèi)中，每個(gè)分類(lèi)可以自由伸縮，大大節(jié)省了空間。這樣用戶(hù)在一個(gè)界面上就可以了解整個(gè)功能的布局和每個(gè)分類(lèi)中的詳細(xì)子功能項(xiàng)。對(duì)比前面的架構(gòu)方式，此種方式從A1到B1只需經(jīng)過(guò)A&B—B1 跳轉(zhuǎn)兩次，經(jīng)過(guò)三個(gè)界面。

此種方式需要注意的問(wèn)題是：

首先每個(gè)分類(lèi)項(xiàng)目條的展開(kāi)和收起狀態(tài)在視覺(jué)上要有明顯的區(qū)分，這樣可以方便用戶(hù)檢索；

其次為避免頁(yè)面過(guò)長(zhǎng)，增加用戶(hù)的瀏覽負(fù)擔(dān)，請(qǐng)不要把所有的分類(lèi)都設(shè)為默認(rèn)展開(kāi)狀態(tài)?？梢园延脩?hù)最常用的分類(lèi)設(shè)為默認(rèn)展開(kāi)的狀態(tài)。

四. 操作要順暢，界面跳轉(zhuǎn)符合用戶(hù)心理預(yù)期。

隨時(shí)隨地 返回

因?yàn)槭謾C(jī)屏幕較小，顯示空間有限，相比同一款軟件在PC上信息層次而言，小屏幕設(shè)備的信息層次就會(huì)變得更加深。所以用戶(hù)在多個(gè)界面之間跳轉(zhuǎn)的時(shí)候，就要保證其操作通道的通暢性，要能快速的找到出口，隨時(shí)可以返回上層操作。這樣會(huì)增加用戶(hù)的安全感。舉個(gè)反面例子：如下圖windows mobile 6.5 的回復(fù)短信界面，沒(méi)有把出口標(biāo)識(shí)清楚，用戶(hù)需要切換tab項(xiàng)才能找到出口。這樣的設(shè)計(jì)會(huì)給用戶(hù)帶來(lái)極大的迷惑。

從哪來(lái)回哪去

小屏幕設(shè)備的信息架構(gòu)較深，界面較多。為了避免用戶(hù)在多個(gè)界面之間跳轉(zhuǎn)時(shí)迷路，當(dāng)用戶(hù)進(jìn)行返回操作時(shí)，所返回的界面一定是他剛剛操作的上一層界面。比如用戶(hù)從O界面進(jìn)入到A界面，又從A界面進(jìn)入到A1界面，此時(shí)從A1界面返回時(shí)一定是返回到A界面，而不是O界面。

想一想我們回家時(shí)，從大門(mén)口進(jìn)入客廳，經(jīng)過(guò)客廳進(jìn)入臥室，此時(shí)若從臥室出來(lái)卻發(fā)現(xiàn)自己站在大門(mén)口，那將會(huì)是怎樣的情形……

無(wú)論哪種方式都要使用得恰當(dāng)，一個(gè)好的設(shè)計(jì)師應(yīng)該要從各個(gè)角度去綜合考慮問(wèn)題，靈活運(yùn)用各種方式方法，把握好用戶(hù)和信息間的平衡。

(本文出自Tencent WSD Blog，轉(zhuǎn)載時(shí)請(qǐng)注明出處)