互聯(lián)網(wǎng)界面設計模式

作者:
2010-08-26
5876
三、顯示原理

顯示原理中包含的模式與鼠標和鍵盤沒有直接聯(lián)系,它作為一種輔助效果,簡化交互,提升用戶體驗

1、聚焦

突顯界面變化。個人認為,如果用得亂七八糟的話,還是別用了

2、擴展與隱藏

用不著的相關內容或其他面板可以隱藏起來。這是一種很古老的技術了,用的時候要注意切換時的連貫性,硬生生地割裂畫面就不好了

3、菜單按鈕

菜單按鈕

它提供默認的按鈕操作,又有更多操作的提示,方便快捷。設計時,避免目標過小,另一方面,保證鍵盤和移動設備能正常訪問

4、流程處理

書中寫的是刪除一條評論時應簡化步驟,保證在一個頁面之內。這個……唔,現(xiàn)在都是這樣做的吧?什么,你還不是?

5、操作引導

有了新功能(商品),或者網(wǎng)站改版,用靜態(tài)(或動態(tài))頁面引導用戶學習、認識。靜態(tài)頁面引導可以利用未完成的區(qū)域引導用戶操作,人類的天性會促使用戶想“完成”它。動態(tài)引導(比如小氣泡什么的)則該簡明扼要、過程簡單。我認為,還要能屏蔽引導或再次打開引導

6、部件嵌入

個人認為,添加了這樣部件(比如購物車或聊天窗口),能在訪問多頁面的同時,集中某個任務的操作

7、彈出層

彈出層

書中用詞是“覆蓋層”,我認為“彈出層”更通俗。有了彈出層,便可以在文本流中處理任務,省去了跳轉頁面的麻煩。相比彈窗,它占用資源少,速度快,更容易控制樣式??梢杂米鳌按_認對話框”、“詳細信息”和“輸入覆蓋”等

8、定時刷新

定時刷新無須用戶介入就可以保持站點內容新鮮,極其方便。唯一需要注意的是,刷新不能太頻繁,要在易讀和關聯(lián)之間尋求平衡

9、其他動畫效果

這一點夾雜在書中各個角落,無非是淡入淡出、平移滑動之類的效果。適當?shù)木Y飾,網(wǎng)站的流暢性和用戶體驗肯定上一個檔次

0
0
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號