您的位置: 首頁 > 資訊 > 設計

用戶界面設計中“狀態”和“動作”的表達

藝術中國 | 時間: 2012-01-09 11:10:08 | 文章來源: aliued.cn

一、問題引發思考

前陣子與同事探討一個小需求時又遇到了按鈕表示“動作”和表示“狀態”間矛盾問題。想想這個問題多年前已經開始討論了,所以在此整理一下思路,與大家共用。

具體案例是這樣的:如上圖所示,在“啟用”和“停用”搜索定制功能時,這個按鈕到底是表示“狀態”還是表示“動作”呢?簡單的説,上圖中 1表示當前是停用狀態,還是表示點擊後為停用操作呢?答案顯然是不清晰的。

怎樣能夠清晰的表達兩者的差異,減少用戶的誤解呢?我們首先要從“動作”、“狀態”的定義和兩者的關係入手。

二、什麼是動作,什麼是狀態

動作是指具有一定動機和目的並指向一定對象的運動。
狀態指人或事物表現出來的形態。
結合來講,動作是促使人或事物改變某一狀態的運動,而狀態是動作造成的結果表現。因此兩者經常是緊密關聯的,有時甚至是互為條件的。

比如“操作收音機”這件事,我需要扭動旋鈕或按鍵等“打開”的動作來打開收音機,當動作完成後收音機的狀態是“打開的”。而“關閉”收音機這個動作的前提,是一個“打開的”狀態的收音機。
”聽起來好複雜阿!“很多人都會這麼認為。為什麼我們在生活中天天面對類似的事卻很少有這樣的感覺呢?

下面來看看生活中的例子我們或許就能理解了。

三、生活中的例子

1、電燈開關

「圖1」



單控開關,我們最常見的開關之一,設計極其簡單,按下一邊是開,另一邊是關。至於到底那邊是開那邊是關,沒有幾個人會特別關心。因為我嘗試兩次總會作對操作,幾乎沒有什麼成本。人們不會感覺什麼不爽。

當然,現在還有更好的設計。


「圖2」



2、Ipod HOLD


「圖3」



蘋果的Ipod播放器的按鍵鎖定功能“HOLD”。當開關撥動到“HOLD”字樣一邊時,左側便會露出紅色。而撥動到另一邊是沒有顏色的。巧妙的運用了色彩對人們心裏特徵的影響區分出了hold的狀態。

3、螢幕


「圖4」



螢幕電源開關,又一個“動作”和“狀態”結合的應用。使用按鈕突出的形態,和開關的圖形表現來表示可執行的動作(這裡按下去是用來開關的),使用背景燈的暗與亮來表示開關狀態(燈亮表示現在是開的狀態)。

類似的應用非常多,我們可以看到其中具有的特點是:1、可以觸摸、按動(撥動)的按鈕 2、色彩的區分 3、有的還有明顯的位置差異以及標識。

1   2   下一頁  


 

凡註明 “藝術中國” 字樣的視頻、圖片或文字內容均屬於本網站專稿,如需轉載圖片請保留 “藝術中國” 浮水印,轉載文字內容請註明來源藝術中國,否則本網站將依據《資訊網路傳播權保護條例》維護網路智慧財産權。

列印文章    收 藏    歡迎訪問藝術中國論壇 >>
發表評論
用戶名   密碼    

留言須知

 
 
延伸閱讀