表單是一種常見的信息輸入工具。糟糕的表單設計帶來了令用戶瘋狂的交互式體驗，極大地影響了用戶信息輸入的效率。我將在本文中闡述有關表單設計的知識。

表格構成

常見表單由多個列表項組成。每個列表項都有最基本的標簽（標題）和輸入框。顧名思義，標簽用于告訴用戶列表項是什么;輸入框用于用戶輸入。

標簽可以根據(jù)其位置進行劃分。

左標簽

頂級標簽

內(nèi)聯(lián)標簽

1.左標簽

左側(cè)標簽是目前最常見的標簽類型，但這并不意味著我們可以毫無顧慮地使用它。以手機為例，手機屏幕尺寸有限，左側(cè)標簽占據(jù)屏幕空間較大，右側(cè)輸入框可能無法顯示完整信息。

例如，如果您的電子郵件地址太長，則會導致信息顯示不完整，這對用戶體驗來說是致命的。由于用戶輸入的信息很長，他們肯定會在確認提交之前檢查并確認輸入。如果未知完整內(nèi)容，則用戶將不會繼續(xù)執(zhí)行下一步驟，這將導致操作過程。中斷。因此，在使用左側(cè)選項卡時，我們必須考慮輸入的長度。

2.頂級標簽

頂部標簽表示標簽位于輸入框上方，因此輸入框可以獨占整個頁面，并且可以更全面地顯示信息。與左側(cè)標簽相比，頂部標簽為輸入框騰出空間。

但是，這種布局方法也有其自身的缺點，即可以在前一個屏幕上顯示的內(nèi)容，用戶現(xiàn)在需要滾動才能完成閱讀。

3.內(nèi)聯(lián)標簽

內(nèi)聯(lián)標簽的樣式看起來非常適合移動表單設計，因為它可以節(jié)省大量頁面空間。

但是，一旦用戶單擊以切換到輸入狀態(tài)，用戶將看不到這些標記。如果在同一頁面上有許多表單項（超過5個），則用戶可能忘記在用戶填寫之前填寫的內(nèi)容。此外，列表項太多，用戶在填寫時容易序列化。也可以填寫研究生院的家庭住址。更重要的是，由于用戶無法看到標簽，因此無法檢查此類錯誤。

為了解決這個問題，我們可以在內(nèi)聯(lián)標簽前面添加一個圖標來標識列表項。圖標占用的空間不是太大，它會增加頁面的美感。

當表單項太多時，我們需要集成組以提高內(nèi)容的可讀性。下圖中的右表將15個字段分為3組。相同數(shù)量的內(nèi)容，但用戶的印象是非常不同的。

提高用戶信息輸入效率

良好的用戶體驗應盡可能簡化步驟。傳統(tǒng)的手動輸入模式耗時且勞動強度大，并且對用戶來說不是友好的體驗。我們應該考慮如何減輕用戶的負擔。

控件的應用可以幫助用戶快速輸入信息。通常，表單中的控件通常具有下拉列表，開關開關，單選按鈕，多選按鈕，滑塊等。

1.滑塊

在這里，我們主要討論經(jīng)常被忽視的滑塊?；瑝K適用于精度非常低的數(shù)據(jù)輸入。例如，您必須預訂房間，這需要您輸入最低價格和最高價格。這時我們可以使用滑塊代替?zhèn)鹘y(tǒng)的手動輸入輸入。我們都知道滑塊無法準確輸入信息，因此此處滑塊的默認最小單位為50.如果要求最小值為180，則最高720為此處。無法實現(xiàn)。

控件的使用可以極大地提高用戶的輸入效率，但用戶仍然需要自己“輸入”。實際上，我們還可以為用戶提供一些默認值，并自動完成用戶輸入此步驟是免費的。

2.默認值

如果您確定您對用戶有足夠的了解，我們可以在用戶輸入信息時提供合理的默認值。因為對于用戶而言，填寫信息絕不是一件有趣的事情，合理的默認值可以節(jié)省用戶的操作時間。

接下來，我將討論一個否定的案例。

這是我們公司的報銷表格，其中一個是項目編號，系統(tǒng)不提供默認值。實際上，系統(tǒng)可以根據(jù)您所在的項目團隊顯示項目編號，但不在此處。在我看來，這是非常反人類的，因為項目編號是一串漢字和數(shù)字，我們很少記住它。當我們遇到這種情況時，我們通常會回到上一步，檢查項目編號，拿走電話號碼然后再回來填寫，這既耗時又費力。

3.自動填充

自動完成功能還可以減少用戶的操作負擔。當用戶在文本框中輸入時，系統(tǒng)會猜出可能的答案并顯示可選列表。

用戶也會犯錯誤

理想情況下，用戶填寫表單并單擊“提交”按鈕。系統(tǒng)成功顯示提交。但實際情況是，我們經(jīng)常在填寫過程中犯錯誤，因此如何向用戶報告錯誤是一個需要仔細研究的問題。

現(xiàn)在，我們經(jīng)?？吹降腻e誤消息的樣式是彈出窗口。在我看來，彈出窗口不是一個好選擇。因為如果用戶想要進行更改，則必須關閉彈出框，否則用戶將無法看到錯誤消息。如果用戶有更多錯誤的項目，那么用戶將需要花一些時間來記住這些錯誤，然后更改它們，這將增加用戶的內(nèi)存負擔。

因此，在我看來，逐行錯誤比一般使用彈出窗口向用戶報告錯誤要友好得多。并且錯誤消息位于您填寫的錯誤項目旁邊，用戶可以一目了然地了解錯誤，無需找到它。此外，逐行錯誤將繼續(xù)出現(xiàn)，直到用戶的修改完成，并且用戶可以進行有針對性的修改。

漸進式錯誤報告的缺點是移動終端受到屏幕尺寸的限制，并且可能無法完全顯示錯誤的原因。

以上是如何在表單設計中給用戶一個錯誤的提示。當然，我們應該盡力幫助用戶避免犯錯，而不是彌補它。

表單輸入用戶經(jīng)常出錯的地方是輸入格式，以日期為例。不同的區(qū)域具有不同的日期條目格式，2017-08-15,08.15.2017,08-15-2017等。目前，一些表單實現(xiàn)了容錯模式，允許用戶輸入不同的格式或不同類型的數(shù)字。這也減少了用戶犯錯誤的可能性。

總結(jié)

表單是主要的信息輸入工具之一，也是產(chǎn)品用戶體驗的首要任務。沒有完美和多樣化的形式風格，不同的產(chǎn)品在設計形式時有不同的起點和想法。以上是我的一些總結(jié)，希望本文能為您提供幫助。

« 企業(yè)網(wǎng)站維護的主要工作 | 微博客測試拉黑新功能。黑的雙方的微博客互相看不見 »