萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 交互設計的7大原理:學會如何做“減法”!

交互設計的7大原理:學會如何做“減法”!

 

交互設計的7大原理:學會如何做“減法”! 三聯

NO.1 菲茨定律

它由保羅.菲茨在1954年首先提出,具體內容為:從一個起始位置移動到一個最終目標所需的時間由兩個參數來決定,到目標的距離和目標的大小,用數學公式表達為時間 :

T = a + b log2(D/W+1)

其中:T代表完成移動所需的平均時間,a代表光標開始/停止時間,b代表光標的移動速度,D代表從起點到目標中心的距離,W代表目標的寬度。

總而言之:目標越大,指向越快,時間越短。同樣地,目標越近,指向越快,時間越短。也就是說,定位一個目標的時間,取決於目標與當前位置的距離,以及目標的大小。

菲茨定律對我們設計上的啟示:

按鈕等可點擊對象需要合理的大小尺寸,將用戶最有可能點擊最想要點擊的按鈕盡量放大。

NO.2 席克定律

Hick’s Law(席克法則)中說道:一個人面臨的選擇(n)越多,所需要作出決定的時間(T)就越長。

用數學公式表達為反應時間 T=a+b log2(n)。其中a=與做決定無關的總時間(前期認知和觀察時間), b=根據對選項認識的處理時間(從經驗衍生出的常數,對人來說約是0.155s)。

轉換成我們聽得懂的語言就是:當選項增加時,我們做決定的時間就會相應增加。

席克定律對我們設計上的啟示:

產品的結構盡量簡潔明了,把與做決定有關的選項減到最少,以減少所需的反應時間,降低犯錯的概率;也可以對選項進行同類分組和多層級分布,這樣用戶使用的效率會更高,時間會更短。

NO.3 7±2法則

人類頭腦最好的狀態能記憶含有7(±2)項信息塊,在記憶了 5-9 項信息後人類的頭腦就開始出錯。

假如你的短時記憶像一般人那樣,你可能會回憶出5~9個單位,即7±2個,這個有趣的現象就是神奇的7±2效應。這個規律最早是在19世紀中葉,由愛爾蘭哲學家威廉漢密爾頓觀察到的。他發現,如果將一把子彈撒在地板上,人們很難一下子觀察到超過7顆子彈。

用戶使用導航是要找到自己需要的內容,這種需求往往非常急切,請不要認為每個用戶都會像挖寶一樣孜孜不倦,如果還不能快速的找到自己想要看的東西,那麼他們就會關掉浏覽器跑掉了。簡化你的導航使它盡可能的少於九個會讓用戶對於網站的內容一目了然,更快捷也更加有效。

7±2法則對我們設計上的啟示:

1.導航或選項卡盡量不要超過9個;

2.如果導航或選項卡內容很多,可以用一個層級結構來展示各段及其子段,並注意其深廣度的平衡;

3.把大塊整段的信息分割成各個小段,並顯著標記每個信息段和子段,以便清晰的確認各自的內容。

NO.4 格式塔法則

當對象離得太近的時候,意識會認為它們是相關的。

格式塔法則對我們設計上的啟示:

接近原則可以應用於頁面內容的組織,以及分組設計中。對於引導用戶的視覺流及方便用戶對界面的解讀起到非常重要的作用,通過接近原則對同類內容進行 分組,同 時留下間距,會給用戶的視覺以秩序和合理的休憩。 設計者們也經常使用分組框或分割線將屏幕上的控件和數據顯示分隔開。

NO.5 泰思勒定律(復雜性守恆定律)

該定律認為每一個過程都有其固有的復雜性,存在一個臨界點,超過了這個點過程就不能再簡化了,你只能將固有的復雜性從一個地方移動到另外一個地方。如對於郵箱的設計,收件人地址是不能再簡化的,而對於發件人卻可以通過客戶端的集成來轉移它的復雜性。

NO.6 防錯原則

防 錯原則認為大部分的意外都是由設計的疏忽,而不是人為操作疏忽。通過改變設計可以把過失降到最低。該原則最初是用於工業管理的,但在交互設計也十分適用。 如在硬件設計上的USB 插槽;而在界面交互設計中也是可以經常看到,如當使用條件沒有滿足時,常常通過使功能失效來表示(一般按鈕會變為灰色無法點擊),以避免誤按。

NO.7 奧卡姆剃刀原理

奧卡姆原理也被稱為“簡單有效原理”。後來以一種更為廣泛的形式為人們所知——即“如無必要,勿增實體。”也就是說:如果有兩個功能相等的設計,那麼我們選擇最簡單的那個。簡潔的頁面能更好地傳達出你所想要表達的內容。

奧卡姆剃刀原理對我們設計上的啟示:

1、只放置必要的東西

簡潔網頁最重要的一個方面是只展示有作用的東西,其他的都沒有。這並不意味著你不能提供給用戶很多的信息,你可以用“更多信息”的鏈接來實現這些。

2、減少點擊次數

讓你的用戶通過很少的點擊就能找到他們想要的東西,不要讓他們找一個內容找得很累。

3、“外婆”規則

如果你的外婆(其他老點的人)也能輕松的使用你的頁面,你就成功了。

4、減少段落的個數

每當你的網頁增加一段,頁面中主要的內容就會被擠到一個更小的空間。那些段落並沒有起到什麼好的作用,而是讓顧客們知道更多他們不想了解的東西。

5、給予更少的選項

做過多的決定也是一種壓力,總體來說,用戶希望在浏覽網頁的時候思考的少一點。我們在展示內容的時候要努力減少用戶的思維負擔,這樣就會使浏覽者使用更順暢,心態更平和。

copyright © 萬盛學電腦網 all rights reserved