如何減少網頁設計中的摩擦

就用戶體驗而言，摩擦是任何阻礙用戶實現目標的因素。 摩擦對用戶和設計師來說都是一個主要問題，因為它會降低轉化率、增加跳出率並導致用戶放棄他們的任務。 換句話說，它與任何好的網站完全相反。

用戶體驗中的摩擦會影響每次用戶交互，因此即使是設計最精良的界面也難以使用。 另一方面，無摩擦的網站體驗創造了無縫且自然解開的用戶交互。

減少您網站的摩擦可以帶來更優質的互動而不會出現複雜情況。 清理您的網站將提高您的轉化率並鼓勵您的用戶在您的網站上停留更長時間，從而增加他們採取行動的可能性。 這是如何做到的。

識別網站上的摩擦

摩擦可以有多種形式。 有些人將摩擦定義為用戶使用您的網站必須克服的任何問題（示例包括加載時間緩慢或導航不佳）。 其他人使用術語摩擦來描述界面上不需要或過多的任何東西。 還有一些人將摩擦等同於“認知負荷”，或者任何需要用戶思考但不應該思考的東西。

雖然這些本質上都是同一事物的版本，但我們通常可以將摩擦的症狀識別為：

• 分散注意力的視覺效果
• 視覺混亂的界面
• 不一致
• 不必要的行動和決定
• 令人困惑或不夠直觀的功能

同樣重要的是要了解，在某些情況下，摩擦實際上可能是一件好事。 這適用於摩擦設計組件出於某種目的減慢用戶速度時。 例如，您可能會合併複雜的元素來捕獲數據或防止用戶犯錯誤並造成嚴重後果（例如用戶永久刪除其收件箱或帳戶）。

在其他情況下，摩擦可能用於教育目的。 遊戲就是一個很好的例子。 在遊戲中，我們使用摩擦來灌輸學習。 通過摩擦，我們從初學者到專家，同時仍然享受自己。 這是騎自行車的虛擬版本——通過反複試驗，我們學到了一些新東西。 沒有人會喜歡沒有摩擦的遊戲，因為它不會很有趣。

但是，對於大多數網站，您會希望讓您的體驗盡可能順暢。 使用這些久經考驗的策略來創造輕盈的用戶體驗：

1. 從宏觀方法開始

為了創造無摩擦的用戶體驗，請從完整的用戶旅程開始。 這將幫助您確定摩擦對您的開發過程有幫助的地方，以及什麼時候對您的用戶來說很麻煩。

用戶旅程中的每一步都提供了影響整個產品成功的機會。 決定何時需要摩擦以收集數據或防止錯誤，並消除可能對您的響應率產生負面影響的所有其他障礙。

2. 盡量減少採取行動所需的步驟

您很有可能通過減少用戶流程中的一些步驟來減少摩擦。 一個著名的例子是使用 iCal 函數的複雜過程：

• 雙擊月視圖中的日期。
• 輸入您的活動名稱。
• 跳過位置。
• 跳過“全天”複選框。
• 跳過過去一個月。
• 跳過過去的一天。
• 跳過過去的一年。
• 輸入活動的時間。
• 輸入事件開始的分鐘。
• 輸入上午或下午。

如果您認為這看起來很有壓力，那麼您並不孤單。 現在，將其與 Backpack 日曆功能中的用戶旅程進行對比：

1. 在您的月視圖中雙擊事件的日期。
2. 鍵入事件的名稱和開始時間。

比較這兩個應用程序，很容易看出哪個應用程序的摩擦更小。 在某些情況下，您可能有一個需要許多步驟的過程。 如果是這種情況，請確保每個步驟都盡可能輕鬆。 您可以通過使用複選框而不是要求輸入來完成此操作，或者盡可能合併步驟。

3.知道“少即是多”

界面的最終目標是使事情盡可能簡單。 這構成了網頁設計最佳實踐的基礎。 通過去除不必要的，我們可以傳達本質。

注意優先考慮滿足用戶期望的元素，並刪除任何不是絕對必要的元素。 Google 的主頁就是一個典型的例子。 你只能做一件事，而且周圍有很多空白。

不要過度使用功能——你冒著使事情變得複雜並對用戶有害的風險（這最終對你的產品不利）。

4. 使用良好的導航習慣

失重體驗的敵人之一是糟糕的導航。

不幸的是，在設計導航時可能會出現很多問題，因此這也是造成摩擦的常見原因。 沒有“一刀切”的清晰導航方法，但有一個來源可以讓您了解什麼對您的網站有效：您的用戶。

用戶測試將幫助您了解人們如何訪問您的網站或應用程序中的內容並對其進行分類。 使用此信息來指導和調整您的導航做法，使其滿足用戶的需求。

5. 分塊是你的朋友

任何心理學專業的學生都會記得，喬治·A·米勒假設人類的大腦平均可以在工作記憶中保存 7 個對象，正負兩個。

這就是分塊實踐的起源——它可以防止認知超載。 將信息組織成塊可以解決人腦的局限性並增加記憶力。

我們可以將這個概念應用到網頁設計中，將復雜的任務分解成一系列更小、更簡單的任務。 將此技術應用於輸入表單和其他繁瑣的任務，以降低跳出率並提高用戶注意力。

6. 不要重新發明輪子

對您的網站做一些新的或創新的事情可能很誘人。 作為有創造力的人，網頁設計師創造獨特的東西是很自然的。 但是，用戶更喜歡與熟悉的 UI 元素進行交互，因為他們可以使用從以前的經驗中獲得的知識。

每次我們強迫用戶學習新事物的工作原理時，我們都會為他們製造更多的摩擦。 可預測的 UI 模式可幫助用戶了解系統並完成任務。 盡可能使用預先建立的 UI 和 UX 標準。 例如，用於搜索的放大鏡圖標很容易被用戶識別，不需要額外的思考。

7.忠於你的品牌

最後，設身處地為用戶著想一分鐘。 訪問者會在訪問您的網站後的 4-6 秒內知道您的目的嗎？ 如果不是，你從一開始就製造摩擦。

您的登錄頁面或應用主頁應該很容易找到解決方案，為用戶解決問題，或幫助用戶實現他們的目標。 這個概念適用於佈局、排版、圖形等。

結論

您的網站或應用程序應盡可能順暢。 通過刪除不必要的步驟和雜亂的設計元素，您可以幫助您的用戶更快地實現他們的目標並降低您的網站跳出率。

網站中的摩擦範圍從實用到美觀。 例如，緩慢的加載時間或低於標準的導航可能會導致用戶放棄您的網站，而缺少空白甚至錯誤的字體會增加認知負荷。 這就是為什麼在設計產品時考慮整個用戶旅程很重要的原因。

按照上述步驟，您可以識別網站中的摩擦並採取措施減少摩擦。 通過這樣做，您將增加轉化次數並在解決用戶問題方面更加成功。