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

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

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

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

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

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

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

零：項(xiàng)目背景

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

一：產(chǎn)品理解

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

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

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

二.可用性走查

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

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

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

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

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

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

框架層：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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