淺談視覺設計的準確性(3)_網頁設計教程
推薦:網頁設計之視覺信息傳達分析進入21世紀,人類社會正經歷著從原子時代向數字時代的轉變,新世紀的天是互聯網的天,互聯網正在全世界進行著越來越深刻的革命。互聯網代表著一種嶄新的信息交
四、明確你的視覺狀態
在軟件里,軟件視覺的狀態主要用來表現對用戶的行為反饋,在計算機pc環境里的軟件,主要針對鼠標和鍵盤操作,理想狀態是:用戶的每個操作行為都應該有相應的視覺反饋,比如有沒有選中,操作有沒有成功等。僅按鼠標操作的狀態分就有默認、鼠標指向、鼠標按下、鼠標點擊四種狀態,準確的反饋可以讓用戶流暢的感覺自己的操作;關于鼠標和鍵盤的狀態,大家在操作系統的時候注重一下,就可以看到各種操作的對應關系,而我們平時是不太注重的,因為它默默的達到了設計的目的。站在是否可用的角度分有:可用狀態、不可用狀態.。
圖九為兩種不同狀態的視覺比較,不可用狀態的灰色讓我不再去點擊。
狀態的準確性可以可以避免用戶誤用不可用的操作而產生麻煩和浪費時間,這種情況我們可以通過一個視覺反饋軌跡圖來看看操作的情況。
圖十是我在為一個產品做用戶測試的時候,所得到的反饋圖:在沒有選擇文件的時候,移動文件是不可用的,視覺處理的時候卻是可以點擊的,再加上視覺順序的不合理,大多數的用戶總是直接點擊“移動文件”,犯下錯誤之后才去選擇文件,途中的虛線部分表示犯錯之后又才去選擇文件,重新來過。
五、請用準確的視覺來輔助信息反饋
信息反饋一般有一下五種情況:成功、失敗、詢問、警告、錯誤\異常,我們用來對應的視覺輔助圖要力求表現每種情況的準確含義,比如我見過有的軟件用一個驚奇的表情來表示警告,但往往被誤以為是詢問或者出現了異常。一般的視覺表現如下圖:
圖十一是我們在做gui設計時做的,基本按照通用的符號。
當然,為了增加趣味性,我們可以答應任意表現形式或表情的存在,前提是你的表達要準確,不要有歧義,否則使用者的第一反映可能不是你要表現的,由于理解的歧義所帶來的損失和挫折感會讓用戶感到厭惡。通過搜索找到一些圖,組合起來對比一下:
圖十二中的第一張是我搜索到的錯誤表現圖,想必大家都見過,假如你犯錯的時候出現了,你會想到什么?第三張圖的調皮鬼臉圖,我以為我成功了;第四張圖的表現讓我以為是在警告。只有第二張圖讓我意識到我失敗了,并且有趣味性。可見趣味性和準確性并不矛盾,我們在設計趣味性的同時,別忽略設計的準確性。
分享:廣告體驗你注意到了嗎?當我們把所有的注重力都放在了網站的體驗設計,流程設計,交互設計,顏色的交互,語言的交互,等這些針對性比較強和細節性比較突出的網站功能以及網站操作的時
- 相關鏈接:
- 教程說明:
網頁設計教程-淺談視覺設計的準確性(3)
。



