中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

表單可能是日常UI設(shè)計(jì)中最常見的設(shè)計(jì)元素了，它廣泛的應(yīng)用范疇、多年來(lái)的積淀使得表單設(shè)計(jì)牽涉到大量的、約定俗成的設(shè)計(jì)規(guī)則。今天我們來(lái)聊聊這些最常見的表單設(shè)計(jì)準(zhǔn)則。

無(wú)論是注冊(cè)網(wǎng)站還是內(nèi)容輸入，總是回避不了表單這種UI控件。表單幾乎是每一個(gè)數(shù)字產(chǎn)品都無(wú)法規(guī)避的組成部分，它的作用近乎無(wú)可替代。不過(guò)，表單這種控件應(yīng)用范疇極為廣泛，應(yīng)用情況牽涉到方方面面，所以請(qǐng)注意，今天的文章里我們所提及的設(shè)計(jì)準(zhǔn)則都只是一般準(zhǔn)則，每一種其實(shí)都有例外的情況。不過(guò)作為一般準(zhǔn)則，它們可以很好地引導(dǎo)你設(shè)計(jì)出一個(gè)可用性極佳的表單，同時(shí)，作為設(shè)計(jì)師的你還需要根據(jù)實(shí)際情況，靈活地調(diào)整細(xì)節(jié)。

接下來(lái)，我們一起來(lái)看看這些準(zhǔn)則都包含了哪些內(nèi)容？

盡量使用單列設(shè)計(jì)

多列的表單容易讓人分心，無(wú)法完全垂直瀏覽一口氣完成填寫。

頂部標(biāo)簽對(duì)齊

標(biāo)簽和輸入框縱向排列靠左對(duì)齊的設(shè)計(jì)，比起兩者并排擺放效果更好。一方面，這種設(shè)計(jì)在桌面端和移動(dòng)端都足夠友好；另一方面，這樣的設(shè)計(jì)可以更好兼容不同類型、長(zhǎng)短的標(biāo)簽，便于用戶視線的縱向掃視。不過(guò)，標(biāo)簽置于輸入框左邊的設(shè)計(jì)也有其優(yōu)勢(shì)所在：布局更為緊湊，表單長(zhǎng)度被壓縮，顯得更短，在特定的頁(yè)面布局需求下，可能是更好的選擇。

關(guān)聯(lián)標(biāo)簽和輸入框

讓相互關(guān)聯(lián)的標(biāo)簽和輸入框更加靠近，組成分組，讓不同的分組保持相對(duì)較大的距離，確保用戶不會(huì)產(chǎn)生迷惑。

避免字母全大寫

全部字母大寫會(huì)難于閱讀和快速掃視。

低于6個(gè)選項(xiàng)就全部展示

當(dāng)表單中需要選取不同選項(xiàng)的時(shí)候，低于6個(gè)選項(xiàng)就不要使用下拉選框來(lái)選取了，因?yàn)橄吕x框需要兩次點(diǎn)擊完成結(jié)果的選擇，而直接選擇來(lái)的更快。而超過(guò)5個(gè)選項(xiàng)的時(shí)候，選項(xiàng)過(guò)多，適合下拉選框的展示形式。

避免將標(biāo)簽作為占位符使用

為了讓布局更緊湊，將標(biāo)簽作為占位符放置于輸入框內(nèi)是很有誘惑力的做法，但是這樣存在一定的可用性問(wèn)題：讓部分用戶迷惑內(nèi)容已經(jīng)被填寫；點(diǎn)擊輸入的時(shí)候占位符消失，有的用戶會(huì)忘記輸入內(nèi)容屬性。

復(fù)選框應(yīng)當(dāng)縱向排列

縱向排列復(fù)選框讓用戶可以更快的掃視內(nèi)容，便于進(jìn)行選取。

表述清晰的行為召喚按鈕

行為召喚按鈕中的標(biāo)簽必須使用簡(jiǎn)短而明確的詞匯，讓用戶明確行為的意圖和功能。

指明出錯(cuò)的內(nèi)容

當(dāng)用戶填寫內(nèi)容出錯(cuò)的時(shí)候，應(yīng)當(dāng)指明發(fā)生錯(cuò)誤的條目，以及錯(cuò)誤的原因。

