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