Zi 字媒體

大家在做設計的時候都會遵循一些交互規範或者常用的一些規律，但是經常情況下，我們都沒有深入的研究為什麼這樣定義這個數值，這個數值是否合理？如果沒有嚴格的理論支持，在設計中直接運用一些規律，就有被挑戰的可能。下面我談談幾點我從人機工程角度分析的我們通常使用的一些數值。合理的文本長度我們隨便打開一個web網頁，或者拿過一份報紙，數一數會發現大多都是在40個漢字左右。這是因為每行文字過長會讓用戶閱讀難度增大，致使用戶扭動脖子頻繁，造成疲勞；再者從上一行文字移動到下一行也容易串列，干擾閱讀效率。正常文字閱讀所以正常情況下，從規律總結上得出：在寬度上一般控制在450px-700px為宜。參考網頁字型大小大小，漢字一般在30-40最佳；英文字母一般80-100最佳。這點大家可能都知道，但是為什麼這樣的長度最佳？我經過研究人際工程學發現：人在集中注意力的時候最佳視角是30度，按照平均人眼到視屏的距離是40cm，算出來寬度約470px，按照正常字型大小14號字，可以顯示33字。網頁及客戶端toast、tips文案長度根據數據研究發現，人在面對有速度的內容時候，集中注意力的視角會變為原有的1/2。所以針對於tips和toast文案，一般控制在普通的閱讀內容的一半，即15-20字（225px-350px）之間。而且僅顯示一行的情況下，用戶還需要一定的定位時間，綜合以上，把字數限制再20字以內上非常合理的區間。合理的toast時間人默讀的速度是400-500字一分鐘，均1s鍾6.5-8.5，我們按照7字/s計算。根據數據最終規定如下：a.1-5字顯示1s消失；b.6-10字顯示1.5s消失；c.11-15字，帶關閉按鈕，顯示2s消失；d.15-20字，帶關閉按鈕，顯示3s消失。關於消失機制：1.默認的時間后自動消失；2.帶關閉按鈕（因為人的耐心時間是3s，但是字數略多的情況下，對於閱讀速度快的人有足夠的時間去點擊關閉提示，不給出關閉按鈕，會影響一部分人的體驗。）。合理的載入時間對於人的反應時間：經過調查發現，正常人的反應時間是0.15-0.4s（「飛人」劉翔的反應時間為0.139s）。據說劉國梁的反應時間比其他運動員要快0.01s，所以才能取得好成績。在設計的時候發現，大多的產品，尤其是web的載入時長很多情況下，基本可以在1s內完成。在baidu期間的項目中對於舊版的產品loading的優化中發現有的情況下，不計算時間，直接出現載入動畫，這種情況造成的影響是：對於1s內的載入，用戶反應時間是0.4s，其實載入loading的顯示時長相當於是0.6s，時間非常短暫，用戶需要去識別這種沒有冗餘的信息，增加用戶處理信息量，給用戶造成了系統卡頓感覺。所以在進行載入loading的規範如下圖：合理的對比顏色視覺曲線圖：亮度越高的時候，視覺識別難度更大，眼睛更容易疲勞。人眼的視覺曲線是指對於不同波長（不同顏色）的光，主觀亮度的相對值曲線。如上圖，右邊的曲線稱為明視覺曲線，是在明亮的環境下（5尼特）的光譜響應。可以看出，人眼最靈敏的點是在555毫微米的黃綠色光。對於475毫微米的藍色光和650毫微米的橙紅色光，需要10倍的強度才能引起與這黃綠色光相同的亮度感覺，而對於685毫微米的紅色光，靈敏度就更下降到1%了。如上圖的暗視覺曲線，是在0.001尼特以下的亮度下測定的。可以看出，峰值已經轉移到510毫微米的綠色光，相應10%靈敏度的點分別為420毫微米和585毫微米。這是桿狀細胞在起作用。那對於設計中的顏色，白色是白頻光，全放射光對人眼的刺激最大，所以可以看到很多印刷品採用淡黃色和米白色的紙張。而針對於電腦本身就帶有發光，所以同樣的顏色對於用戶的閱讀難度已經增大。另外有眼睛表明，同樣的文字，在電腦上的閱讀效率僅僅能達到紙張上的80%不到。因此為了網頁的瀏覽速度和舒適度，越來越多的網頁設計採用了淡灰色／淡藍色／淡綠色等等。本文由 @xueyan 原創發佈於人人都是產品經理。未經許可，禁止轉載。