做網(wǎng)站中無摩擦用戶體驗：如何創(chuàng)建流暢的用戶流

大約二十年前，史蒂夫·克魯格（Steve Krug）第一次建議我們不要讓用戶思考。如今，設計師努力創(chuàng)造不需要用戶付出額外努力的體驗。

無摩擦交互已成為評估用戶體驗的流行限定符。作為設計師和開發(fā)人員，熟悉一些使您能夠創(chuàng)建無摩擦交互的方法將非常有益。

在本文中，我將分析用戶流程中經(jīng)常引起摩擦的步驟，并提出有關如何優(yōu)化它們的解決方案。但是在此之前，重要的是定義確切的摩擦力是：

摩擦是阻止用戶在與產(chǎn)品互動時直觀地實現(xiàn)其目標的任何方式。人們在發(fā)現(xiàn)技術困難時會抱怨一切。難怪為什么高摩擦力的工具會很快被放棄，而被更易于使用的工具所取代。

?

創(chuàng)造無摩擦的體驗

最終，最終用戶在與產(chǎn)品交互時希望簡單。無摩擦設計是簡化的代名詞，因為它使用戶更輕松。當我們想到無摩擦的體驗時，我們通常會想像一種無需學習任何知識即可使用的產(chǎn)品。在該產(chǎn)品中，交互是直觀的，并且每個操作都是流暢自然的。

打造無摩擦的體驗需要設計者深刻理解用戶與用戶界面的交互方式。為了減少UX摩擦，設計人員需要從用戶體驗入手。他們必須決定何時摩擦對您有幫助，什么時候?qū)ι眢w有害，并相應地設計產(chǎn)品。

要設想產(chǎn)品的整個過程，請嘗試了解用戶在與產(chǎn)品進行交互時想要達到的目標。這些知識將幫助您確定用戶與系統(tǒng)或服務進行交互時可能采取的步驟。基于這些知識，您將了解它們在每個步驟中可能面臨的問題。

為了確定可能發(fā)生摩擦的確切位置，團隊可以從事用戶研究和測試，創(chuàng)建用戶流程，并專注于在實際開發(fā)開始之前創(chuàng)建易于使用的信息體系結構。

?

如何避免產(chǎn)生摩擦

盡管上一節(jié)介紹了確定不良摩擦的方法，但本節(jié)將為您提供一些有關如何處理摩擦的實用技巧。

避免使用戶的內(nèi)容或功能不堪重負

以用戶為中心是用戶體驗的最關鍵特征之一。集中精力可以幫助用戶輕松完成目標。但是，當您的UI用內(nèi)容或功能使用戶不知所措時，您會幫助他們失去焦點。

您應該采取以下措施來盡量減少思考：

修剪所有的脂肪

嘗試避免任何不必要的事情-從額外的信息到額外的UI元素。記住極簡主義最強大的原則-少即是多。遵循極簡主義的美學原理，創(chuàng)建僅包含基本要素的布局。

優(yōu)先考慮內(nèi)容和功能

不要試圖將所有內(nèi)容放在單個頁面上。優(yōu)先處理您的內(nèi)容，然后根據(jù)用戶的期望進行放置。例如，如果您設計公司網(wǎng)站，則可以在單獨的部分中提供內(nèi)容，而不是在首頁中全部提供內(nèi)容。

分而治之

了解人腦的自然局限性并選擇分塊。步進形式可能是現(xiàn)代UI中使用分塊的最常見示例之一。將冗長或復雜的表格分成幾個簡單的表格，使填寫細節(jié)的過程變得非常容易。

極簡主義布局，帶有強大的空格。

不要讓用戶猜測

對于許多UI來說，缺乏來自系統(tǒng)的反饋是一個典型的問題。當用戶觸發(fā)某些操作并且沒有收到系統(tǒng)已收到請求的確認時，他們會認為他們的請求沒有得到交付。結果，他們一次又一次地嘗試。這導致稱為快速點擊的行為。這些其他不必要的操作通常會導致系統(tǒng)錯誤。

