我們在界面設(shè)計中，常常會有提醒框，有加粗，彈出窗口...一切只是為了讓用戶“注意”
目錄：
名詞解釋
邊界視覺作用
怎樣讓用戶“注意”
讓用戶“注意”的重武器
1、名詞解釋
視網(wǎng)膜：眼球里聚焦成像的表面
視錐細(xì)胞：視網(wǎng)膜上面負(fù)責(zé)顏色的感光細(xì)胞
視桿細(xì)胞：視網(wǎng)膜上面負(fù)責(zé)光線的感光細(xì)胞
中央凹：視網(wǎng)膜中間的位置
邊界視野：視網(wǎng)膜除過中央凹外的區(qū)域，也可以說從中央凹向外擴(kuò)散
2、邊界視覺的作用
要知道邊界視覺的作用，得先了解下視網(wǎng)膜的“分辨率”。
視網(wǎng)膜的分辨率由三個因素決定：
視錐細(xì)胞的密度、視錐細(xì)胞與神經(jīng)節(jié)細(xì)胞的連接率、大腦視覺皮層的利用率
簡單點(diǎn)就是如下圖：
這個是眼球的視網(wǎng)膜，中央凹和邊界已標(biāo)注，圓圈和點(diǎn)都是視錐細(xì)胞?？梢?，90%的視錐細(xì)胞分布在中央凹，10%的視錐細(xì)胞分布在邊界視野
在中央凹區(qū)域的視錐細(xì)胞與神經(jīng)節(jié)細(xì)胞是一一對應(yīng)的，也就是說一個視錐細(xì)胞就與一個神經(jīng)節(jié)細(xì)胞相連接
而邊界視野，多個視錐細(xì)胞與一個神經(jīng)節(jié)細(xì)胞對應(yīng)
左邊是視網(wǎng)膜，右邊是大腦視覺皮層
中央凹占視網(wǎng)膜1%，大腦視覺皮層卻用50%處理，剩下的50%處理中央凹之外的區(qū)域
由上可見：中央凹分辨率非常高，邊界視覺分辨率非常非常差。
題外話：既然這樣，我們看東西應(yīng)該是一個隧道？no，那是因?yàn)槲覀冄矍蛎棵?次的速度快速移動，大腦有印象畫片。
好了，既然邊界視覺這么差，它有什么用呢？
引導(dǎo)中央凹
察覺運(yùn)動
在黑暗中觀察
上面就是邊界視覺的三個功能
引導(dǎo)中央凹
邊界視覺分辨率很低，視野邊界的模糊線索提供了信息，從而幫助大腦計劃往哪里什么順序移動眼鏡，目的是讓中央凹去觀察這些信息。眼動就是讓中央凹關(guān)注“重要的東西”。
例如：你看到旁邊有個模糊美女身影，你就會立刻眼球轉(zhuǎn)過去，看清楚；你在搜索目標(biāo)商品時，總會從模糊的顏色樣式感覺到然后眼球轉(zhuǎn)動過去。
觀察運(yùn)動
我們身邊只要有運(yùn)動的物體哪怕很輕微，也能立刻觀察到，然后引導(dǎo)中央凹去注視它。
黑暗里看的更清楚
此時就要談到視桿細(xì)胞了，它主要功能是暗視覺，但是奇怪的是中央凹沒有視桿細(xì)胞，所以在黑暗中，我們使用邊界視覺看的。也就是當(dāng)你在亮度極低的時候，你越盯著它越看不清楚，卻能在“側(cè)面”看清楚。
3、怎樣讓用戶注意
上面說了這么多，現(xiàn)在開始正題，我們在用戶界面，網(wǎng)站或者軟件上，怎樣讓用戶注意到。無非就是利用中央凹和視覺邊界。
當(dāng)我們要顯示一個錯誤信息，你卻把信息放到了視覺邊界上，那么用戶怎么注意到；雖然你用色彩、加粗使信息展現(xiàn)出來，但是卻放到了用戶的盲點(diǎn)上...
讓我們看下例子：
上面是搜房網(wǎng)登錄頁面，是我用戶名或者密碼輸入錯誤的提醒。
直接彈出一個框，頁面正中間，背景與頁面底層色調(diào)一樣，還能拖動。雖然提醒的“很重”，當(dāng)我第一次輸入錯誤，那一瞬間我看到了，但是當(dāng)我在那一時刻干別的事情了，再想起來登錄，我會突然注意不到這個框，因?yàn)樗c頁面“融為一體”的感覺。
當(dāng)我點(diǎn)擊了無數(shù)的登錄，沒有效果，我才知道原來我輸入錯誤了。
如果用戶無意拖動到了左下角，那么提示信息下次更不容易被觀察到。因?yàn)樗鼪]有落入我的“中央凹”或者它給的信息我無法撲捉，它出現(xiàn)在視覺邊界上。
如果要讓用戶注意，就要把信息放到離上一次事件的最近距離處。
讓信息可見的方法
放在用戶所看的位置
使用符號圖形
保留紅色以呈現(xiàn)錯誤信息
放在用戶所看到的位置：當(dāng)用戶界面與用戶交互時，用戶想看到的信息都在他所期望的地方。那什么是他所期望的地方，如果是運(yùn)動的物體，那就是沿著運(yùn)動軌跡下次出現(xiàn)的地方；如果是點(diǎn)擊一個按鈕，那么就是按鈕的位置附近，因?yàn)橛脩粽诳此褪钱?dāng)前位置。
使用符號圖形：
，類似于這些，明確的標(biāo)記出錯誤的位置或信息。
保留紅色以呈現(xiàn)錯誤信息：一般我們都會認(rèn)為紅色就是警告，但在特殊情況下，比如整個用戶界面以紅色為主色調(diào)，那么就要換用其他顏色提醒。
讓我們看下好的例子：
百度和京東的登錄界面，當(dāng)我輸入錯誤后，都會在輸入錯誤的位置有紅色框，并且錯誤信息就在登錄的上方，很容易觀察。
相比較下，京東的更佳，紅色的框都是錯誤的位置和提示信息，并且錯誤提示信息前面還有圖形標(biāo)記。
4、讓用戶注意的重武器
彈出式對話框中的信息
使用聲音
閃爍或者抖動
彈出式對話框中的信息：如果僅僅是讓用戶確認(rèn)，沒必要這樣做，這樣彈出窗口只會讓人煩。彈出對話框令人厭煩的程度隨著模式級別的增高而增高，依次是非模式、應(yīng)用程序?qū)?、系統(tǒng)級別，第一個用戶可以忽略，第二個停止該程序操作，第三個阻止用戶任何操作，直到對話框被關(guān)閉。
隱患：如果彈出的對話框離之前事件很遠(yuǎn)，或者顏色色調(diào)融入了背景，那么再用戶回過來再次查看時，可能會觀察不到，只能重新嘗試登陸；如果瀏覽器可以設(shè)置阻止所有彈出窗口，那么你的提示信息可能會被屏蔽；或者你的彈窗令用戶很討厭，討厭的都卸載了你的應(yīng)用。
使用聲音：當(dāng)我們聽到聲音（滴滴聲，蜂鳴聲...），用戶的眼睛條件反射性地開始掃描屏幕尋找造成蜂鳴的任何可能。這就是聲音的價值。
隱患：當(dāng)在公共場合，很吵雜，有可能忽略聽不到，或者影響別人；用戶如果習(xí)慣音量很小或者靜音，那么這些提示信息完全不會被注意到！
所以只能在特定環(huán)境條件下使用聲音。
閃爍或者抖動：前面說過，我們的視覺系統(tǒng)容易撲捉運(yùn)動的物體，如果增加運(yùn)動信息，那么就會讓用戶注意到。
隱患：由于目前好多廣告都是運(yùn)動、晃動，導(dǎo)致部分用戶對于運(yùn)動晃動的提示信息有了厭煩，厭惡?；蛘叨家呀?jīng)習(xí)慣自動忽略。
因此，運(yùn)動的提醒必須簡短，否則它就變成了打擾，一般在四分之一到二分之一秒。
說了這么多，就是為了讓用戶“注意”！并且不讓用戶“煩”。也就是給用戶好的體驗(yàn)。
只是看書總結(jié)，也許說的都是錯的！
好了，最后給出個性簽名
