10分鐘瞭解10個UX守則-上
整體不是部分的總和。 - Kurt Koffka
文章分享：LAWS OF UX
Fitts’s Law - 費茨法則
概述 - 費茨法則
- 費茨定律指出：獲得目標的時間是目標的距離和大小的函數。隨著距離的增加，移動需要更長的時間，隨著尺寸的減小，再次選擇需要更長時間。
- 費茨法則多用於表現 指、點 這個動作的概念模型，無論是用手或者手指進行物理接觸，抑或是在電腦螢幕上用假想的設備（例如滑鼠）進行虛擬的觸碰。
- 用戶界面中目標的大小及其與用戶當前位置的距離會以多種方式影響用戶體驗。
應用於用戶界面設計 - Fitts’s Law
- 圖形用戶界面中的命令按鈕和其他交互元素必須按照大小與其他非交互元素區分開來。確保用戶能夠點擊交互元素上的任何位置來執行分配的操作。（無論是鏈接，文本，圖像還是按鈕，都應該能夠點擊整個區域）
- 由於屏幕的釘住動作，圖形用戶界面的外邊緣和角落可以比顯示器中的任何其他地方更快的速度獲取。
- 彈出菜單更好地支持立即選擇交互式元素而不是下拉式菜單，用戶不必將光標從其當前位置移動。讓用戶在不移動的情況下進行交互，從而減少“旅行時間”。
Hick’s Law - 席克法則
概述 - 席克法則
- 作出決定所需的時間隨著選擇的數量和復雜性而增加。
- 希克定律的目標是試圖簡化決策過程，而不是完全消除這個過程。使最希望選擇的選項脫穎而出。
應用於用戶界面設計 - Hick’s Law
- 分類選擇：幾乎可以在任何網站的導航中看到希克定律。我們設計導航以小而離散的集群來分散多個項目。這方式縮小了大量的信息，而不會使用戶可選擇數量過載。
- 模糊複雜性：如果你有一個複雜的過程，可以使用希克定律合理化，只在屏幕上顯示該過程的特定部分。
- 用戶面臨的刺激（或選擇）越多，做出決定的時間就越長。因此必須提供最有用的選項避免用戶感到沮喪。
Jakob’s Law - 雅各布法則
概述 - 雅各布法則
- 用戶大部分時間都花在其他網站上。意味著用戶更喜歡您的網站與他們已知的其他網站以相同的方式工作。
- 遵循設計傳統：標新立異的網站會讓用戶感到無所適從，感到困惑而選擇離開網站．
應用於用戶界面設計 - Jakob’s Law
- 簡單的搜索通常效果最好：搜索應該作為一個簡單的框，過度的文字搜索引擎降低了可用性，因為他們無法處理拼寫錯誤，複數，連字符和查詢條款的其他變體。
- 改變訪問鏈接的顏色：用戶可以排除在早期訪問中無效的鏈接。相反，他們可能會重新訪問他們過去發現有幫助的鏈接。知道已經訪問過哪些頁面，使用戶避免重複訪問同一頁面。
- 避免固定的字體大小：尊重用戶的個人喜好，讓他們根據需要調整字體大小。以相對的方式指定字體大小，而不是像素的絕對數量。增加40歲以上大多數人的網頁可讀性。
- 頁面標題具可見性：頁面標題包含在HTML
title標籤中，作為搜索引擎結果頁面（SERP）上列表的可點擊標題。搜索引擎通常會顯示標題的前66個字符，所以它是真正的微觀內容。 - 避免任何看起來像廣告的設計：
- 橫幅失明 - 用戶從來不會將注意力放在頁面上形狀或位置看起來像橫幅廣告的任何東西上
- 避免動畫 - 用戶會忽略閃爍或閃爍的文字或其他侵略性動畫的區域
- 彈出式清除 - 意味著用戶會在完全呈現之前關閉彈出窗口; 因為有時候彈出式會帶著巨大的惡意
Law of Prägnanz - 格式塔原則-簡潔法則
概述 - 格式塔原則-簡潔法則
- Prägnanz是一個德語單詞，意思是“精緻”（字面上定義為“簡短，有力且有意義的表達”）
- 人們會將曖昧或複雜的圖像視為盡可能最簡單的形式。它可以防止我們被信息過載所淹沒。
- 眼睛傾向於建立元素之間的關係，它填補了空白，並確定了設計中的隱藏運動。
應用於用戶界面設計 - Law of Prägnanz
- 與背景相比數字的大小：標題文本通常以比正文文本更大的字體發布。這情況下，標題比文本主體更突出。
- 人物與地面的對比：大多數頁面會在白色背景上使用黑色墨水。圖（文本）與地面（頁面）的最大對比度。對比提供了兩者之間的明顯的障礙。所以當文本和頁面之間幾乎不存在對比時，內容的可讀性會受到影響。
Law of Proximity 格式塔原則-接近法則
概述 - 格式塔原則-接近法則
- 與彼此分離的元素相比，彼此接近的元素被認為是相關的。。
- 例子像是電影或動態圖片。電影實際上是快速連續的靜止圖像，創造出無縫的視覺體驗。
應用於用戶界面設計 - Law of Proximity
- 把必要的東西組合，以及把所有東西放在一起時要小心，因為用戶會自然認為它們是相互關聯的。
- 統一連通性：與其他未鏈接元素相比，使用顏色，線條，框架或其他形狀相互連接的元素被視為一個單元。
- 如果你將太多的東西分組得太緊密，那麼你將會面臨嘈雜，擁擠的佈局。每個項目的鄰近將變得如此模糊，你的設計將失去意義。
參考資料
Fitts’s Law
Hick’s Law
Jakob’s Law
Law of Prägnanz
Law of Proximity
下次更新：