国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

人生苦短，沒(méi)有人喜歡填寫表單。要口語(yǔ)化、有趣，逐漸吸引用戶，讓人感覺(jué)出乎意料。本文會(huì)探討表單設(shè)計(jì)的注意事項(xiàng)。

設(shè)計(jì)師常犯的錯(cuò)誤，以及正確做法

無(wú)論是注冊(cè)流程、多屏分步表單，或者是單調(diào)的數(shù)據(jù)列表界面，表單都是數(shù)字產(chǎn)品設(shè)計(jì)中的重要組成部分。本文會(huì)探討表單設(shè)計(jì)的注意事項(xiàng)。記住這些只是通用規(guī)范，每條準(zhǔn)則總有例外。

表單應(yīng)該只有一列

多列布局會(huì)擾亂用戶垂直方向的視線移動(dòng)。

頂部標(biāo)簽

頂部標(biāo)簽的表單比左側(cè)標(biāo)簽有更高的完成率。頂部標(biāo)簽的表單也易于移植到移動(dòng)端。但是，對(duì)于有多種選擇項(xiàng)的大量數(shù)據(jù)列表而言，請(qǐng)考慮使用左側(cè)標(biāo)簽，因?yàn)樗鼈冊(cè)谝黄鸶子跒g覽，能夠減少高度，比頂部標(biāo)簽更貼心。

把標(biāo)簽與輸入框成組排列

把標(biāo)簽和輸入框貼近排列，確保項(xiàng)目之間留有足夠高度，防止用戶困惑。

避免全大寫標(biāo)簽

全大寫標(biāo)簽更難閱讀和瀏覽。

如果選項(xiàng)少于6個(gè)，全部展示出來(lái)

把選項(xiàng)放入下拉選單需要用戶進(jìn)行兩次點(diǎn)擊，還會(huì)把選項(xiàng)隱藏起來(lái)。超過(guò)5項(xiàng)才使用下拉選框。如果超過(guò)25個(gè)選項(xiàng)，就要在下拉菜單中加入搜索。

不要把默認(rèn)提示當(dāng)做標(biāo)簽

把默認(rèn)提示文字當(dāng)做標(biāo)簽，意在節(jié)省空間。但這會(huì)導(dǎo)致許多可用性問(wèn)題，Nielsen Norman Group的Katie Sherwin對(duì)此作過(guò)總結(jié)。

縱向排列勾選框（和單選框）以保證易讀性

縱向排列勾選框能加快瀏覽速度。

行動(dòng)指令要具有描述性

行動(dòng)指令要描述出具體行為。

逐行說(shuō)明錯(cuò)誤

告訴用戶哪里錯(cuò)了，說(shuō)明原因。

逐行驗(yàn)證要在用戶填完一行之后進(jìn)行（除非填寫中驗(yàn)證更有幫助）

別在用戶打字的時(shí)候進(jìn)行逐行驗(yàn)證，除非這對(duì)他們有幫助——例如創(chuàng)建密碼、用戶名之類，或者字符數(shù)提示信息。

不要隱藏基本的幫助提示文案

盡可能直接展示基本的幫助提示文案。對(duì)于復(fù)雜的提示文案，可以考慮在輸入框激活時(shí)，展現(xiàn)在它旁邊。

區(qū)分主次操作項(xiàng)

對(duì)此還有一項(xiàng)更深刻的哲學(xué)爭(zhēng)論，真的需要次要操作項(xiàng)嗎？

用輸入框長(zhǎng)度來(lái)反映內(nèi)容

輸入框的長(zhǎng)度暗示了答案的長(zhǎng)度。對(duì)于字?jǐn)?shù)固定的輸入框，例如電話號(hào)碼、郵政編碼等，可以使用這種方式。

拋棄星號(hào)*，標(biāo)出選填項(xiàng)

用戶不一定都知道星號(hào)(*)表示必填項(xiàng)。相反，應(yīng)該標(biāo)出選填項(xiàng)。

把相關(guān)信息編組

用戶會(huì)分塊思考，太長(zhǎng)的表單會(huì)讓人眼花繚亂。創(chuàng)建符合邏輯的分組，用戶會(huì)更容易理解表單。

真的需要問(wèn)嗎？

省略掉選填項(xiàng)，考慮采用其他方式收集數(shù)據(jù)。時(shí)刻問(wèn)自己，某個(gè)問(wèn)題的答案是否能推測(cè)出來(lái)，問(wèn)題能否往后放，或者完全去掉。
數(shù)據(jù)獲取正在變得越來(lái)越自動(dòng)化。例如，手機(jī)和穿戴設(shè)備在用戶不知不覺(jué)間收集了大量數(shù)據(jù)。想想如何利用社交媒體、對(duì)話式界面、短信、郵件、聲音、光學(xué)字符識(shí)別、位置信息、指紋、生物識(shí)別技術(shù)等等。

讓表單變得有趣

人生苦短，沒(méi)有人喜歡填寫表單。要口語(yǔ)化、有趣，逐漸吸引用戶，讓人感覺(jué)出乎意料。設(shè)計(jì)師的職責(zé)就是傳遞公司品牌，激發(fā)情緒反應(yīng)。處理得當(dāng)，就能提升完成率。一定要遵循以上規(guī)則。

原文鏈接：https://uxdesign.cc/design-better-forms-96fadca0f49c#.pq9x0zsdm

作者信息：Andrew Coyle，Product Design Lead @Flexport | Find more of my work athttp://andrewcoyle.com/

#專欄作家#

可樂(lè)橙，微信公眾號(hào)：可樂(lè)橙（colachangreen）。人人都是產(chǎn)品經(jīng)理專欄作家，UI/UX設(shè)計(jì)師，關(guān)注互聯(lián)網(wǎng)，關(guān)注科技?，F(xiàn)居杭州，與小伙伴們正在創(chuàng)業(yè)途中?；蛟S不是一名優(yōu)秀的設(shè)計(jì)師，至少是個(gè)快樂(lè)的設(shè)計(jì)師。

本文翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。