Web 表單的終結

Web 表單很煩人，效率低下，並且讓人們感到恐懼。 真的有人喜歡填寫網絡表格嗎？ 然而，它們是一種“必要的邪惡”，可以成就或破壞一些最關鍵的在線互動。

Web 表單仍然主要基於舊的紙質表單——以系統為中心的 UI（相對於以用戶為中心）的殭屍遺留物。 30 年過去了，我們仍在一遍又一遍地將相同的信息輸入表單。

值得慶幸的是，重大轉變正在進行中。 五年後，我們將驚恐地回顧過去在填寫工作申請、信用卡申請時輸入個人數據的尷尬、緩慢、令人沮喪的方式——處理電子商務結賬、帳戶註冊……幾乎所有需要輸入信息的任務。 儘管這些交互很重要，但啟用它們的表單設計通常沒有經過深思熟慮。

底線是，今天的大多數 Web 表單——無論是桌面還是移動端——都是糟糕的用戶體驗。 儘管尼爾森諾曼集團、Baymard Institute（電子商務）和 Luke Wroblewski（交互設計協會的聯合創始人）等 UX 行業專家提供了無數書籍、研究、文章和白皮書，但許多組織——甚至是那些命脈依賴於它的組織——不要遵循 Web 表單用戶體驗設計最佳實踐。

這意味著數十億美元的收入損失。

令人震驚的是，在考慮用戶與運輸和商店取貨、信用卡信息、驗證錯誤和更多的。 由於如此糟糕的用戶體驗，損失了多少業務？

今天，大多數 Web 表單令人沮喪，填寫緩慢，並將可用性放在最後。

就時間和認知壓力而言，在線表格往往是一個巨大的麻煩。 它們非常容易出錯，缺少默認值、自動完成和自動格式化； 他們對輸入錯誤的處理很糟糕——這甚至還沒有談到需要獨特設計思維和不同可用性問題的移動表單。

即使不需要完成交易，組織也經常試圖從用戶那裡收集太多信息。 捐贈表格通常是最大的違規者，因為他們堅持為自己的統計數據收集捐贈者資料數據，而不考慮捐贈者的利益。 想像一下，如果你被告知要給某人你辛苦賺來的硬幣，你必須等待，手裡拿著現金，因為他們完全為了他們自己的統計用途向你提問。 不用了，謝謝。

移動表單（帳戶註冊、結帳等）充滿了其獨特的用戶體驗問題和挑戰。 輸入很尷尬，因為屏幕很小並且沒有全尺寸鍵盤。 人們必須用指尖點擊和滑動 UI 元素。 文本輸入速度特別慢，並且到處都是拼寫錯誤，即使在帶有專用迷你鍵盤的設備上也是如此。

小屏幕意味著在任何給定時間可見的選項更少，需要用戶依靠他們的短期記憶在幕後建立系統的心理模型。

不斷發展的 Web 表單

Web 表單正處於進化階段。 在一個全新的範式誕生之前，我們正處於痛苦、笨拙、乏味和重複的“輸入表格”的早期階段和輕鬆輕鬆、防犯錯的未來之間，在這個階段，Touch ID、語音打印、計算機視覺、面部識別和虹膜掃描將解鎖我們的個人數據，並無縫、安全地向需要它的系統提供所有必要的信息。

UX 設計師一直在努力改善體驗並減少填寫 Web 表單帶來的痛苦，但在這個中間階段仍然只提供“維生素”——幾乎不是最終的“止痛藥”解決方案。

為了提供更加用戶友好、無縫的用戶體驗，一些最新的表單設計試圖通過實現與傳統表單沒有任何相似之處的界面來消除一些挫敗感。 他們確實成功地使我們的生活變得更加輕鬆，但仍有一段路要走。

自動填充來救援

谷歌的 Chrome 瀏覽器及其自動填充功能是期待已久的天賜之物，可以更有效地完成表單。 它安全地存儲經常輸入的個人數據（包括信用卡），以便快速填寫網絡表單。 谷歌最近的一項研究發現，禁用 Chrome 的自動填充功能可以減少 25% 的表單提交。 研究表明，沒有它，體驗非常煩人，一些用戶完全放棄填寫表格。

