淺談視覺設計的準確性(3)_網(wǎng)頁設計教程
推薦:網(wǎng)頁設計之視覺信息傳達分析進入21世紀,人類社會正經(jīng)歷著從原子時代向數(shù)字時代的轉(zhuǎn)變,新世紀的天是互聯(lián)網(wǎng)的天,互聯(lián)網(wǎng)正在全世界進行著越來越深刻的革命�;ヂ�(lián)網(wǎng)代表著一種嶄新的信息交
四、明確你的視覺狀態(tài)
在軟件里,軟件視覺的狀態(tài)主要用來表現(xiàn)對用戶的行為反饋,在計算機pc環(huán)境里的軟件,主要針對鼠標和鍵盤操作,理想狀態(tài)是:用戶的每個操作行為都應該有相應的視覺反饋,比如有沒有選中,操作有沒有成功等。僅按鼠標操作的狀態(tài)分就有默認、鼠標指向、鼠標按下、鼠標點擊四種狀態(tài),準確的反饋可以讓用戶流暢的感覺自己的操作;關(guān)于鼠標和鍵盤的狀態(tài),大家在操作系統(tǒng)的時候注重一下,就可以看到各種操作的對應關(guān)系,而我們平時是不太注重的,因為它默默的達到了設計的目的。站在是否可用的角度分有:可用狀態(tài)、不可用狀態(tài).。
圖九為兩種不同狀態(tài)的視覺比較,不可用狀態(tài)的灰色讓我不再去點擊。
狀態(tài)的準確性可以可以避免用戶誤用不可用的操作而產(chǎn)生麻煩和浪費時間,這種情況我們可以通過一個視覺反饋軌跡圖來看看操作的情況。
圖十是我在為一個產(chǎn)品做用戶測試的時候,所得到的反饋圖:在沒有選擇文件的時候,移動文件是不可用的,視覺處理的時候卻是可以點擊的,再加上視覺順序的不合理,大多數(shù)的用戶總是直接點擊“移動文件”,犯下錯誤之后才去選擇文件,途中的虛線部分表示犯錯之后又才去選擇文件,重新來過。
五、請用準確的視覺來輔助信息反饋
信息反饋一般有一下五種情況:成功、失敗、詢問、警告、錯誤\異常,我們用來對應的視覺輔助圖要力求表現(xiàn)每種情況的準確含義,比如我見過有的軟件用一個驚奇的表情來表示警告,但往往被誤以為是詢問或者出現(xiàn)了異常。一般的視覺表現(xiàn)如下圖:
圖十一是我們在做gui設計時做的,基本按照通用的符號。
當然,為了增加趣味性,我們可以答應任意表現(xiàn)形式或表情的存在,前提是你的表達要準確,不要有歧義,否則使用者的第一反映可能不是你要表現(xiàn)的,由于理解的歧義所帶來的損失和挫折感會讓用戶感到厭惡。通過搜索找到一些圖,組合起來對比一下:
圖十二中的第一張是我搜索到的錯誤表現(xiàn)圖,想必大家都見過,假如你犯錯的時候出現(xiàn)了,你會想到什么?第三張圖的調(diào)皮鬼臉圖,我以為我成功了;第四張圖的表現(xiàn)讓我以為是在警告。只有第二張圖讓我意識到我失敗了,并且有趣味性�?梢娙の缎院蜏蚀_性并不矛盾,我們在設計趣味性的同時,別忽略設計的準確性。
分享:廣告體驗你注意到了嗎?當我們把所有的注重力都放在了網(wǎng)站的體驗設計,流程設計,交互設計,顏色的交互,語言的交互,等這些針對性比較強和細節(jié)性比較突出的網(wǎng)站功能以及網(wǎng)站操作的時
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設計教程-淺談視覺設計的準確性(3)
。



