本書一共14章，講了三部分內(nèi)容：表單結(jié)構(gòu)履因、表單元素障簿、表單交互。表單是橫在用戶和企業(yè)之間的一道障礙栅迄， 沒有任何人喜歡填寫表單站故，不合時宜的表單往往會讓用戶反感，從而終止我們給設(shè)定的任務(wù)毅舆，比如說購買世蔗。而設(shè)計表單就如同設(shè)計模式一般，有規(guī)律可循朗兵。盡量減少用戶填寫表單時候的反感是每個表單設(shè)計人員必須首要考慮的因素污淋。
表單結(jié)構(gòu)部分：
1. 表單的問題，能夠不問問題余掖，就不要問寸爆，精簡問題。
2. 懷著面對面交流的心情來設(shè)計表單盐欺，就像日常談話一樣赁豆，把用戶填寫表單的過程設(shè)計成一次對話，你說出標(biāo)簽冗美，能夠讓對方反應(yīng)出需要做什么魔种。
3. 將問題有邏輯的組織起來，比如個人身份信息粉洼，安全條款节预，郵寄地址等，在表單里面用不同區(qū)域分開属韧， 每一塊專注一個邏輯安拟，就像談話一樣。
4. 可選問題宵喂，可以在表單填完后給出糠赦，這樣減少侵略性，這些問題可能會得到更多照顧锅棕。
5. 進程提示拙泽，比較大的表單，分頁的表單裸燎，要有識符顾瞻，當(dāng)前填到哪一步，是否完整顺少，要標(biāo)示出來朋其。 二級進程提示王浴，把表單里面的邏輯表單塊也列出來。 如果進程提示沒有固定的步驟梅猿，那么可以采用籠統(tǒng)的氓辣，沒有明確期望的進程提示。
6. 表單命名袱蚓，鏈接上的名字和表單實際頁面上的名字要保持一致
7. 表單起始頁钞啸，當(dāng)有大量東西要填的時候，在起始頁提示用戶要做什么準(zhǔn)備喇潘，比如ID体斩，駕照，護照颖低，銀行卡等絮吵，不要等到花不少精力之后，發(fā)現(xiàn)缺失必要物品而無法繼續(xù)忱屑。
8 建立視覺線蹬敲，清晰完成路徑，標(biāo)簽莺戒，輸入框伴嗡，主要動作按鈕形成一個垂直軸
9. 填寫表單的界面，應(yīng)該減少噪音从铲，減少其他任務(wù)路徑瘪校，用以減少用戶退出表單填寫的幾率。
表單元素部分：
標(biāo)簽對齊方式名段，書中講了有5種對齊方式：
1阱扬、頂對齊表單：是幾種類型的表單中用戶完成速度和完成效率最高的，因為這種排列方式為用戶提供了非常清晰地瀏覽線（垂直方向）吉嫩，用戶的視覺焦點不需要跳躍就可以瀏覽到所有表單項价认；同時頂對齊表單靈活性也比較強嗅定，標(biāo)簽長短有較大的調(diào)整空間自娩，適用于需要多語言顯示的網(wǎng)站。其缺點是占用的垂直空間較大渠退，不適用于表單項很多以及包含人們不熟悉的填寫項的表單忙迁。
2、
左對齊表單：
因長標(biāo)簽會增加標(biāo)簽與輸入框之間的距離碎乃，從而拖延完成時間姊扔，所以左對齊表單是三種表單中用戶完成速度最慢的，但是因為這種方式便于用戶瀏覽標(biāo)簽梅誓，因此適用于含有用戶不熟悉的填寫項的表單恰梢，讓用戶能夠認(rèn)真思考標(biāo)簽含義佛南，從而提高填寫的有效率。左對齊與頂對齊相比還有一個優(yōu)點嵌言，即占用垂直空間小嗅回。
3、右對齊表單：用戶完成速度介于頂對齊和左對齊之間摧茴，與頂對齊相比占用垂直空間小绵载，與左對齊相比易讀性降低（標(biāo)簽在垂直方向上參差不齊），是國內(nèi)注冊表單中較常用的一種（如新浪微博苛白、開心娃豹、人人等）。
4购裙、輸入框內(nèi)標(biāo)簽：光標(biāo)放入輸入框懂版，標(biāo)簽迅速消失，以便用戶能輕松填寫躏率，是一種可靠地交互方式定续。但是有時候標(biāo)簽會很快消失，有時候標(biāo)簽會留在輸入框中成為答案的一部分禾锤。填寫時私股，輸入框內(nèi)標(biāo)簽消失，因此答案情境也隨之消失恩掷，如果突然忘了要回答什么倡鲸，一時會找不到標(biāo)簽。因此如果表單較長黄娘，輸入框內(nèi)標(biāo)簽并不是好的解決方法峭状。輸入框內(nèi)標(biāo)簽更適合用于只有一個問題或是幾個輸入框問題非常熟悉的表單。
5逼争、混合對齊：不知道作者所說的混合對齊是什么樣的表單优床，但是日常應(yīng)該是用過的∈慕梗可能有的時候混合對齊表單也能很好地輔助用戶填完表單胆敞。
輸入框有6種類型：
1、文本框：允許人們選擇輸入任意數(shù)量字符杂伟，一行或者多行移层。
2、單選按鈕：允許人們從兩個或多個可見互斥選項中選擇一個赫粥，由于單選是互斥選項观话，應(yīng)當(dāng)有默認(rèn)選項。
3越平、復(fù)選框：允許人們選擇列表中的任意選項频蛔，一個或者多謳歌灵迫，數(shù)量不限。使用復(fù)選框時應(yīng)當(dāng)確保選擇輸入框或者其標(biāo)簽都能激活選項晦溪。
4龟再、下拉菜單：允許人們從兩個或多個排他性選項中選擇一個答案。不使用時尼变，下拉菜單僅顯示當(dāng)前被選項利凑。如果互斥選項較多時，下拉菜單比復(fù)選框要好嫌术，下拉菜單占據(jù)屏幕空間小哀澈。一般情況下盡量避免下拉菜單中有太多選項。
5度气、列表框：可作為單選按鈕使用割按，也可當(dāng)復(fù)選框使用。列表框可以像下拉菜單一樣顯示更多選項磷籍，而占用空間比單選按鈕或者復(fù)選框要小适荣，但是列表框的單選或多選的性質(zhì)容易給人帶來困擾。
6院领、按鈕：產(chǎn)生動作
1. 采用合適的長度弛矛，不要所有長度都一致，不利于暗示用戶輸入內(nèi)容比然。 如果長度不能起到暗示的作用丈氓，那么就盡量一致。? 比如postcode 6位
2. 必填項和可選項需要明確標(biāo)示强法。 required * 顯示圖例万俗， 或者寫上required,? 或者optional.
3. 采用視覺分割對齊的方式，對輸入框進行分組：??組合行生日的年月日饮怯， 相關(guān)型闰歪， 包含型（checkbox里面包含細(xì)節(jié)的輸入）
幫助文字：
1. 幫助文字應(yīng)該非常簡單，如果需要大段的說明來進行幫助蓖墅，那么也許這個問題的問法存在一些不妥的地方
2. 幫助旨在消除用戶疑問库倘，比如隱私保密方面，安全方面
3. 幫助文字適時彈出置媳，自動顯示幫助文字于樟。需要能夠讓用戶控制打開，或者關(guān)閉拇囊。 另外彈出的幫助文字的位置也要考究。體現(xiàn)相關(guān)性靶橱，另外不能遮蓋其余的表單元素寥袭。
4. 自動即時幫助路捧，在幫助信息最合適的時間和位置顯示幫助信息。用戶激活的幫助传黄，采用可點擊的圖標(biāo)杰扫，點擊之后才顯示幫助。用戶激活的幫助區(qū)域膘掰，顯示在表單中的一致位置章姓，利用更大顯示面積，提供廣泛的幫助文字和內(nèi)容识埋，人們可以在固定位置顯示找到幫助內(nèi)容凡伊。
表單交互部分：
1. 及時驗證輸入內(nèi)容，用戶名（重復(fù)）窒舟，密碼（是否符合安全級別）系忙， 電子郵件。注意驗證的時機惠豺，需要等到輸入完成以后再驗證银还。
2. 多頁表單，多模塊表單輸入的時候洁墙，需要采用正確以及錯誤的圖標(biāo)蛹疯，標(biāo)示已經(jīng)完成的模塊的正確性。
3. 及時反饋還可以提供一系列的正確答案給用戶選擇热监，這種體驗會更加舒適苍苞。
4. 格式轉(zhuǎn)換， 當(dāng)用戶輸入的數(shù)據(jù)與預(yù)期的格式不一致的時候狼纬， 等用戶輸入完羹呵，立刻進行格式的轉(zhuǎn)換，然后再驗證輸入是否正確疗琉，給出提示冈欢。
5. 限制的交互，比如某些輸入框有長度限制盈简，超出長度的輸入凑耻，則給出紅色的提示，并警告會截斷多下的字符柠贤。 而不是簡單設(shè)置一個文本長度香浩，讓之后的輸入都無法進行。
基于選擇的輸入：
1臼勉、頁面級選項：把過程明確分為兩步邻吭，是解決表單中選擇輸入問題最簡單的方法，但是一旦做出選擇宴霸，兩步模式就會失去情境關(guān)系囱晴，無法查看并訪問未選選項膏蚓。
2、
水平選項卡：
選項卡顯示一組初識選項畸写，發(fā)揮當(dāng)前選擇強大指示作用驮瞧。但是這種方法很肯會降低人們的效率。因為很多人都是習(xí)慣自上而下填表枯芬，所以可能會忽略水平選項卡论笔，而且這種選項之間是否互斥也不夠清晰。該種方式會讓用戶視線從屏幕左側(cè)移到右側(cè)千所，偏離了填表過程中清晰的線性掃描狂魔。
3、垂直選項卡：垂直選項卡選擇性輸入將后續(xù)問題顯示在初始選擇的右側(cè)真慢，隱藏了無關(guān)表單控件毅臊，只在人們需要時才出現(xiàn)。確保了選擇一個單選按鈕后眼鏡不需要太多移動黑界。垂直選項卡基于選擇的輸入方式中管嬉，眼球不必在初始選項和額外輸入之間來回移動。
4朗鸠、下拉列表：下拉列表利用菜單和分組框?qū)⑺屑居钴庮~的輸入放在表單中的特定區(qū)域蚯撩，雖然這樣會隱藏大部分初始選項，但使用單一控件可能會更好地傳達(dá)初始選項的范圍和影響烛占。允許人們從潛在初始選項的長列表中選擇后續(xù)問題胎挎，而不占用大量屏幕區(qū)域。
5忆家、單選按鈕下方顯示：保持你所有初始選項適中可見犹菇。選擇性輸入下方的顯示方式將后續(xù)問題顯示在初始問題下方一致位置，通過強烈視覺指示來表明初始選項和額外輸入之間的依賴關(guān)系芽卿，有助于更清晰地表明兩者關(guān)系揭芍。但是，當(dāng)額外輸入很長時卸例，如果人們改變選項称杨，屏幕刷新來更改額外輸入的內(nèi)容，頁面跳轉(zhuǎn)的效果會導(dǎo)致人們迷失方向筷转。
6姑原、單選按鈕內(nèi)顯示：選擇性輸入內(nèi)顯示方式將后續(xù)問題直接顯示在每個初始選項下方，如果額外輸入很少呜舒，該方法可以保持初始選項的情境锭汛，同時又能在最相關(guān)的地方顯示所需輸入的選擇性輸入。對眼睛壓力小，能迅速完成店乐。但是如果選擇性輸入數(shù)量很多艰躺，頁面跳動加上初始選項移動呻袭，人們會頻繁困惑到底選擇了哪個選項眨八。
7、顯示非活動選項：此方法保持所有額外輸入可見左电，但一次只有一組選項可以操作廉侧，多數(shù)情況顯示灰色。但是大量所有可見輸入項會讓人們看起來崩潰篓足。如果每個初始選項都有很多額外輸入段誊，個人選項和其他初始選項之間就會喪失聯(lián)系。
8.組的顯示：此方法幾乎沒見過栈拖，額外輸入太多连舍，書上說降低初始選項可見度，其實很多時候涩哟，用戶看到這個索赏，就會感覺要做的事情太多，很難做選擇贴彼。
減少輸入框：
1.?注冊界面只保留操作關(guān)鍵路徑上的必須信息收集框潜腻，其他部分全部去除，即使有些部門需要器仗。
2.?當(dāng)然也不能因為去除了一些問題融涣，從而導(dǎo)致另外一些問題變的很復(fù)雜。
注冊表單：
1.?為你的網(wǎng)站或者系統(tǒng)考慮精钮，是否真的需要一個注冊表單威鹿。?因為這個表單很可能讓用戶放棄你提供的服務(wù)。
2.?采取循序漸進的方式轨香，讓用戶在操作期間完成賬號的填寫忽你。發(fā)送郵件，生成密碼等弹沽。
3.?自動給用戶生成賬號的時候檀夹，確保用戶知道清晰訪問賬戶的方式。
