UI設(shè)計(jì)師做表單設(shè)計(jì)時(shí)要注意的3個(gè)點(diǎn)

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

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

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

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

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

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

 

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

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

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

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

 

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

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

這些例子中的微交互非常有趣！它們可以提起用戶的興趣，提升用戶注冊(cè)的轉(zhuǎn)化率。其實(shí)還有許多其他的微交互方式，也會(huì)讓表單變得很有趣。

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

 

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

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

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

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

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

 

總結(jié)

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

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