4. 合理的利用分頁(yè)、分組當(dāng)我們隱藏、刪減了很多內(nèi)容后，表單依舊龐大，切記不要把所有內(nèi)容一次性全都展示給于用戶，過(guò)長(zhǎng)的表單需要花費(fèi)較多的時(shí)間才能完成，可能導(dǎo)致用戶不知所措、產(chǎn)生煩躁情緒從而放棄填寫(xiě)，這時(shí)就需要將所有的表單項(xiàng)進(jìn)行分組，有必要時(shí)還需分頁(yè)展示 。
將超長(zhǎng)表單任務(wù)根據(jù)特定的邏輯、屬性分割多個(gè)小任務(wù)，分頁(yè)展示且同時(shí)顯示操作進(jìn)度，會(huì)讓用戶覺(jué)得更容易填寫(xiě)、操作流程更連貫順暢，對(duì)整個(gè)表單形成清晰的預(yù)期，這樣有利于用戶專注于當(dāng)前選項(xiàng) 。
細(xì)心的設(shè)計(jì)師會(huì)發(fā)現(xiàn)，目前有部分應(yīng)用將登錄頁(yè)的手機(jī)號(hào)/驗(yàn)證碼輸入進(jìn)行了分頁(yè)，主要原因是點(diǎn)擊獲取驗(yàn)證碼之后需要等待接收短信，而等待的空檔期會(huì)讓用戶產(chǎn)生效率緩慢的感覺(jué)，分頁(yè)后在跳轉(zhuǎn)頁(yè)面時(shí)能掩蓋小部分的等待時(shí)間 ， 從某種意義上來(lái)講，分頁(yè)操作的流暢度會(huì)“高于”多信息同頁(yè)面等待完成（此論點(diǎn)各執(zhí)一詞、未被證實(shí)） 。
將超長(zhǎng)表單內(nèi)容分組、分頁(yè)固然能提升體驗(yàn)，但不能過(guò)于細(xì)化、刻意增加操作步驟，否則可能會(huì)惹惱用戶 ， 遺留下來(lái)的將是一個(gè)全新的問(wèn)題 。
5. 標(biāo)簽與輸入框視覺(jué)的視覺(jué)關(guān)聯(lián)接近性原則告訴我們，元素之間的相對(duì)距離會(huì)影響用戶感知他們之間的關(guān)系，相互靠近的物體被認(rèn)為比相互距離較遠(yuǎn)的物體更有關(guān)聯(lián)性 。
按照原理，同一組表單元素應(yīng)該靠的更近，以體現(xiàn)內(nèi)容的關(guān)聯(lián)性，確保界面層級(jí)清晰，用戶不會(huì)產(chǎn)生疑惑 。
6. 字?jǐn)?shù)限制需實(shí)時(shí)提示對(duì)于輸入內(nèi)容可能較多的單個(gè)表單項(xiàng)，需要實(shí)時(shí)提醒用戶剩余可輸入字?jǐn)?shù)，避免用戶一股腦的輸入完成后才發(fā)現(xiàn)內(nèi)容量已翻倍、極不情愿的重新組織語(yǔ)言，這種情況常出現(xiàn)在備注、介紹等較長(zhǎng)表單項(xiàng) 。另外，在自定義注冊(cè)賬號(hào)、設(shè)置密碼的較短表單項(xiàng)中也會(huì)碰到 。
7. 內(nèi)容長(zhǎng)度與輸入?yún)^(qū)高度相適應(yīng)重要的表單內(nèi)容，不管內(nèi)容多長(zhǎng)都應(yīng)該完整顯示，例如個(gè)人簡(jiǎn)介、詳細(xì)地址等表單項(xiàng)，如果僅僅因?yàn)閮?nèi)容過(guò)長(zhǎng)就將后面的部分隱藏，可以說(shuō)是非常不友好，用戶甚至無(wú)法對(duì)已輸入的信息進(jìn)行完整的預(yù)覽 ， 不能確認(rèn)信息的對(duì)錯(cuò) 。請(qǐng)記住，如果從一開(kāi)始就不想讓用戶輸入太多信息，那就從程序上控制并給予對(duì)應(yīng)的提示 。
表單輸入?yún)^(qū)的寬度雖然是固定的 ， 但可以通過(guò)自適應(yīng)調(diào)整高度來(lái)確保信息內(nèi)容的完整性，保持良好的使用體驗(yàn) 。
六、總結(jié)以上是筆者對(duì)表單設(shè)計(jì)的一點(diǎn)經(jīng)驗(yàn)和總結(jié) ， 希望對(duì)大家有所幫助 。我們?cè)谠O(shè)計(jì)表單時(shí)，需要用結(jié)構(gòu)化的思維去思考分析，視覺(jué)只是整個(gè)體驗(yàn)的一小部分 ， 如果只關(guān)注表面，也很容易將優(yōu)秀的表單樣式復(fù)制出來(lái)，但卻無(wú)法理解背后的設(shè)計(jì)價(jià)值 ， 畢竟設(shè)計(jì)都是先想好為什么，然后才開(kāi)始做 。
很多時(shí)候，可能有人會(huì)認(rèn)為一些很小的表單細(xì)節(jié)顯得微不足道 ， 就算能起到作用可能也只是對(duì)1％、1‰甚至1?的用戶，杯水車薪 。但是有沒(méi)有想過(guò)，一個(gè)應(yīng)用中可優(yōu)化的點(diǎn)可能會(huì)有100個(gè)、1000個(gè)… 。雖然有時(shí)候做的不是很好，但只要能比上一次好 ， 那就毫不猶豫的換掉它 。
推薦閱讀
- 什么是tif格式的文件，tif轉(zhuǎn)PDF怎樣操作
- 手機(jī)照片怎么重命名 手機(jī)照片怎么重命名jpg格式
- windows10如何修改文件格式
- c盤(pán)不能格式化 如何格式化c盤(pán)
- 日期格式 日期格式如何轉(zhuǎn)換成2012-09-01
- 怎么修改文件后綴擴(kuò)展名格式
- 利用條件格式給單元格填充不同顏色
- 怎樣將WPS文本另存為word的doc格式
- 工資表文件格式如何轉(zhuǎn)換
- 如何用格式化工廠剪輯視頻 如何用格式化工廠剪輯視頻教程