層級信息的交互表達（一） - 網頁設計

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 |

inspirr

inspirr 發表在痞客邦留言(0) 人氣()

E-mail轉寄

inspirr