UI大牛告訴怎么設(shè)計一個優(yōu)秀的表單

在我們的生活中經(jīng)常會接觸到表單，不過老實說，它們的使用體驗經(jīng)常讓人無奈，比如在一些平臺確認(rèn)飛機(jī)票、檢查購物清單或者是登錄頁面的設(shè)計等等。所以我們都希望表單能被設(shè)計的更好用一點(diǎn)。

雖然在這個時代，我們對表單的設(shè)計在交互方法上有更多的技術(shù)選擇，包括人工智能、生物識別等，但是如今我們能看到的大部分表單的基本結(jié)構(gòu)與設(shè)計方式都還是處于紙質(zhì)時代的技術(shù)層面上。

從本質(zhì)上說，好用的表單應(yīng)該是易于理解且讓人感到舒適的。

易于理解的表單能夠幫助用戶更好的對它們進(jìn)行填寫，這能讓用戶覺得是在跟表單進(jìn)行交流，而不是單向的詢問。

讓人感到舒適的表單讓用戶感覺到自己得到了關(guān)注。這種表單會在用戶填寫的過程中犯錯誤時，會替用戶找到錯誤的位置和原因，并幫助他們進(jìn)行修改。

下面有三個注意點(diǎn)，告訴你如何設(shè)計出這樣的表單。

1.盡可能刪除表單中的多余字段，直到不能再刪除為止。

在上面的例子中，Airbnb 允許用戶通過郵箱進(jìn)行注冊，但提供的字段過多，沒辦法讓用戶輕松填寫。雖然我知道有時候要去掉表單中的某些項目是不可能的（出于一些原因），但是我們應(yīng)該盡量做到這一點(diǎn)。所以，要想讓 Airbnb 這份表單做到井然有序，可以從以下幾點(diǎn)做起：

• 修改標(biāo)簽，刪減掉額外的無用字段：用「Full Name」字段替代「First」與「Last」這兩個字段（即用「姓名」一個輸入框替換掉「姓」與「名」這兩個輸入框）；
• 某個字段信息對于用戶來說是否有必要在注冊表單中進(jìn)行填寫（如讓用戶使用郵箱注冊，那么對于「姓名」字段是否可以在注冊完成之后的「個人資料」中再填寫）？
• 與領(lǐng)導(dǎo)或產(chǎn)品相關(guān)人員協(xié)商，將某字段刪除？（這點(diǎn)很難做到，往往需要數(shù)據(jù)或其他資料證明這個字段確實是無用的）

除了對表單進(jìn)行簡化之外，我們還可以通過與第三方社交平臺的合作來讓用戶更方便的進(jìn)行注冊，我們總要思考如何將表單最簡化。這就像是 Antoine de Saint-Exupery’s 的名言說的:完美的作品，不是對其中的內(nèi)容做到無以復(fù)加，而應(yīng)該是不可減少。

2.給表單的設(shè)計加入微交互

其實市面上已經(jīng)有許多新的表單設(shè)計形式慢慢普及開來了，但是要在使用之前思考為什么你的表單需要使用它們。

這些例子中的微交互非常有趣！它們可以提起用戶的興趣，提升用戶注冊的轉(zhuǎn)化率。其實還有許多其他的微交互方式，也會讓表單變得很有趣。下面這個鏈接中就可以看到不少有趣的關(guān)于輸入框的動效形式。

但是，你需要記住你正在為誰而設(shè)計，無論是否對表單加入微交互，都應(yīng)該考慮清楚它們是否適合你的項目。

3.從全局出發(fā)，思考表單的作用

第三點(diǎn)是最具挑戰(zhàn)性的，也是表單設(shè)計工作中最具價值的一個點(diǎn)。設(shè)計出好的表單不僅僅是把關(guān)注點(diǎn)停留在元素或組件上，還應(yīng)該找到是什么原因?qū)е掠脩粼谑褂玫倪^程中遇到了問題，乃至在填寫表單的過程中被困擾。

雖然這說起來很簡單，好像就是讓用戶注冊這款產(chǎn)品或者說讓用戶訪問站點(diǎn)并創(chuàng)建賬號。但是用戶為什么要這么做呢？你是否有想過用戶在使用你的產(chǎn)品時會遇到什么問題？以及為什么用戶需要填寫這份表單呢？這是設(shè)計師應(yīng)該思考的。

思考你的表單的設(shè)計策略以及它如何融入你的項目中，這將會真正地讓你的工作、團(tuán)隊以及目標(biāo)用戶受益。

我不是表單設(shè)計方面的專家，甚至在設(shè)計領(lǐng)域我也沒有對這方面進(jìn)行深入的學(xué)習(xí)與探索，但是希望我寫得這些能幫助各位開始對表單設(shè)計起到重視的作用。

總結(jié)

其實這篇文章就說了一個道理，就是在形式上簡化表單的內(nèi)容，而這個前提是在業(yè)務(wù)上梳理清楚用戶為什么要使用這個表單的情況下，同時它能幫用戶解決什么問題，以及這個表單對于你的產(chǎn)品或項目起到了什么作用。

看起來很復(fù)雜，用一句話總結(jié)就是：先找到設(shè)計表單的目的，這樣你就知道如何設(shè)計了。

相關(guān)文章--《如何用產(chǎn)品經(jīng)理的技能，解決情侶吵架的問題》