理解UI設計准則——邊界視覺缺陷


如需轉載,請注明出處http://www.cnblogs.com/PengLee/p/4544706.html

目錄

  • 位於視覺邊界的錯誤信息
  • 讓用戶注意到信息的重武器:請小心使用
  • 在設計中利用邊界視野的“跳入”特性

位於視覺邊界的錯誤信息

    人的視網膜上的中央區域的視錐細胞非常的集中,比中央區域之外的部分要多得多,這個區域我們稱之為中央凹。視錐細胞是

  分辨顏色的主要的細胞。因此,實際上只有你聚焦的區域的物體才能夠被你真真正正的看清楚,而邊界視野的分辨率差不多和透過

  覆滿了水霧的浴室玻璃看東西一樣,但是經過大腦的整合的填補使得,你產生能夠看清楚周圍所有事物的錯覺,也就是說,無論你

  把眼睛聚焦於任何地方,你真正能夠看到的地方也就只有那里。

    視網膜的邊界更多的是視桿細胞,這類細胞能夠感光,但是不能夠感色。一般來說只有在夜晚的時候才會發揮作用,邊界視覺

  的作用有三點:

    1、引導人的眼睛將中央凹聚焦到某個位置

    2、能夠靈敏的覺察到物體的運動

    3、讓我們能夠在黑暗之中看得更加清楚

    

    回到交互界面上,有一些界面中的錯誤信息的放置位置違反了人眼的生理結構,常常將那些重要的錯誤提示信息放到用戶當前的

  視覺邊界的位置上(一般來說距離視覺焦點1~2厘米,人的視覺就會嚴重下降),導致用戶根本就注意不到。比如下面這個注冊網頁,

  當用戶填寫完用戶名和密碼,這時候用戶的視覺焦點位於那個登錄按鈕區域附近。如果輸入的信息有誤的話,錯誤提示卻出現在2厘米

  之外的視覺邊界的位置上,用戶就根本注意不到,當點擊登錄按鈕之后沒有任何的響應,用戶機會感到莫名其妙。

    

    再來看看另一個例子,用戶也會非常可能注意不到錯誤信息

      

    原因有兩個:一是錯誤信息位於視覺邊界區域;而是和錯誤信息非常接近的標題也是紅色的,用戶的視覺邊界看到的圖像,大致

  是下圖這樣

                           

    對於上面的改進的方法有很多,下面是幾種常見的方法

    (1)明確的標注錯誤,並放在用戶的中央凹區域附近

    (2)在提交之前就動態的實時指示錯誤信息,而不是將錯誤提示全部放在提交之后

    

           

 

讓用戶注意到信息的重武器:請小心使用

    下面的幾種方法是強制引起用戶注意的做法,但是請記住,除非某些提示信息真的對用戶非常的重要,否則請謹慎使用

    (1)使用彈出式對話框提示

        比如,Excel和InDesign在需要用戶確認數據將會永久丟失的時候,就使用了模態彈出窗口

       

    (2)使用聲音或者震動加以配合

    (3)閃爍或者短暫的晃動

      

 

 

在設計中利用邊界視野的“跳入”特性

    當我們在利用視覺進行搜索的時候,一般來說搜索的過程是現行的過程,比如,在下面的子母中找到所有的Z字母,尋找所花費的時間

  將會隨着字母的數目的增多而呈現型增長

    

    但是我們的視覺邊界的一個重要功能就是引導我們的中央凹快速的移動到目標位置上,前提是,目標物體和其他的物體有足夠的差異,

  是的僅僅通過視覺邊界的模糊視覺感知,就能夠感知到。比如從下面這張圖中找出字母G,這時候就會產生"跳入"的現象,幫助用戶迅速

  進行定位

    

    顏色和前面競得晃動都能夠產生"跳入"的現象,實際上,只要差異足夠大,就會產生。比如找到下圖中所有的紅色字

    

    在地圖應用中,一般使用將產生擁堵的街道使用紅色進行標記,不輪是從語義上還是從感官上,這都非常的合適

    

    那么,問題就會隨之產生,有的時候,系統並不能夠確定用戶的的目標信息是什么,因為用戶可能將多個並列信息中的任何一項作為目標信息。

  這怎么辦?解決方法也不是沒有:設計師可以嘗試將這些並列的信息對象都做得與眾不同。比如:手機的桌面上會同時放置眾多不同的應用啟動圖標

  用戶可能啟動任何一個應用,所以為了利用"跳入",設計師應該盡可能的將自己的應用的啟動圖標做的與眾不同,這樣用戶就能夠使用視覺邊界檢測

  特征,繼而迅速定位。而對於多個並列的菜單來說,除了加上不同的圖標之外,基本上沒有更好的方法了,但是當用戶長期使用你的應用之后,就會

  對菜單項的位置產生記憶,因此,使用Word的用戶基本上能夠快速的找到字體處理的各個選項。因此,對於菜單工具、列表、面板選項來說,不到

  萬不得已,千萬不要進行項目的變動。

    


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM