🚀 掌握這些 UX Laws 不用盲目設計,打造最佳使用者體驗!了解 Google Search Console 免費 SEO 影片指南、Shopify 商店案例研究:Shopify Supply、當你選擇善良

💎 掌握這些 UX Laws 不用盲目設計，打造最佳使用者體驗！

這張圖表總結了各種 UX（使用者體驗）設計中重要的法則，UX Laws 的目標對象是所有希望設計出更好、更易於使用、更令人滿意的產品或服務的人。無論你是設計師、創業者、產品設計師、行銷人、文案師等都非常受用。

這些法則為設計決策提供了科學的依據，幫助團隊成員更好地理解使用者需求，並做出更明智的選擇。

✏️ 認知偏誤與記憶

蔡格尼克效應 (Zeigarnik Effect)

• 人們更容易記住未完成的任務，而不是已完成的任務。

• 核心摘要：利用未完成感來提醒使用者回頭完成流程 (例如購物車中的商品)。

馮·雷斯托夫效應 / 孤立效應 (Von Restorff Effect / The Isolation Effect)

• 相較於同類項目，與眾不同的項目更容易被記住。

• 核心摘要：利用顏色、大小、形狀等差異來突出重要元素 (例如主要的行動呼籲按鈕)。

序列位置效應 (Serial Position Effect)

• 人們更容易記住系列項目中的第一個和最後一個。

• 核心摘要：將最重要的選項放在列表的開頭和結尾。

