作為設(shè)計(jì)師，你是否遇到過這種情況：

· 我們額外加一個(gè)填寫項(xiàng)，用來收集用戶信息吧;

· 我們的表單之所以復(fù)雜，是因?yàn)槲覀兿Ｍ脩舳嗵顚憙?nèi)容，這些內(nèi)容都是有用是;

· 我們的表單應(yīng)該在這最重要的一步出現(xiàn)，這樣就能讓更多的用戶看到它…….

作為用戶填表單時(shí)，你是否這樣想?

· 我們填寫表單只是為了達(dá)到我想要的目的，才不是為了你們收集信息;

· 如果可以，我希望填寫更少的信息或者不用填寫表單，來達(dá)到同樣的目的;

· 在我想做A事情的時(shí)候，我根本不想看到B表單…….

以上的情境可能有些夸張，但是不可否認(rèn)的是，有時(shí)候我們做表單設(shè)計(jì)的時(shí)候，并沒有從用戶的角度出發(fā)，看他們想要的是什么，而是從我們所在的產(chǎn)品端的角度，讓用戶去做我們想要他們做的事情。

二、如何以用戶視角看post表單?

現(xiàn)在我們把之前的旅行的步驟放到post表單設(shè)計(jì)中，我們可以得到如下思路：

三、作為用戶出發(fā)看表單

思路已經(jīng)有了，那讓我們作為用戶出發(fā)探索一下post表單吧。?yixieshi

發(fā)布前：

作為用戶，我會(huì)抱著一定目的，來找我需要的工具——post表單。

首先，我要從哪進(jìn)入表單?

這個(gè)問題是針對(duì)用戶在什么樣的情境下會(huì)被引導(dǎo)到post表單，看下這個(gè)例子吧：

表單的開頭應(yīng)該向用戶清楚的傳達(dá)，該表單是做什么的，是否符合用戶的期望，如果不，那么用戶應(yīng)該去哪?

發(fā)布中：

填寫表單本身就是一件枯燥的事情，我希望能盡可能減少填寫時(shí)的痛苦。

第一步，進(jìn)入表單后，我希望看見干凈簡(jiǎn)潔的頁面。(整體感受)?yixieshi

這點(diǎn)雖然不能用數(shù)據(jù)量化，但是對(duì)用戶的影響卻不容忽視。

第二步，填寫表單前，我希望較長(zhǎng)的表單能夠分步驟展現(xiàn)(填寫方式)

較長(zhǎng)的表單比較容易嚇跑用戶，而清楚的步驟能夠激勵(lì)用戶的填寫欲望。但是使用進(jìn)度條的時(shí)候應(yīng)該注意，是否能起到作用。

下圖的表單，把填寫信息單獨(dú)作為一個(gè)步驟，用戶大部分時(shí)間都花在了第二步，其實(shí)并沒有起到多少簡(jiǎn)化表單的作用。

填寫表單時(shí)，最好讓用戶自己知道怎么填，所以信息的布局是否一目了然很重要。這一點(diǎn)主要從一下幾個(gè)方面體現(xiàn)：

1)信息分類

2)信息排布的順序

3)優(yōu)先級(jí)的區(qū)分

再看下面這個(gè)例子：產(chǎn)品屬性與產(chǎn)品名稱等信息沒有區(qū)分開，而且順序與優(yōu)先級(jí)也不對(duì)，造成用戶困擾。

從商業(yè)的角度來看，當(dāng)然是用戶填的越多越好，但對(duì)于用戶來說，填寫表單只是為了達(dá)到他的目的，如果能達(dá)到同樣的效果，當(dāng)然是填的越少越好。

第五步，填寫時(shí)以及填寫完，我需要友好的提示和反饋。(引導(dǎo))

這一點(diǎn)對(duì)于用戶是否能完成表單填寫非常重要。比如說，很多表單以對(duì)話的形式與用戶交流，以人性化的對(duì)話代替機(jī)械的告知，會(huì)給用戶的心理帶來些許安慰。?yixieshi

如果你是用戶，看到這兩種反饋，你的感受會(huì)有什么樣的區(qū)別呢?

發(fā)布后：?yixieshi

我想看下我發(fā)布的東西是否有問題，有問題的話應(yīng)該怎么辦?

四、總結(jié)

在作為用戶體驗(yàn)了很多優(yōu)秀的表單設(shè)計(jì)后，我發(fā)現(xiàn)他們的優(yōu)秀都是有跡可循的：

· 簡(jiǎn)單明了，讓用戶很快明白是做什么的

· 能比較順利的讓用戶達(dá)到目的

· 友好親切，讓人不忍離開

· 不過度強(qiáng)制，不會(huì)產(chǎn)生負(fù)擔(dān)

· 最好還能有趣點(diǎn)

但是，換一個(gè)思路：達(dá)到的目的一樣的話， 能否不用表單的形式呢?

這或許給我們的設(shè)計(jì)帶來一些啟示，其實(shí)達(dá)到目的的手段有很多種，讓用戶填寫表單只是其中一種，我們?cè)O(shè)計(jì)的時(shí)候，可以多發(fā)散思路，多為用戶著想，或許能發(fā)現(xiàn)比表單能快捷有效的方式。

來源：阿里巴巴國(guó)際站UED