在用戶填寫完后再驗(yàn)證

除了需要在輸入過(guò)程中進(jìn)行實(shí)時(shí)驗(yàn)證，普通的內(nèi)容輸入應(yīng)當(dāng)在用戶輸入完成之后再對(duì)內(nèi)容的格式、屬性進(jìn)行驗(yàn)證，這些時(shí)候盡量避免使用內(nèi)嵌驗(yàn)證。

不要隱藏基本的幫助文本

將基本的幫助文本直接展示出來(lái)，除非你的幫助文本超過(guò)100個(gè)單詞，信息量過(guò)大。如果幫助文本內(nèi)容過(guò)長(zhǎng)，建議置于靠近標(biāo)簽或者輸入框的地方，光標(biāo)懸停時(shí)展示。

區(qū)分主要操作和次要操作

主要操作和次要操作是要進(jìn)行區(qū)分的，而這個(gè)要根據(jù)使用場(chǎng)景和需求來(lái)分析和區(qū)分。

讓內(nèi)容長(zhǎng)度和輸入框長(zhǎng)度對(duì)應(yīng)

輸入框的長(zhǎng)度應(yīng)該同輸入內(nèi)容進(jìn)行對(duì)應(yīng)。諸如郵政編碼、電話號(hào)碼和銀行卡號(hào)這樣的字段，長(zhǎng)度都是固定的，在設(shè)計(jì)它們的輸入框的時(shí)候，輸入框的長(zhǎng)度是很好確定的。

正確區(qū)分必填字段和選填字段

用戶有的時(shí)候并不知道哪些字段是必須填寫哪些可以不用填寫的 ，通常會(huì)使用星號(hào)（*）來(lái)區(qū)分兩者，但是星號(hào)有的時(shí)候并不能為用戶理解，所以盡量用文字來(lái)標(biāo)識(shí)差異。

相關(guān)信息分組

過(guò)長(zhǎng)的表單常常會(huì)讓用戶感到煩躁和不知所措，應(yīng)當(dāng)根據(jù)特定的邏輯、內(nèi)容屬性將相關(guān)的內(nèi)容分組，強(qiáng)化表單整體的形式感，用戶覺(jué)得更容易填寫表單，也更容易完成。

值得思考的問(wèn)題

設(shè)計(jì)師應(yīng)當(dāng)考慮可選字段是否真的必要，并且盡量從更多的渠道搜集數(shù)據(jù)。

用戶數(shù)據(jù)的搜集和錄入日趨完善甚至日益復(fù)雜化。智能設(shè)備本身所搜集的用戶信息越來(lái)越多，通過(guò)用戶授權(quán)，APP和網(wǎng)頁(yè)可以獲取大量不同類型、不同體量的數(shù)據(jù)，這些數(shù)據(jù)還可能來(lái)自第三方的帳號(hào)，有或者某個(gè)其他的APP，這些信息對(duì)于產(chǎn)品而言都有巨大的價(jià)值，而體現(xiàn)在表單設(shè)計(jì)上最直接的好處，就是用戶可以少填寫很多重復(fù)的信息。

讓表單有趣

時(shí)間寶貴，生命短暫，誰(shuí)想將大量的時(shí)間耗費(fèi)在填寫表單上呢？其實(shí)表單的填寫可以更加有趣的，設(shè)計(jì)師可以將情緒、情感通過(guò)合理的表單設(shè)計(jì)強(qiáng)化品牌的氣質(zhì)與特征。在不違反上述一般法則的基礎(chǔ)上，設(shè)計(jì)師能做的事情還有很多，為什么不讓表單更有趣呢?

原文作者：Andrew Coyle

原文地址：uxdesign

翻譯：陳子木

譯文地址：http://www.uisdc.com/design-better-forms

版權(quán)：人人都是產(chǎn)品經(jīng)理遵循行業(yè)規(guī)范，任何轉(zhuǎn)載的稿件都會(huì)明確標(biāo)注作者和來(lái)源，若標(biāo)注有誤，請(qǐng)聯(lián)系主編QQ：419297645