驚喜！ 人們希望避免繁瑣的輸入表單。

密碼管理器減輕痛苦

不斷地檢索和輸入數百個在線帳戶的密碼是很煩人的。 密碼管理器幾年前就開始救援，現在被廣泛使用。 1Password 和 Dashlane 是兩個領先的解決方案，只需點擊幾下，即可安全地存儲和自動填充網站和應用程序的加密密碼。

社交登錄結束註冊

根據 WebHostingBuzz 編制的研究，86% 的用戶報告說因為必須創建新帳戶而感到困擾。 社交登錄消除了註冊的需要。 它是一種使用來自社交網絡服務（例如 Facebook、Google+、LinkedIn 和 Twitter）的現有信息的單點登錄形式。 它通過減少對用戶名和密碼的需求來增加註冊並最大限度地減少進入障礙。

移動設備技術減輕了表格的負擔

對移動表單進行了許多可用性改進，這也推動了桌面上的一些新的最佳實踐——例如存儲和檢索常用值，使用電話功能（相機、GPS、語音、聯繫人列表）預填充表單和自動格式化數據（基於預選美國州的郵政編碼）。

此外，根據所需的輸入類型，可以更改鍵盤； 可以使用基於輸入的第一個字母的建議/自動完成，並且可以自動格式化電話號碼和信用卡號碼。

Web 表單趨勢

如前所述，傳統的 Web 表單設計遵循舊的基於紙張的模型； 這就是為什麼它們看起來如此相似。 以前，無法以任何其他方式收集個人數據的技術，但今天已經存在。 為了完全擺脫傳統的 Web 表單，設計師正在向用戶呈現乾淨的 UI 和帶下劃線的區域，以表示文本輸入的去向。 這樣，填寫表格感覺更自然，不像數據輸入。

另一個趨勢是讓詢問用戶輸入更具對話性，從而創造出更人性化的交互。 作為未來更複雜的聊天機器人和其他輸入法世界的先驅，它涉及將用戶輸入字段交織成自然流暢的句子和問題。

機器回話：聊天機器人和自動化代理的興起

通常，機器人是使用即時消息作為應用程序接口的人工智能平台。 聊天機器人不是通過要求他們填寫表格來給用戶增加負擔，而是通過使交互更加自然和對話來減輕這種負擔——一些機器人不是人工智能，而是真正的人類通過聊天進行交互，以提供令人敬畏的用戶體驗。

即使某件事所花費的時間可能是相同的——例如完成一個簡單的旅行預訂——因為交互是對話式的並且被分解成多個塊，認知壓力減少了，體驗得到了改善。

旅行者現在可以使用 Facebook Messenger 應用程序在凱悅酒店進行預訂，或者只是與凱悅團隊進行實時聊天以詢問自由形式的問題，例如特定假期是否有空房。

保險業是另一個準備好被自動化代理的興起所顛覆的行業。 Facebook 讓任何人都可以使用其 Messenger 平台來開發和部署聊天機器人，這也為自動化保險代理打開了大門。

英國的 Jack Insurance 就是這樣做的。 它旨在為自由創意者和網絡專業人士（如網頁設計師、開發人員和插畫家）提供簡單的商業保險。

然而，用聊天機器人等來幫助填表體驗只是一半。 從長遠來看，這不會奏效，因為人們將繼續不得不重複提供大量個人數據。

我們無法通過使用我們在創建問題時使用的相同思維來解決問題。 - 艾爾伯特愛因斯坦

為了從“維生素”階段變成真正的止痛藥，我們需要換一種思維方式，在新範式中實現巨大飛躍。

人工智能的崛起：未來用戶友好的數據收集

誰沒有經歷過試圖預訂暑假的艱鉅和重複的過程？ 當我最近計劃一個時，我一遍又一遍地填寫了許多表格，包括三家航空公司、十幾家酒店、兩家汽車租賃公司、機場接送……相同的姓名、地址、信用卡號碼、常旅客俱樂部號碼、電話號碼、電子郵件地址……這個過程完全是殺戮的，完全荒謬的。