米勒定律 (Miller's Law)

• 一般人一次只能在工作記憶中保留 7 ± 2 個項目。

• 核心摘要：將訊息分成小塊，避免使用者資訊過載。

霍夫斯塔德定律 (Hofstadter's Law)

• 任何事情的耗時總是比你預期的長，即使你已經將霍夫斯塔德定律考慮進去。

• 核心摘要：專案計畫永遠需要預留緩衝時間。

✏️ 使用習慣與效率

雅各定律 (Jakob's Law)

• 使用者更喜歡你的網站以他們已經熟悉的其他網站相似的方式運作。

• 核心摘要：遵循常見的 UI 模式，讓使用者更容易上手。

多爾蒂門檻 (Doherty's Threshold)

• 當電腦和使用者互動的速度快到 (＜400ms) 雙方都不需要等待時，生產力會飆升。

• 核心摘要：優化網站和應用程式的響應速度，確保流暢的使用者體驗。

波斯特爾定律 (Postel's Law)

• 對你接受的東西要寬容，對你發送的東西要保守。

• 核心摘要：設計要接受各種格式的輸入，但輸出要保持標準化。

帕金森定律 (Parkinson's Law)

• 工作會擴張到填滿完成它可用的時間。

• 核心摘要：給予明確的時間限制可以提高效率。

帕累托原則 (Pareto Principle)

• 大部分事件中，大約 80% 的效果來自 20% 的原因。

• 核心摘要：專注於最重要的 20% 的功能和內容，以獲得最大的影響。

✏️ 決策與設計

阿瑪拉定律 (Amara's Law)

• 我們傾向於高估一項科技在短期內的效果，而低估其在長期內的效果。

• 核心摘要：對於科技的預期，需要考慮時間因素。

菲茨定律 (Fitts's Law)

• 獲取目標所需的時間，與目標的距離和大小有關。

• 核心摘要：重要的互動元素要夠大、夠容易點擊。

希克定律 / 希克-海曼定律 (Hick's Law / Hick-Hyman's Law)

• 做出決定所需的時間會隨著選擇數量和複雜度的增加而增加。

• 核心摘要：減少選項，簡化決策過程。

奧卡姆剃刀原則 (Occam's Razor)

• 當提出解決問題的相互競爭的假設時，應該選擇假設最少的解決方案。

• 核心摘要：保持設計的簡單性，避免不必要的複雜性。

特斯勒定律 / 複雜性守恆定律 (Tesler's Law / Law of Conservation of Complexity)

• 任何系統都存在一定程度的複雜性，你無法消除它，只能轉移它。

• 核心摘要：盡可能讓使用者介面簡單，將複雜性轉移到後端。

✏️ 格式塔心理學法則 (Gestalt Laws of Perceptual Organization)

鄰近性原則 (Law Of Proximity)

• 彼此靠近的事物看起來會被歸為一組。

• 核心摘要：利用間距來組織相關元素。

連續性原則 (Law Of Continuity)

• 由直線或曲線連接的點會被視為遵循最平滑的路徑。

• 核心摘要：引導使用者的視線，創造流暢的體驗。

普格納茨原則 / 簡潔原則 (Law of Prägnanz)

• 環境中的物體會以盡可能簡單的方式被看待。

• 核心摘要：人們傾向於將複雜的物體簡化理解。

相似性原則 (Law Of Similarity)

• 相似的事物傾向於被歸為一組。

• 核心摘要：利用顏色、形狀等視覺元素將相關內容分組。

封閉性原則 (Law Of Closure)

• 如果事物似乎能完成一個實體，它們就會被歸為一組。

• 核心摘要：即使是不完整的圖形，人們也會傾向於補全它。

共同區域原則 (Law Of Common Region)

• 在同一空間區域內分組在一起的元素往往也會被歸為一組。

• 核心摘要：使用邊框或其它視覺區隔將相關內容框在一起。

💎 了解 Google Search Console： Daniel Foley Carter 的免費 SEO 影片指南

SEO 推廣者 Daniel Foley Carter ，提供了一系列免費的 SEO 影片資源，旨在協助 SEO 從業者更有效地使用 Google Search Console 的各種工具和功能。這些影片涵蓋以下主題：

• Google Search Console URL 檢查工具的使用方法

• Search Console 頁面索引功能的介紹

• Google Discover 的使用方法

• 關於 Search Console 中的「頁面具有重新導向」問題

• 關於 Search Console 中的「頁面具有正確標準標籤」問題

• 關於「已抓取但尚未建立索引」的過濾方法

• 一個長達兩小時的 SEO 技巧分享

此外，摘要還推薦了一個名為 Candour 的 SEO 新聞訂閱服務 (coreupdates.com)，可以獲取更多 SEO 技巧、訣竅和見解。總而言之，這是一個針對 SEO 從業者提供的豐富資源列表，幫助他們提升技能並更有效地使用 Google Search Console。

💎 Shopify 商店案例研究：Shopify Supply

✏️ 品牌簡介

Shopify 身為提供電商建站平台，自己也有一個專為商業社群打造的線上商店，其產品多與 Shopify 商家合作，涵蓋數位計數器和服飾等，旨在展現商業社群的創新與多樣性。網站以 Shopify 的 Hydrogen 和 Oxygen 技術為基礎，提供快速無縫的購物體驗。文中還分享了多篇關於創業和商業的實用故事，並鼓勵用戶訂閱以獲得折扣。此外，商店強調社群互動，邀請用戶在社交媒體上分享購物體驗。

網址：https://shopify.supply

✏️ 特點摘要：動態與設計巧思

Shopify Supply 全站充滿了細膩的設計巧思，首頁以大橫幅動態影片開場，呈現出兼具現代感與科技感的視覺風格。其中，文字「SUPPLY」以醒目且獨特的字體設計吸引目光，「S」和「Y」以亮綠色點綴，「U」和第二個「P」則選用藍色，而「PLY」則以白色搭配精緻的黑色線條，打造出立體的3D效果。

整體設計透過黑白線條的層次堆疊，營造出豐富的視覺深度，風格簡約大方且極具吸引力。打開網站後，稍作等待，數分鐘後便會看見畫面上充滿了各種圖案，紛紛動態呈現出來。

其他還有滑鼠移動到 LOGO 會有小圖示變化、移動到產品封面圖會有動態色彩跳出、Footer 頁尾的跑馬燈在不同頁面會顯示不同色彩，這些設計相當有趣，無疑能成為網站創意發想與品牌塑造的重要靈感來源！

🚀 此案例新增於此文章，前往瀏覽更多內容：Shopify 台灣案例：電商網站設計靈感與經營秘訣

💎 Line 學習社群

Shopify 網站設計與架站學習交流

分享主題從網站規劃、設計到建立等相關內容，透過學習交流與經驗分享，讓彼此成長更加快速，主要以 Shopify 建立電商網站為主。

WordPress 網站設計與架站學習

學習 WordPress 網站設計與架站，分享實作經驗與交流。

SEO 資源彙整與學習

閱讀 SEO 就像喝水一樣，習慣建立與自然地吸收。

成為網頁設計師

邁向網頁設計師之路，了解網頁設計的基本概念與實作經驗交流與分享，無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。

Irving 爾文

專注網頁設計與架站平台、SEO 搜尋引擎優化，深度研究品牌行銷、UX 策略與數位產品、電商經營等領域，熱衷科技、設計與文字創作、社群分享。

#藝術 #設計 #科技

★ Founder of Irvinglab 爾文實驗室
★ Web Design Lead / Senior Web Designer / SEO Manager
★ 專精 Shopify 電商網站設計與架站
★ 專精 WordPress 品牌網站和部落格建置
★ 工作經歷大小型公司 (包含品牌方與代理商)、網頁設計接案公司、數位行銷公司、新創 Saas 軟體公司等

➤ 聯繫方式：Line 官方帳號 | Channel 線上交談
➤ Email：[email protected]