近20年前,史蒂夫?克魯格(steve krug)首次建議我們不要讓用戶思考。今天,設計師努力創造用戶不需要額外努力的體驗。
無摩擦交互已經成為評價用戶體驗的一個流行的限定詞。作為設計師和開發人員,熟悉允許您創建無摩擦交互的方法是有益的。
在本文中,我將分析用戶流中經常引起摩擦的步驟,并就如何優化這些步驟提出解決方案。但在此之前,重要的是要明確什么是摩擦:
摩擦是阻止用戶在與產品交互時直觀地實現其目標的任何東西。當人們發現技術困難時,摩擦就是他們抱怨的一切。難怪高摩擦工具會很快被拋棄,取而代之的是更方便用戶的工具。
?;
創造無摩擦體驗
最終,最終用戶在與產品交互時希望簡單。無摩擦設計是簡單的同義詞,因為它使用戶更容易。當我們想到無摩擦的體驗時,我們通常會想象一個產品,我們可以不用學習任何東西就可以使用它。在這個產品中,交互是直觀的,每個操作都是流暢自然的。
打造無摩擦體驗需要設計師深入理解用戶如何與用戶界面交互。為了減少用戶體驗的摩擦,設計師需要從用戶旅程開始。他們必須決定何時摩擦有幫助,何時摩擦有害,并相應地設計產品。
要預見產品的整個過程,請嘗試了解用戶在與產品交互時希望實現的目標。這些知識將幫助您了解用戶在與系統或服務交互時可能采取的步驟?;谶@些知識,您將了解他們在每個步驟中可能面臨的問題。
為了確定可能發生摩擦的確切位置,團隊可能會進行用戶研究和測試,創建用戶流,并在實際開發開始之前集中精力創建易于使用的信息體系結構。
?;
如何避免產生摩擦
雖然上一節描述了如何識別不良摩擦,但本節將為您提供一些關于如何處理摩擦的實用提示。
避免用內容或功能壓倒用戶
用戶焦點是用戶體驗最關鍵的特征之一。有一個強大的焦點可以幫助用戶在不付出太多努力的情況下實現他們的目標。但是當你的用戶界面用內容或功能壓倒用戶時,你會幫助他們失去注意力。
以下是你應該盡可能減少思考的方法:
把所有的脂肪都剪掉
盡量避免任何不必要的事情-從額外的信息到額外的ui元素。記住最強大的極簡主義原則-少即是多。遵循極簡主義的美學,創造只有基本元素的布局。
確定內容和功能的優先級
不要把你所有的東西都放在一頁紙上。根據用戶的期望排列內容的優先級并放置它。例如,如果你設計一個公司網站,你可以在單獨的部分提供內容,而不是在一個主頁上的所有部分。
分而治之
了解人類大腦的自然局限性并選擇分塊。階式格式可能是現代ui中使用分塊的最常見示例之一。把冗長或復雜的表格分解成幾個簡單的表格,使填寫細節的過程更加容易。

極簡布局與強大的空白。
不要讓用戶猜測
缺乏來自系統的反饋是許多用戶界面的典型問題。當用戶觸發某個操作并且沒有收到系統收到請求的確認時,他們認為自己的請求沒有被傳遞。結果,他們一次又一次地嘗試。這導致了稱為快速點擊的行為。這些額外的不必要的操作通常會導致系統錯誤。
以下幾點可以幫助您防止快速點擊:
視覺或音頻反饋
這款對用戶交互做出響應的應用程序緩解了用戶的恐懼。
快速加載時間
當用戶不得不等待內容加載時,他們會遇到摩擦。如果加載時間太長,用戶就會開始擔心應用程序是否在做任何事情。作為一個設計師/開發人員,盡你所能減少頁面加載時間,使其符合用戶對操作速度的期望。
使加載透明
對于長期操作,提供完成操作所需時間的信息是非常重要的。

用戶交互的視覺反饋。
聰明勝過聰明
清晰度直接影響用戶的期望。好的用戶界面總是符合用戶的期望和以前的知識。當用戶知道期望什么時,他們更樂于與產品交互。
當用戶更清楚地了解您的用戶界面時,請記住以下幾點:
清晰地標記元素
所有交互元素,如按鈕,都應該用描述其功能的標簽清楚地標識出來。
使您的設計一致
不一致造成混亂。當ui中的相同元素在應用程序/網站的不同部分看起來不同時,這可能會使您的用戶感到困惑。維護一致的設計方法允許用戶在與產品交互時使用他們以前的知識。
避免使用行話
考慮使用用戶能夠理解的術語來幫助他們無困難地進行交互。
導航變得簡單
糟糕的導航是用戶沮喪的一個巨大來源。用戶應該能夠輕松地移動到產品的不同區域。他們還應該隨時知道自己在應用程序的導航層次結構中的位置。
使用可識別的ui模式
每次用戶必須學習新事物的工作原理時,都會產生摩擦。通過使用可識別的約定,可以減少學習曲線??勺R別的ui模式最終幫助用戶輕松處理復雜的任務。

清晰的標簽和熟悉的菜單位置使得用戶很容易找到路線。
縮短步驟數
步驟過多也可能導致不必要的摩擦。從最初的注冊到單獨的操作,過程中的每一步都需要一定的努力,并且會產生摩擦。在用戶流中去掉所有額外的步驟是很重要的。在設計用戶流時,請記住kiss設計原則的慣例,并刪除或優化可能導致摩擦的步驟。
以下是一些更實用的提示:
使用默認設置
大多數用戶很少更改默認設置(根據JaredSpool和他的文章“用戶是否更改設置?”“只有不到5%的用戶更改了默認設置)。
提供個性化體驗
使用您擁有的有關用戶的數據為他們提供個性化的體驗。例如,亞馬遜和Netflix都根據以前的購買和觀看習慣提供了量身定制的推薦。
提供自動填充詳細信息
在某些情況下,用戶界面中的數據可以自動填充,而無需額外的用戶工作。例如,如果您的移動應用程序需要信用卡詳細信息,則可以提供卡片掃描功能,以簡化添加所有必需信息的過程。

默認設置。默認情況下,Microsoft Word啟用自動保存。
防止錯誤;優雅地處理錯誤
理想的應用程序可以有效地防止用戶出錯。但是,即使出現錯誤,好的用戶界面也會提供關于如何解決問題的清晰幫助文本,并指出錯誤發生的用戶。
預測可能的錯誤
當你考慮潛在的陷阱時,你會為那些問題的出現設計更好的體驗。例如,您可以為用戶上下文提供必要的幫助和指導。
使用內聯驗證
通過驗證用戶輸入并盡快提供反饋,可以幫助用戶檢測和修復問題。

內聯驗證的示例。
?;
結論
如果有摩擦的跡象,用戶交互就不會順暢。作為一個設計師,你的目標應該是識別并克服不好的摩擦。
通過從戰略上減少摩擦,您可以創建一個出色的用戶體驗。