谷歌報告稱壓力不受控制：69% 的休閒旅行者擔心他們在預訂旅行時找不到最優惠的價格或做出最佳決定。 再加上糟糕的用戶體驗，90% 的時間用相同的信息填寫無休止的表單，我們正在談論一個令人難以置信的令人沮喪和壓力的過程。 即使有了 Chrome 的自動填充功能和前面提到的其他便利，體驗仍然令人痛苦並且充滿乏味。

長期的 UX 願景不是不斷完善 Web 表單，而是徹底消滅它們。

如前所述，由於移動設備上可用的一系列技術：GPS、指紋識別（Touch ID）、聲紋和識別、虹膜掃描、面部識別、計算機視覺、人工智能助手和聊天機器人，不可避免的個人數據收集必須成功的在線交易將首先在移動設備上發生革命性變化。 因此，桌面網站可以通過與移動設備的鏈接來利用移動設備的技術功能進行複雜的身份驗證。

讓我們想像一個理想的未來，個人數據保險庫可以超級安全地存儲一個人的所有信息：他們的姓名、家庭住址、工作地址、電話號碼、飛行常客里程、出生日期等。這個個人數據保險庫可以通過一個人解鎖生物特徵驗證、安全問題和主密碼的組合。 一旦解鎖並獲得訪問權限，該站點或應用程序將能夠訪問它需要的所有必要信息，而無需用戶輸入任何信息。

根據平台和設備，可以使用不同的方法和備用方法來解鎖保險庫。 為了避免用戶輸入數據，系統將使用聊天機器人或其他帶有可選語音識別和自然語言處理的會話 UI 提出簡單的問題。 如果語音輸入不實用，可以使用鍵盤輸入。

更進一步，此個人數據保險庫可以與其他保險庫（例如伴侶或配偶的保險庫）鏈接，在所有者同意的情況下，這些保險庫將被暫時解鎖以訪問相關信息（訪問將是簡短的，並且只有請求的信息將是提供）。 然後，旅行應用程序或網站可以安全地訪問所有必要的數據，並輕鬆安排旅行。

Web 表單將很快成為老派——過去時代的有趣產物，不再需要。 在上述場景中，UX 設計師將面臨設計更好的體驗而無需表單。 所有常規交互，包括在 Web 表單中輸入信息，都將消失在後台。

用戶輸入的性質正在發生變化

互聯網和智能手機的使用創造了壓倒性的、前所未有的豐富數據。 計算機視覺、物聯網、人工智能和機器學習等“未來技術”已經出現，正在改變交互的性質和用戶體驗領域。

傳統的 UI 正在消失，而 Web 表單是這種轉變的一部分。 當然，對用戶輸入表單的某些需求永遠不會消失，但無形界面——提供輸入所需的用戶交互越來越少——將變得普遍。

機器學習等人工智能技術可以從訪問個人數據中提取價值，智能算法可以預測需要哪些數據才能使用戶更輕鬆地完成工作申請、旅行預訂和在線購買。

雖然我們支持充滿希望的抱負並追求這些崇高的 UX 理想，但在完全消除 Web 表單的創造性方法與圍繞個人數據的安全問題之間仍然存在分歧。 可以設計出強大和安全的系統，但我們需要處理這些問題。 研究表明，如果人們從中獲得顯著的價值和時間節省，他們願意共享個人數據並允許跟踪。

為了保持領先地位，UX 設計師應該開始思考充滿聊天機器人和對話式 UI 的未來場景。 我們將需要優化體驗並找出用例場景。 交互步驟是否盡可能順暢和高效？ 聊天機器人的語氣是什麼？ 我們是在減少完成工作所需的時間還是增加它？ 隨著生物識別身份驗證的到來，這種交互會是什麼樣子？ 我們如何才能更好地為用戶服務並提供讓生活更輕鬆的精彩體驗？

技術和交互的性質將發生變化，但 UX 設計最佳實踐的總和和實質——以用戶為中心的設計過程——將繼續發展並最終佔上風。

• • •

進一步閱讀 Toptal 設計博客：

• 電子商務用戶體驗——最佳實踐概述（附信息圖）
• 以人為本的設計在產品設計中的重要性
• 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例
• 移動界面的啟發式原則
• 預期設計：如何創造神奇的用戶體驗