填寫互聯(lián)網(wǎng)表單幾乎是每個用戶每天的經(jīng)歷，如用戶進行網(wǎng)站注冊和登錄、購物等，都需要填寫各種表單。用戶為了獲得想要的東西，表單成了用戶完成需求和網(wǎng)站系統(tǒng)需要數(shù)據(jù)之間的互動形式。那么表單設(shè)計的首要目標(biāo)也更清晰：讓用戶迅速快捷并且輕松地完成填寫。

設(shè)計目標(biāo)已清晰，那么如何設(shè)計表單呢，以下從表單的內(nèi)容、組織方式、流程、表單元素控件及交互等方面詳細闡述。
表單的元素

研究如何提高表格可用性之前，我們先簡要了解下一般表單的元素，這里我們暫且這么總結(jié)：

標(biāo)簽：告訴用戶表單問題是什么？
輸入框：供給用戶填寫答案信息；
動作：用戶提交表單，即用戶點擊一個按鈕或鏈接，執(zhí)行一個操作；
幫助文字：為如何填寫表單提供幫助；
輸入反饋：針對用戶輸入給出反饋，輸入正確還是錯誤；

內(nèi)容導(dǎo)讀

從本篇文章中，你將獲知什么？

1. 國內(nèi)外驗證碼廣告介紹
2. 驗證碼廣告用戶體驗的重要性
3. 驗證碼廣告用戶體驗數(shù)據(jù)
4. 上線5個月，驗證碼廣告的表現(xiàn)如何？
5. 驗證碼廣告的多樣形式

零：項目背景

百度網(wǎng)盟推廣平臺是配合網(wǎng)盟推廣用戶的在線營銷平臺，推廣客戶可以在平臺上實現(xiàn)全方位的推廣管理，包括搭建賬戶結(jié)構(gòu)、配置預(yù)算、定向方式、監(jiān)控賬戶投放效果等等復(fù)雜的賬戶操作。但是由于系統(tǒng)的復(fù)雜度和功能性的增加，原有的系統(tǒng)對新功能的支撐顯得有些捉襟見肘，所以在今年8月份，我們開始了對系統(tǒng)體驗的分析和優(yōu)化工作。

一：產(chǎn)品理解

廣告投放平臺廣義上屬于商業(yè)產(chǎn)品體系，商業(yè)產(chǎn)品和用戶產(chǎn)品在體驗的關(guān)注點上是有顯著區(qū)別的。最大的區(qū)別就是使用需求不同，商業(yè)產(chǎn)品一般不會出現(xiàn)在我們?nèi)粘Ｉ钪?，大部分都是在工作時，或者是特定的時段內(nèi)才會使用到。所以把握好商業(yè)產(chǎn)品的特性，是做好商業(yè)產(chǎn)品用戶體驗的關(guān)鍵。

研究一個產(chǎn)品的特性，一個比較簡單的方法就是觀察產(chǎn)品的“零容忍點”，也就是產(chǎn)品的哪些特性如果不能夠滿足用戶，用戶就會產(chǎn)生強烈反感，甚至放棄使用。比如說現(xiàn)在非常火的移動互聯(lián)網(wǎng)應(yīng)用，也就是app產(chǎn)品，用戶的零容忍點基本上會停留在視覺層面上。因為我們的移動設(shè)備分辨率較高以及產(chǎn)品的使用場景（都是近距離使用）的關(guān)系，用戶對產(chǎn)品的視覺效果會非常嚴(yán)苛，如果產(chǎn)品的icon或者界面丑陋，基本上就不會用了。但是，對于一些小說站點或者視頻站點來說，視覺就不是用戶最主要關(guān)注的了，這類產(chǎn)品，用戶最關(guān)注的是他們的內(nèi)容，如果內(nèi)容不夠好，別人有的你沒有，那么用戶就會離開，即使你的界面十分精美，只能是華而不實。同樣，如果把思路切換到商業(yè)產(chǎn)品上，我們會發(fā)現(xiàn)用戶最在意的是能夠能夠在使用的功能滿足和節(jié)約時間。因為商業(yè)產(chǎn)品更像是一個用戶的工具，如果工具不能夠操作，那么用戶就沒有使用的動力了。因此，對于商業(yè)產(chǎn)品來講，功能>性能>易用>美觀。

所以，對于商業(yè)產(chǎn)品設(shè)計師來說，我們的思維中要一直有一個聲音，那就是我們的優(yōu)化是不是能夠真正的提高用戶的效率，在效率和效果面前，我們要強迫自己選擇前者。

二.可用性走查

平臺系統(tǒng)的復(fù)雜度之高，超出預(yù)期，怎樣衡量復(fù)雜系統(tǒng)的操作效率提升是體驗優(yōu)化的一個難題，思考之后，把產(chǎn)品的易學(xué)性作為我的設(shè)計出發(fā)點，就是通過統(tǒng)一、規(guī)范的系統(tǒng)能夠讓用戶更容易學(xué)習(xí)和掌握平臺產(chǎn)品具體的使用方法。

