網站使用者體驗分析：以使用者視角出發的表單之旅

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

使用者使用發佈表單，就像是一次旅行。 旅行的目的是否能達到?過程是否讓人滿意?這些都決定了使用者會否再來這裡。

一、那麼為什麼要以使用者的視角呢?

作為設計師，你是否遇到過這種情況：

· 我們額外加一個填寫項，用來收集使用者資訊吧;

· 我們的表單之所以複雜，是因為我們希望使用者多填寫內容，這些內容都是有用是;

· 我們的表單應該在這最重要的一步出現，這樣就能讓更多的使用者看到它.......

作為使用者填表單時，你是否這樣想?

· 我們填寫表單只是為了達到我想要的目的，才不是為了你們收集資訊;

· 如果可以，我希望填寫更少的資訊或者不用填寫表單，來達到同樣的目的;

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

以上的情境可能有些誇張，但是不可否認的是，有時候我們做表單設計的時候，並沒有從使用者的角度出發，看他們想要的是什麼，而是從我們所在的產品端的角度，讓使用者去做我們想要他們做的事情。

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

現在我們把之前的旅行的步驟放到post表單設計中，我們可以得到如下思路：

從中我們可以發現，似乎發佈前和發佈後這兩個流程，比較容易被忽略。 而過程中的設計點具體應該如何做呢?作為使用者出發看看吧。

三、作為使用者出發看表單

思路已經有了，那讓我們作為使用者出發探索一下post表單吧。

發佈前：

作為使用者，我會抱著一定目的，來找我需要的工具——post表單。

首先，我要從哪進入表單?

這個問題是針對使用者在什麼樣的情境下會被引導到post表單，看下這個例子吧：

上圖的post表單安排在你對網站有個基本認識，並且有意願聯繫後出現，而且這樣的從屬關係讓人很容易接受。

上圖中的post入口都安排在帳號相關的區域，而不是業務相關的區域，沒有足夠的理由說服使用者從此來發佈。

然後，它跟我的目的是否相符?

表單的開頭應該向使用者清楚的傳達，該表單是做什麼的，是否符合使用者的期望，如果不，那麼使用者應該去哪?

上圖的表單很清晰的向使用者傳達了目的，並提供了快速逃離出口。

圖四中一些簡要的介紹，會讓使用者對表單有個大致的認識，對複雜的資訊有個心裡準備，並且更能確認自己的目的。

而上圖個頁面，使用者一進來印入眼簾的是長篇的規則介紹和各種功能入口，破壞了之前的引導傳達給使用者的印象，作為新使用者的話，很難確認這裡就是自己要找的地方。

發佈中：

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

第一步，進入表單後，我希望看見乾淨簡潔的頁面。 (整體感受)

這點雖然不能用資料量化，但是對使用者的影響卻不容忽視。

上圖是改版前後的對比，能很明顯的對比出頁面的清爽與否，而且在資料上，改版後的也有較為明顯的提升。

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

較長的表單比較容易嚇跑使用者，而清楚的步驟能夠激勵使用者的填寫欲望。 但是使用進度條的時候應該注意，是否能起到作用。

下圖的表單，把填寫資訊單獨作為一個步驟，使用者大部分時間都花在了第二步，其實並沒有起到多少簡化表單的作用。

第三步，開始填寫時，我希望填寫的內容一目了然(資訊佈局)

填寫表單時，最好讓使用者自己知道怎麼填，所以資訊的佈局是否一目了然很重要。 這一點主要從一下幾個方面體現：

1)資訊分類

2)資訊排布的順序

3)優先順序的區分

很清楚的傳達給使用者：基本資訊與詳細資訊的區別;必填與非必填的區別;

再看下面這個例子：產品屬性與產品名稱等資訊沒有區分開，而且順序與優先順序也不對，造成使用者困擾。

第四步，填寫過程中，我希望儘量避免不必要的問題(內容)

從商業的角度來看，當然是使用者填的越多越好，但對於使用者來說，填寫表單只是為了達到他的目的，如果能達到同樣的效果，當然是填的越少越好。

以上的例子很好的說明了什麼是讓使用者達到目的的最基本填寫。 其實上圖中的公司資訊，註冊完成以後有專門的流程讓使用者填寫，沒有必要一定要放在註冊流程。

第五步，填寫時以及填寫完，我需要友好的提示和回饋。 (引導)

這一點對於使用者是否能完成表單填寫非常重要。 比如說，很多表單以對話的形式與使用者交流，以人性化的對話代替機械的告知，會給使用者的心理帶來些許安慰。

回饋傳達出的是「請去做」的意思

回饋傳達出的是「錯誤」的意思

如果你是使用者，看到這兩種回饋，你的感受會有什麼樣的區別呢?

發佈後：

我想看下我發佈的東西是否有問題，有問題的話應該怎麼辦?

現有的表單是無法在發佈後給使用者展示效果的，而且發佈後直接進入審核，審核結束之前使用者是無法修改的，這讓很多使用者頭疼。 而且發佈後的體驗，直接關係到下一次的發佈。

四、總結

在作為使用者體驗了很多優秀的表單設計後，我發現他們的優秀都是有跡可循的：

· 簡單明瞭，讓使用者很快明白是做什麼的

· 能比較順利的讓使用者達到目的

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

· 不過度強制，不會產生負擔

· 最好還能有趣點

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

這或許給我們的設計帶來一些啟示，其實達到目的的手段有很多種，讓使用者填寫表單只是其中一種，我們設計的時候，可以多發散思路，多為使用者著想，或許能發現比表單能快捷有效的方式。

原文：HTTP://www.aliued.com/2012/08/18/1072/