層級信息的交互表達(一) - 網頁設計 |
http://webdesign.zoapcon.com
|
|
無論是固網還是移動網,在交互設計過程中,關于層級信息的表達有很多種不同形式,這里針對不同的手機平臺的兩層信息進行的簡單的歸類和探討。 1,TAB方式 TAB 是互聯網產品中非常普遍的應用方式,并在各種各樣的軟件應用中有著非常善變的形式。 A 最原生態的TAB形式
這種形式的TAB在傳達什么樣的交互信息呢? 1) 其他標簽 簡要概括該TAB對應頁面的信息 2) 選中標簽 顯示當前瀏覽的信息 3) 雖然各個TAB之間相互獨立,但是TAB提供了方便的信息認知方式(標簽),便于準確迅速查找到對應的頁面信息 4) 有一個問題是:隨著TAB數量的增多,用戶承受記憶單元的壓力越來越大,標簽本身信息傳達也顯得越來越無力 此時,我們是如何安排我們的記憶方式呢?按照一般人能夠正常記憶的單元在7個左右,當要記憶的單元超過7個,我們會調整記憶的方式,比如將類似的信息合并為一個單元存儲在記憶中。但是無論如何,這樣的記憶方式確確實實加重中了我們的記憶負擔,之前很隨意,現在需要集中精力了! 但是一旦這些信息雜亂無章,讓人無所適從的時候,我們開始完全記憶不清楚了,只能一個一個點擊去“試”,碰一下運氣。
這樣TAB比較多的展現方式或許在PC端差強人意(通過TAB標簽微弱的提示信息來猜測),但是在手機端上就太勉為其難了。 B 非觸摸硬鍵操作手機
針對非觸摸硬鍵操作手機,過多的TAB可以采用上圖兩種方式來表達: 1) 通過TAB標簽一半的顯示和隱藏來暗示更多TAB頁面的存在 2) 通過左右箭頭的存在或凍結關系暗示更多TAB頁面 TAG: 網頁設計 | web design |
|
文章標籤
全站熱搜