以下是一些有助于您避免快速點擊的內(nèi)容：

視聽反饋

響應用戶交互的應用程序可以減輕用戶的恐懼感。

快速加載時間

當用戶不得不等待內(nèi)容加載時，他們會遇到摩擦。如果加載時間太長，用戶就會開始擔心該應用程序是否在做任何事情。作為設計者/開發(fā)人員，請盡一切努力減少頁面加載時間，以使其符合用戶對操作速度的期望。

使加載透明

對于長期操作，必須提供有關需要多少時間才能完成操作的信息。

有關用戶交互的視覺反饋。

聰明才智

清晰度會直接影響用戶的期望。良好的用戶界面始終符合用戶的期望和先前的知識。當用戶知道期望什么時，他們會更樂意與產(chǎn)品進行交互。

在使用戶界面更清晰時，需要記住以下幾點：

清楚地標記元素

所有交互元素（例如按鈕）都應使用描述其功能的標簽清楚地標識。

使您的設計一致

不一致會造成混亂。當UI的相同元素在應用程序/網(wǎng)站的不同部分看起來不同時，這可能會使您的用戶感到困惑。保持一致的設計方法，使用戶在與產(chǎn)品進行交互時可以使用以前的知識。

避免使用行話

考慮使用您的用戶將理解的術語來幫助他們毫無困難地進行交互。

導航變得簡單

導航不佳是造成用戶沮喪的巨大原因。用戶應該能夠輕松地移動到產(chǎn)品的不同區(qū)域。他們還應該始終知道自己在應用程序?qū)Ш綄哟谓Y構中的位置。

使用可識別的UI模式

每次用戶必須學習新事物的工作原理時，都會產(chǎn)生摩擦。通過使用可識別的約定，可以減少學習曲線。可識別的UI模式最終可以幫助用戶輕松處理復雜的任務。

清晰的標簽和熟悉的菜單位置使尋路用戶變得容易。

縮短步驟數(shù)

步驟太多也可能導致不必要的摩擦。從最初的注冊到個人操作，整個旅程的每一步都需要一定的努力，并且會產(chǎn)生摩擦。擺脫用戶流程中的所有額外步驟至關重要。設計用戶流程時，請記住杭州網(wǎng)站建設的約定，并刪除或優(yōu)化可能導致摩擦的步驟。

這里有一些實用的技巧：

使用默認設置

大多數(shù)用戶很少更改默認設置（根據(jù)Jared Spool和他的文章“用戶是否更改設置？”，不到5％的用戶更改了默認設置）。

提供個性化的體驗

使用您擁有的有關用戶的數(shù)據(jù)為他們提供個性化的體驗。例如，亞馬遜和Netflix都根據(jù)以前的購買和觀看習慣提供量身定制的推薦。

提供自動填充的詳細信息

在某些情況下，用戶界面中的數(shù)據(jù)可以自動填充，而無需用戶付出額外的努力。例如，如果您的移動應用程序需要信用卡詳細信息，則可以提供卡掃描功能以簡化添加所有必需信息的過程。

默認設置。默認情況下，Microsoft Word啟用了自動保存。

防止錯誤；優(yōu)雅地處理錯誤

理想的應用程序可以主動防止用戶出錯。但是，即使發(fā)生錯誤，良好的UI也會提供有關如何解決問題的清晰幫助文本，并指出發(fā)生錯誤的用戶。

預期可能的錯誤

當您考慮潛在的陷阱時，可以為出現(xiàn)這些問題時設計更好的體驗。例如，您可以提供用戶上下文所必需的幫助和指導。

使用內(nèi)聯(lián)驗證

通過驗證用戶輸入并盡快提供反饋，您可以幫助用戶檢測和修復問題。

內(nèi)聯(lián)驗證的示例。

?

結論

如果有摩擦的跡象，則用戶交互將不順暢。作為設計師的目標應該是發(fā)現(xiàn)并消除不良摩擦。

通過專注于戰(zhàn)略性減少摩擦，您可以創(chuàng)建出色的用戶體驗。