如果你的表格使用了展開功能,那么表頭一定要設計得能讓用戶清晰地找到這個功能。不要讓用戶重重篩選才能找到他們所需要的信息。
高亮突出關聯(lián)性Highlight Relationships
這種技術增加了復雜表格或矩陣的可讀性。無論用戶鼠標懸停到單元的列還是行,都會高亮突出整個單元。請見詳例.
點擊如下“Ask The CSS Guy”里的例子可以看到如何實現(xiàn)這種效果。
如何創(chuàng)建類似Orbitz’s airline的航空時刻和價格矩陣表格
增加動態(tài)選擇效果Add a Dynamic Selection Effect
這里是“Ask The CSS Guy”里的另一個例子,允許用戶選擇表格的給定列(價格表),當前選擇會高亮突出顯示,并且能展開顯示更多信息。這種方式和上一個例子是一致的,但是有不同的效果。查看demo 具體實現(xiàn)請點擊:
創(chuàng)建類似Crazy Egg’s價格列表動態(tài)高亮列效果的表格
譯文:http://article.yeeyan.org/view/155461/108136
本文鏈接:http://m.95time.cn/design/doc/2010/7659.asp
出處:譯言
責任編輯:bluehearts
上一頁 15個優(yōu)秀的表格設計技巧 [6] 下一頁
|