? ? ? ? 表單是界面中最常見、最重要的組件之一，在App、Web設(shè)計(jì)中應(yīng)用都十分廣泛。注冊登錄、資料填寫、用戶反饋、線上交易等等，幾乎無處不在。但因?yàn)楸韱翁顚懙奶匦裕脩粼谔顚懕韱螘r(shí)極為煩躁、排斥。即便是設(shè)計(jì)師，面對琳瑯滿目、信息量龐大的表單設(shè)計(jì)，也缺乏激情與創(chuàng)造性。表單設(shè)計(jì)長期不被重視，缺乏設(shè)計(jì)感。尤其是在APP上，因?yàn)榻缑娣秶邢蓿韱卧O(shè)計(jì)具有更大的挑戰(zhàn)性。其實(shí)，優(yōu)秀的表單設(shè)計(jì)不僅有跡可循而且還會(huì)增加用戶好感，成為產(chǎn)品的加分項(xiàng)。

? ? ? ? 首先，APP表單設(shè)計(jì)可以遵循三大基本原則。

1.化繁為簡

表單之所以備受用戶排斥，就是因?yàn)楸韱涡畔⒎倍啵撁鎸蛹夑P(guān)系復(fù)雜，輸入框較多等原因?qū)е隆Ｄ敲幢M可能地化繁為簡，減少不必要信息，減少用戶操作，減少頁面跳轉(zhuǎn)，自然會(huì)給用戶填寫表達(dá)減少不少的難度。

2.營造輕松、快樂的氛圍

固有的表單填寫都是很僵化的形象，用戶印象基本負(fù)面較多。如果能通過一些排版布局的技巧，使頁面看起來更友好，填寫起來更舒服，自然會(huì)給用戶留下更好的印象。

3.幫助用戶

用戶費(fèi)時(shí)費(fèi)力填寫完各種輸入框、選擇框的信息后，提交時(shí)才發(fā)現(xiàn)竟然有很多不合規(guī)的地方，只能返回重新填寫。好的表單設(shè)計(jì)應(yīng)該幫助用戶降低填寫門檻，指導(dǎo)用戶完成信息填寫，提高用戶填寫表單的成功率。

了解了APP表單設(shè)計(jì)的三大原則后，我們對癥下藥，具體看看實(shí)操中，如何具體來設(shè)計(jì)優(yōu)秀表單。

1.極致的減法

減少不必要的表單信息，合理劃分必填項(xiàng)和選填項(xiàng)，將選擇留給用戶。

2.選擇替代輸入

用可以固化選擇的信息，代替手動(dòng)輸入，盡可能讓用戶少動(dòng)。如：收貨地址欄的選擇功能

3.設(shè)置默認(rèn)項(xiàng)

為了讓用戶少動(dòng)，可以將多數(shù)用戶都會(huì)選擇的選項(xiàng)設(shè)置成默認(rèn)項(xiàng)。如：選擇城市時(shí)默認(rèn)當(dāng)前定位城市。

4.充分利用好移動(dòng)端“L”型的視覺縱線

“L”型縱線最符合移動(dòng)端用戶的視覺習(xí)慣。表單的設(shè)計(jì)充分符合“L”型設(shè)計(jì)，更能貼合用戶心理預(yù)期，減少對用戶的視覺干擾，將用戶的注意力集中到最重要的地方。

5.信息分組

表單的設(shè)計(jì)不是簡單地從上到下的羅列信息。將同類信息進(jìn)行分組，可以更好的喚起用戶記憶。將不同組的信息進(jìn)行打包分類，用卡片形式展現(xiàn)出來，既能給用戶更好的視覺效果，也更能將用戶注意力集中到某一分類上，更好的填寫表單。

6.輸入前給指導(dǎo)

如對填寫信息有格式、內(nèi)容上的要求，在輸入前就應(yīng)該清晰提示出來，避免事后錯(cuò)誤提示造成用戶反感。

7.及時(shí)反饋

信息填寫完成后應(yīng)瞬時(shí)反饋，而不是最后執(zhí)行動(dòng)作時(shí)才給錯(cuò)誤反饋。

8.較少頁面跳轉(zhuǎn)

頁面盡可能少地進(jìn)行層級嵌套，可采用彈窗、浮層的方式，減少跳轉(zhuǎn)。

9.二次確認(rèn)

在用戶已填寫部分表單信息后提出或返回時(shí)，應(yīng)該彈窗提示用戶二次確認(rèn)，最好有臨時(shí)保存功能。如用戶未填寫，返回不提示。

10.用好鍵盤

合理的自動(dòng)彈出輸入法，根據(jù)信息內(nèi)容自動(dòng)匹配鍵盤類型。同時(shí)根據(jù)填寫步驟，合理的定義鍵盤右下角的功能鍵，省去收回鍵盤。根據(jù)不同的操作類型，可以在鍵盤上增加匹配的操作欄，幫助用戶收起鍵盤或進(jìn)行上下項(xiàng)切換。

? ? ? ? 填寫表單時(shí)，用戶的猶豫與煩躁是不可避免的，我們應(yīng)當(dāng)盡量讓這個(gè)過程變得便捷而輕松。我們應(yīng)當(dāng)讓表當(dāng)設(shè)計(jì)成為優(yōu)勢，而非弱點(diǎn)。一個(gè)高度有針對性的表單設(shè)計(jì)，貼心細(xì)致的細(xì)節(jié)和體驗(yàn)，堅(jiān)持不懈的改良和調(diào)整，高效快速的提交，順暢的流程，這才是優(yōu)秀表單應(yīng)有的樣子。