香港曼格論壇's Archiver

hkmsyp 發表於 2007-5-17 19:23

怎麼讓按鈕更容易被點擊

今天突然想起這個問題, 就好好搜索整理一下,不過在開始歸納之前,請先來一起做做這個小實驗:

忽略一切實際的外在情況, 你看了下面的按鈕,第一本能感覺, 哪一個你更想去點擊它:
[img]http://img524.imageshack.us/img524/2268/1903031001fv7.gif[/img]


下面是295個參與投票者的投票結果:
[img]http://img524.imageshack.us/img524/6338/19030324votdm4.gif[/img]


儘管按鈕所處環境會根據具體情況而千差萬別, 但回歸於最本質的設計原理, 讓待觸發的按鈕被關注和實施是交互設計的職責所在, 記得在Psychology of Everyday Things 這本書裡對設計原則提到了比較兩個基礎觀點:

設計容易理解的概念模型;
讓事情更可見

所以我根據個人的理解把按鈕設計應該注意的幾個方面用下面這個圖示的方式來歸納一下:
[img]http://img524.imageshack.us/img524/9999/1903050102uu6.gif[/img]


簡單歸納一下上面這個圖示:

圖形視覺效果可以突出按鈕在頁面中的存在,而滿足「更可見」的原則要求;
補充性質的圖標,可以讓用戶在觸發前更容易理解將要發生什麼,這樣可以迴避不必要的說明, 讓交互更有效;
迴避主次衝突, 讓最終的需要觸發的動作更顯著, 讓輔助的觸發更靠近焦點區域;
補充上圖中沒有表現的,讓焦點觸發按鈕周圍盡量乾淨, 平衡頁面結構和顏色對比;

頁: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.