? ? 相信每一個(gè)開發(fā)人員都用過表單，用戶登錄，用戶注冊，提交資料，提交申請等大大小小的需求都是以表單的形式承載的。但越是看似簡單的設(shè)計(jì)，背后卻越需要嚴(yán)謹(jǐn)?shù)纳钏际鞈]，才能起到它所能起到的作用。
? ? 一個(gè)標(biāo)準(zhǔn)樣式的表單包括：標(biāo)題、標(biāo)簽、輸入控件、引導(dǎo)提示、反饋和行動按鈕。
表單設(shè)計(jì)原則一：字段信息組織清晰便于操作，減少頁面跳轉(zhuǎn)
1、實(shí)現(xiàn)用戶的最簡操作成本
這是提高效率的最直接的方法，簡化操作成本一個(gè)做法就是盡量地平鋪信息，減少信息層級。比如單項(xiàng)的操作，如果選項(xiàng)不多，又有足夠的空間位置，平鋪展開所有的選項(xiàng)往往比下拉列表的方式更快捷
當(dāng)表單信息量過大時(shí)，全部平鋪的設(shè)計(jì)會造成用戶的壓力，這個(gè)時(shí)候要考慮做分批處理，減少壓力和區(qū)塊間的干擾，可以在設(shè)計(jì)時(shí)，依照信息的邏輯進(jìn)行劃分，歸納為幾個(gè)步驟，避免表單過程，同時(shí)也減少了用戶瀏覽障礙
如下圖的修改密碼流程，分步驟逐步完成，減輕用戶心理壓力
2、盡量避免頁面跳轉(zhuǎn)
頁面的跳轉(zhuǎn)勢必造成重新加載和刷新，這本身就會耗費(fèi)一定的時(shí)間，此外，跳轉(zhuǎn)還會造成用戶行為的中斷，以及瀏覽的不順暢
3、避免行為中斷
如果有時(shí)候不可避免地需要中斷，可采用疊層設(shè)計(jì)，便于返回，如下圖，點(diǎn)擊設(shè)置按鈕，當(dāng)前頁面出現(xiàn)彈窗，完成內(nèi)容設(shè)置操作
設(shè)計(jì)原則二：盡可能提供技術(shù)的幫助和驗(yàn)證糾錯(cuò)
1、提供默認(rèn)值
對于一些可以預(yù)先判斷的字段，可以提供默人值，這樣可以降低絕大多數(shù)用戶的輸入成本。
2、智能填充
表單的設(shè)計(jì)要更加趨于智能，盡量做到智能判斷填充，以及聯(lián)想輸入匹配。
如淘寶新增收貨地址的表單，所在地區(qū)基于地理位置自動選擇中國大陸，手機(jī)前面的國家區(qū)號會自動填充
3、信息自動關(guān)聯(lián)同步
對于一些信息關(guān)聯(lián)字段，默人填寫，提供用戶手動修改的權(quán)限就好
比如餓了么在下訂單時(shí)，會基于用戶的地理位置會自動在用戶的地址列表里選擇配送地址，不但減少了用戶操作，而且還大大避免了因忘記更改默認(rèn)送貨地址導(dǎo)致的麻煩
4、即時(shí)校驗(yàn)
效率表單最好能對字段做到實(shí)時(shí)校驗(yàn)，這樣，越及時(shí)地反饋錯(cuò)誤，越有利與整個(gè)表單填寫的效率
設(shè)計(jì)原則三：支持高速的輸入手段
簡化輸入模式能明顯提升操作效率，因此在設(shè)計(jì)時(shí)，可以考慮支持一些快捷方式，比如在填寫完表單后，按回車即可提交表單（與頁面上的提交按鈕同等功效）；點(diǎn)擊鍵盤上的tab鍵，焦點(diǎn)可以自動落到下一個(gè)填寫項(xiàng)目，對于一些需要專門大批量處理這類表單的用戶來說，這樣的操作可以節(jié)約大量的時(shí)間
設(shè)計(jì)原則四：采用情感化激勵(lì)
對于很多新用戶，第一次填寫表單時(shí)，可以考慮給予一些情感化的引導(dǎo)，這樣可以避免用戶的焦躁情緒；比如給予有效的用時(shí)提醒，在某些填寫中斷狀態(tài)下，也可以引導(dǎo)返回繼續(xù)操作。
總結(jié)：
效率表單是以引導(dǎo)用戶快速便利完成表單填寫為目的，使用場景如用戶自主流程操作表單。設(shè)計(jì)原則要做到信息組織直觀、降低輸入難度、及時(shí)校驗(yàn)糾錯(cuò)。
暫無評論，快來評論吧!