前幾天曾將信息扁平化列為五條手機(jī)交互設(shè)計(jì)原則其中之一，未查找到相關(guān)內(nèi)容，個(gè)人嘗試從概念、緣由和實(shí)現(xiàn)方法等方面分析。

概念

較少的信息層級(jí)關(guān)系，用戶通過(guò)操作跳轉(zhuǎn)較少的頁(yè)面即能找到想要的信息。

緣由

1.信息結(jié)構(gòu)以深度為主。從淘寶UED的文章中看出web注重深廣度平衡：

在整個(gè)樹(shù)形結(jié)構(gòu)中，鏈接的層數(shù)被稱為網(wǎng)頁(yè)鏈接的深度（depth）。而在樹(shù)形結(jié)構(gòu)里，最底層頁(yè)面包含的頁(yè)面總數(shù)被稱為網(wǎng)頁(yè)鏈接的廣度（breadth）。

但此條對(duì)于淘寶的網(wǎng)頁(yè)和手機(jī)客戶端并不適用，這兩者實(shí)現(xiàn)的功能是：選擇商品種類→找到商品→購(gòu)買(mǎi)→付款，信息框架中最底層的界面大多扭轉(zhuǎn)到付款界面，并不是正常的樹(shù)型結(jié)構(gòu)。此概念對(duì)于豆瓣到挺適用，網(wǎng)頁(yè)結(jié)構(gòu)是樹(shù)型，首頁(yè)是樹(shù)根，小組中的話題、電影評(píng)論和書(shū)評(píng)是樹(shù)枝；而淘寶網(wǎng)頁(yè)是倒樹(shù)型結(jié)構(gòu)，熱門(mén)商品、搜索入口和商品目錄是樹(shù)枝，付款是樹(shù)根。

由于手機(jī)屏幕的限制，淘寶隨身購(gòu)的主界面只有選擇商品和搜索商品，較弱的廣度入口，信息深度更為明顯。

2.每跳轉(zhuǎn)一次界面，都會(huì)損失用戶流量。隨身購(gòu)的目的在于引導(dǎo)用戶查找到想要的商品并且支付，如完成操作要跳轉(zhuǎn)5個(gè)界面比跳轉(zhuǎn)7個(gè)界面的訂單量會(huì)更多。

3.界面跳轉(zhuǎn)比網(wǎng)頁(yè)復(fù)雜。手機(jī)客戶端中沒(méi)有像面包屑那樣顯示路徑的功能，必須一層層返回。

↑如在iPhone中查看照片，從照片返回到照片目錄需要點(diǎn)擊兩次導(dǎo)航欄上的返回。

↑從上圖的手機(jī)客戶端的信息結(jié)構(gòu)示意圖中可以看出，從“界面C”跳轉(zhuǎn)到“界面I”的路徑為：C→B→A→HOME→H→I。

另外，手機(jī)客戶端沒(méi)有像web那樣操作方便的導(dǎo)航方式，如目錄、樹(shù)狀導(dǎo)航和面包屑等。如iPhone的照片目錄與照片顯示在兩個(gè)界面中，在web的照片目錄和照片可以顯示在同一個(gè)界面中。如樹(shù)狀導(dǎo)航顯示在手機(jī)界面中，會(huì)導(dǎo)致頁(yè)面過(guò)長(zhǎng)。

↑如在iPhone程序中使用上圖的面包屑，會(huì)導(dǎo)致如下幾個(gè)問(wèn)題：

• 占據(jù)標(biāo)題的顯示空間。
• 無(wú)法顯示單個(gè)內(nèi)容的狀態(tài)。
• 面包屑越多，顯示區(qū)域越少，也就難以點(diǎn)擊。
• 難以表示用戶所處信息的深度。

以上的問(wèn)題與web面包屑的作用相違背的，如果擔(dān)心用戶容易在程序中迷失，不用“back”按鈕而才采用面包屑路徑，這可能就意味著用戶進(jìn)入深層次的信息才能找到他們想要的，這時(shí)更應(yīng)該做的是減少信息的深度。

方法

↑增加tab。將并列的信息顯示在同一個(gè)界面中，減少頁(yè)面的跳轉(zhuǎn)。

↑從“界面C”跳轉(zhuǎn)到“界面I”的路徑為：C→B→A→H→I。此時(shí)A是真正意義上的HOME界面，C的層次由原先的第4級(jí)變?yōu)榈?級(jí)。

↑流程的快捷通道。在界面A中增加達(dá)到C的快捷方式，雖然在邏輯上C還是第4級(jí)，但是對(duì)于用戶而言，C是第3級(jí)。如購(gòu)買(mǎi)電影票的流程是：選擇電影（A）→選擇電影院（B）→選擇場(chǎng)次（C），如果在A界面中顯示，XX電影院正在熱映《諸神之戰(zhàn)》，點(diǎn)擊之后直接跳轉(zhuǎn)到選擇場(chǎng)次（C）。

↑區(qū)分流程的主次。假設(shè)數(shù)據(jù)顯示8成以上的用戶都選擇使用快捷方式，那么B就不是流程中的必要環(huán)節(jié)，而是次要的流程，那么原先第4級(jí)的C界面變?yōu)榈?級(jí)。

↑提取重要信息。第3級(jí)有3個(gè)界面BFE，用戶要查看這3個(gè)界面才能決定哪個(gè)界面是需要的，在邏輯上BFE是并列的，如能提取BEF的重要信息，用戶在A界面就能決定選擇第3級(jí)的哪個(gè)界面。假設(shè)A為選擇電影界面，BEF是各個(gè)電影的放映場(chǎng)次及電影票價(jià)，如在A界面中即能得知BEF電影的最低票價(jià)，就能幫助用戶省去對(duì)比票價(jià)的過(guò)程。這種做法并不能使得信息扁平化，BEF屬于廣度的信息，如能從用戶的角度區(qū)分BEF的重要性，同樣能壓扁廣度，減少點(diǎn)擊的次數(shù)。如果用戶選擇了B流程，B流程也是最簡(jiǎn)單的，跳轉(zhuǎn)2次界面就能完成任務(wù)，而E和F跳轉(zhuǎn)4次才能完成同樣的任務(wù)，那么也能實(shí)現(xiàn)信息扁平化的目的。

來(lái)源：http://daichuanqing.com/index.php/archives/1344