可以看出,web網(wǎng)頁更注重深廣度的平衡。
再來看看手機端,很顯然如果直接把web上的結(jié)構(gòu)搬到手機上是行不通的,由于手機設(shè)備的限制,淘寶的手機主界面的廣度大大減弱,信息深度更為明顯。
pc上我們可以用面包屑路徑或者各種導(dǎo)航清晰的表現(xiàn)出層級結(jié)構(gòu),讓用戶不在復(fù)雜的層級機構(gòu)中迷路。但是在移動設(shè)備上顯示區(qū)域有限,沒有足夠的地方用來放這樣的路徑,更多的時候我們只能用back。所以這也印證了前面所說的扁平化來勢洶洶的趨勢。
我們怎樣才能做到在移動端減少結(jié)構(gòu)層級從而精簡交互步驟。總結(jié)了以下幾種方法,也歡迎大家參與討論。
1)并列
將并列的信息顯示在同一個界面中,減少頁面的跳轉(zhuǎn)。
這里有最典型的例子就是 Windows 8,在這之前什么天氣/郵件啊,都得點到具體的應(yīng)用里面才能看到,而windows8在同一個界面中就能展示出這些信息。
還有一個例子:Next day。
Calendar 里面分別為按年,月,周,日的展示方式,點擊下面的時間線,內(nèi)容直接在當(dāng)前頁面切換,沒有轉(zhuǎn)跳。
平面設(shè)計
工業(yè)設(shè)計
CG插畫
UI交互
室內(nèi)設(shè)計
建筑環(huán)境