對整個系統(tǒng)超過30個頁面進行可用性走查，根據(jù)用戶體驗設(shè)計要素，把系統(tǒng)按照結(jié)構(gòu)層、框架層和表現(xiàn)層來進行梳理。結(jié)構(gòu)層解決用戶如何導(dǎo)到某個頁面，做完去哪里。在梳理結(jié)構(gòu)層的過程中不具體思考交互方式，只是從任務(wù)出發(fā)，來看流程和結(jié)構(gòu)上能不能滿足功能，在滿足功能的基礎(chǔ)上有沒有提升的空間?？蚣軐觿t解決頁面的具體布局和交互方式，對系統(tǒng)頁面的控件、布局等詳細梳理，尋找改進空間。表現(xiàn)層解決產(chǎn)品的視覺呈現(xiàn)。

走查的主要結(jié)果如下：

結(jié)構(gòu)層：

1.新建流程和修改流程不可逆，也就是說新建流程的設(shè)置，在修改的過程中無法完全一致的修改，這難免會讓用戶產(chǎn)生困惑，我去哪里修改呢。

2.工具使用頁面跳轉(zhuǎn)次數(shù)多，有的能夠跳回，有的不能夠跳回。

框架層：

1.多版本共存，遺留下來的一些最初版本的頁面，交互和布局都和新頁面不一致。

2.細節(jié)交互不一致，同一操作區(qū)域button的操作方式存在多種。

3.異常提示五花八門，沒有規(guī)范。

在方案設(shè)計時，會出現(xiàn)一種情況：似乎已經(jīng)輸出了所有可能的方案，但討論定稿時還是覺得不夠滿意，認為應(yīng)該有更優(yōu)方案的輸出？什么原因?qū)е铝诉@種情況？如何輸出有效的設(shè)計方案？

● 什么是有效的設(shè)計方案？

“有效方案”，個人理解是“能夠?qū)崿F(xiàn)預(yù)期目標(biāo)的方案”，而不是“全部可能方案”的羅列。設(shè)計方案因方向不同、實現(xiàn)能力等不同，會得到不同階段的版本；但在這些前提一致時，方案應(yīng)該是邏輯性唯一的，不應(yīng)存在模棱兩可的輸出。

● 如何輸出有效的設(shè)計方案？

核心：有邏輯、有理由的輸出

Step1 確定產(chǎn)品目標(biāo)
每一個產(chǎn)品都有其目標(biāo)，這個環(huán)節(jié)極其重要，確定清楚后，在接下來的設(shè)計決策時，會起到方向判斷的作用。產(chǎn)品目標(biāo)一定要和產(chǎn)品側(cè)討論確定，不要理所當(dāng)然的給出判斷。以易迅購物車為例，其核心目標(biāo)是讓用戶“快速下單”，其次才是“買更多”。

Step2 確定用戶群劃分
清晰產(chǎn)品目標(biāo)后，我們需要對用戶在產(chǎn)品上的行為有個了解，才能知道他們需要什么。需要關(guān)注以下幾點：
① 用戶有哪些類型（比例、主要/輔助角色）
② 不同類型用戶會用你的產(chǎn)品來干什么
同樣以購物車為例，易迅以結(jié)算型用戶為主（主要角色——把購物車當(dāng)做確定要買東西的籃子），其次是收藏型（輔助角色——把購物車作為可能買商品的聚合地，需要增刪商品） 。

電商用戶體驗設(shè)計部（簡稱ecd）早期的設(shè)計管理是通過各leader跟產(chǎn)品經(jīng)理收集和手工排需求的形式，但隨著產(chǎn)品需求的激增，團隊的擴大，每周的設(shè)計需求已從每周幾十單激增到幾百單，部門順應(yīng)組建設(shè)計管理組，聚焦在流程和項目如何更，今天跟大家分享其中的工具化心得。

早期的設(shè)計部門的流程是這樣的：

產(chǎn)品經(jīng)理寫一個設(shè)計需求的文檔，匯總多個需求到一個填寫規(guī)范的表格在每周統(tǒng)一時間寫給設(shè)計排期人（一般是leader，也有的是專門的項目PM）排期人拿到表格后在另外一份排期表格上填寫各類需求，處理人，完成時間等期間還需要通過電話和RTX溝通需要調(diào)整的需求，再把表格復(fù)制到郵件上發(fā)送郵件，整個流程下來需要多個表格樣式來記錄這些信息。也不方便后續(xù)統(tǒng)計需求和相關(guān)信息。后來公司大規(guī)模使用TAPD來提交需求，做信息需求管理，

現(xiàn)在我們見到的大部分推廣活動往往都以折扣，抽獎作為噱頭。長期的價格戰(zhàn)轟炸來刺激消費心理的方式已經(jīng)讓用戶形成一定的疲勞感甚至是抵觸感，因此，我們思考能否在勞動節(jié)這個比較傳統(tǒng)但是特點鮮明的節(jié)日中通過新的創(chuàng)意來達到我們活動目的呢？

UCD中常用的用戶研究方法——問卷、一對一訪談、焦點小組等，更多是將用戶作為研究的客體，通過用戶語言表述的觀點，了解用戶的期望、需求。而北歐和北美近幾十年、尤其最近十幾年在工業(yè)設(shè)計領(lǐng)域，逐漸興起的用戶參與式設(shè)計（participatory design，PD），倡導(dǎo)將用戶更深入的融入到設(shè)計過程中，培養(yǎng)用戶的主人翁意識，激發(fā)并調(diào)動他們的積極性和主動性。