網站設計中直觀形式的十個步驟

已發表: 2022-06-02

您的表單是您網站上最重要的元素之一，對您的用戶和公司都是如此。在最好的情況下，表單與訪問者互動並且用戶友好。一個好的表格會鼓勵訪問者填寫它們以獲得反饋、訂閱、預訂和註冊。

在最壞的情況下，表單笨重、難以導航，並且有損頁面的整體感覺。我們如何創建直觀高效的網站表單，它們如何推動商業價值？

您可能還想閱讀 10 種針對移動設備優化表單的方法。

從谷歌獲取線索

我們最喜歡的搜索引擎在過去幾年裡經歷了很多算法更新，所有這些都是為了讓用戶更輕鬆地找到他們想要的東西。

最近，谷歌試圖讓搜索更像與朋友交談。用戶現在期望通過使用日常語言來獲得他們正在尋找的東西。這已經蔓延到網頁設計，訪問者期望在編碼和機器學習中加入人為因素。

這導致自然語言用戶界面和自然語言形式的興起，旨在以更加人性化和引人入勝的方式獲取用戶信息。公司尋求反映用戶的心理過程，而不是傳統形式的傳統（和僵硬）呈現。

可定制的模板和預構建的插件使這比以往任何時候都更容易。雖然直觀的表單從表單設計中消除了大部分繁重的工作，但最佳實踐仍然決定了用戶如何、何時以及在何處查看您網站上的表單。

我們在哪里以及如何以對用戶（以及您的公司）最有用的方式呈現表單？請遵循以下準則：

最好的形式不是對信息的需求，而是對話，正如自然語言處理所說明的那樣。與任何邏輯對話一樣，它應該遵循您的用戶和您的應用程序（或網站）之間的通信。通過以下方式實現：

您的表單應該只包含必需的信息，這應該使其足夠短以使用單列格式。水平相鄰的字段需要用戶以“Z”形掃描，這會減慢理解速度並造成用戶注意力滯後。最好的表格有一個清晰的完成路徑——直接在頁面下方。

溫通的預訂表。

盡一切努力減少輸入字段的數量和用戶所需的打字工作量，尤其是在移動設備上。下拉菜單、複選框和單選按鈕不僅可以最大限度地減少用戶的工作量，還可以解決打字過程中固有的錯誤數量，尤其是在移動設備上。

採取措施確保字段大小與您請求的數據成比例。最近對電子商務商店的一項研究發現，79% 的用戶在結賬時放棄了他們的購物車。

原因之一？關於字段大小的混淆。該研究表明，如果一個字段對於所需信息量來說太長或太短，用戶就會懷疑他們是否正確地填寫了表格。對於卡驗證碼字段尤其如此。確保您的信息能夠輕鬆地適應給定的領域——不要太大，也不要太小。

Black Flag Creative 的付款結帳表格。

某些表格要求數據具有不同的正確表示形式。例如，電話號碼可以是 123-456-7890 或 (123) 456-7890。讓您的格式接受電話號碼的任何表示。

生日和預訂日期也是如此（您可以將其顯示為下拉菜單日曆）。目標是為您的用戶提供盡可能多的靈活選項。

Lacey Ankenman 的表單字段。

理想情況下，表單上的每個數據輸入都是必需的（因為您只要求提供必要的信息）。如果您必須包含一個可選輸入（例如地址表中的建築物單元或公寓號），請務必將其標記為此類。

必填信息旁邊的紅色星號是常見的做法。如果您包括可選字段，請將它們限制為一個或兩個。

在表單中添加重置按鈕曾經有一個慣例，但我們建議不要這樣做。想像一下完成表格時的挫敗感，只是不小心按了重置並丟失了所有工作！

你會重新填寫表格還是關閉窗口？我們是這麼想的。通過將重置按鈕從您的表單中移除來避免這種情況 - 它弊大於利。

讓用戶填寫表格的關鍵之一是讓他們願意這樣做。以下是您的網站如何吸引用戶填寫您的表單的一些示例：

提供表單填寫的用戶利益列表。這可能是您幫助客戶的好處、功能或方式的列表。它甚至可能是未來完成後購買的促銷代碼。
通過提供社會證明來建立品牌的可信度，例如，客戶推薦或圍繞您的表格進行展示。這表明人們依賴您提供必要的產品或服務。這也有助於與品牌建立人際關係——包括圖片以將其帶回家。
以明確的方式告訴用戶您重視他們的隱私並且他們不會收到任何垃圾郵件。

Michael But 的多步驟表格。

號召性用語的重要性不可低估，因為它是轉化過程的第一步，將迫使用戶點擊註冊按鈕。讓用戶知道你在做什麼，他們為什麼需要你，以及是什麼讓你與眾不同——並且要快點做。這聽起來像是一項艱鉅的任務，但這些提示會有所幫助：

可以吸引您的訪問者並且易於完成的表格會增加您在網頁上花費的時間，並最終吸引更多客戶使用您的產品或服務。一個好的形式的重要性怎麼強調都不為過。

使用引人注目的 CTA 將您的用戶吸引到您的表單，並使用自然語言使您的表單易於導航。這將吸引您的用戶填寫您的表單，這將在未來帶來更多業務。