APP開(kāi)發(fā)咨詢熱線：
人
已閱讀
已閱讀
APP開(kāi)發(fā)中表單頁(yè)面的設(shè)計(jì)注意事項(xiàng)
來(lái)源：lexintech.com ?? ?? 發(fā)布時(shí)間：2019-08-23
摘要：當(dāng)你打開(kāi)一個(gè)購(gòu)物APP，在首頁(yè)看到許多特價(jià)商品，你點(diǎn)選了食品的分類選項(xiàng)，來(lái)到果醬的分類。當(dāng)你打開(kāi)一個(gè)購(gòu)物APP，在首頁(yè)看到許多特價(jià)商品，你點(diǎn)選了食品的分類選項(xiàng)，來(lái)到果醬的分類。 標(biāo)簽就像是服務(wù)生的問(wèn)候語(yǔ)和問(wèn)題，應(yīng)該要有禮貌、清楚、簡(jiǎn)單而且容易理解。
表單頁(yè)面是在APP開(kāi)發(fā)中比較常見(jiàn)的功能頁(yè)面，注冊(cè)登錄、收集信息，填寫資料等等，都會(huì)涉及表單頁(yè)面的設(shè)計(jì)。表單頁(yè)面是用戶與APP之前交互的橋梁，所以，表單頁(yè)面設(shè)計(jì)的好與壞，直接影響整個(gè)APP的用戶體驗(yàn)。
那么，我們?cè)谠O(shè)計(jì)表單頁(yè)面的時(shí)候，應(yīng)該注意些什么呢？
當(dāng)你打開(kāi)一個(gè)購(gòu)物APP，在首頁(yè)看到許多特價(jià)商品，你點(diǎn)選了食品的分類選項(xiàng)，來(lái)到果醬的分類。稍微看了一下果醬的介紹文章，然后點(diǎn)擊鼠標(biāo)把果醬放到購(gòu)物車中，并點(diǎn)選結(jié)賬：結(jié)果出現(xiàn)的是一個(gè)冷淡又死氣沉沉的表單（Form）。
表單絕對(duì)是網(wǎng)站中用戶和系統(tǒng)互動(dòng)的最主要的元素，網(wǎng)站透過(guò)表單向用戶提出問(wèn)題，用戶則透過(guò)表單向網(wǎng)站表達(dá)他的想法。標(biāo)單又可以細(xì)分成三種元素：1、說(shuō)明目的的標(biāo)簽；2、提供響應(yīng)的輸入方塊或選單；3、以及提交表單的按鈕。表單的設(shè)計(jì)就可以想象成一個(gè)稱職的服務(wù)生，他的服務(wù)應(yīng)該要符合下面幾個(gè)項(xiàng)目：
1、 標(biāo)示清楚
卷標(biāo)應(yīng)該將「一定要輸入」的項(xiàng)目標(biāo)示清楚。如果一個(gè)表單有十個(gè)需要輸入的項(xiàng)目，其中有三個(gè)一定要輸入，那么就應(yīng)該將「＊」或其他符號(hào)標(biāo)記在一定要輸入的卷標(biāo)的旁邊（標(biāo)記在輸入框旁邊不容易閱讀），反之亦然。
2、清楚提示的輸入框
提供使用者輸入的輸入框的大小應(yīng)該要經(jīng)過(guò)設(shè)計(jì)來(lái)符合所需要輸入的數(shù)據(jù)，輸入地址的方框應(yīng)該要比輸入名字的方框要長(zhǎng)一些。輸入電話號(hào)碼的方框應(yīng)該適當(dāng)?shù)姆殖蓞^(qū)碼和號(hào)碼兩隔，讓用戶透過(guò)輸入框的大小就可以了解所需要輸入的格式。
3、 仔細(xì)決定表單項(xiàng)目
絕對(duì)不要問(wèn)一些不該問(wèn)、或是不需要問(wèn)得問(wèn)題。例如：在不需要手機(jī)號(hào)碼的情況下，要求用戶輸入手機(jī)號(hào)碼。這種冒犯隱私的行為，是很容易招致網(wǎng)絡(luò)用戶厭惡的。
4、標(biāo)簽要清楚
標(biāo)簽就像是服務(wù)生的問(wèn)候語(yǔ)和問(wèn)題，應(yīng)該要有禮貌、清楚、簡(jiǎn)單而且容易理解。
5、 常用的默認(rèn)值
表單在一些常用的項(xiàng)目上，應(yīng)該要填好許多用戶常用的默認(rèn)值，讓用戶不用一隔一隔慢慢的填寫。如果你的表單是用戶每天都要使用的，那默認(rèn)值則可以大幅增加使用效率。
6、提供良好的限制
如果有一個(gè)輸入數(shù)值的方格，而輸入的數(shù)值有大小限制，則可以考慮改用滑桿或旋扭取代。如果一定要采用輸入框，則至少把數(shù)值的限制標(biāo)示清楚，避免在使用者輸入錯(cuò)誤之后才跳出錯(cuò)誤的對(duì)話框。
7、千萬(wàn)不要隨便清除輸入的數(shù)據(jù)
這是表單最容易讓用戶生氣的一個(gè)問(wèn)題了！許多網(wǎng)站的表單寫完并按下提交之后，畫面上跳出了輸入錯(cuò)誤，然后就還我們一個(gè)空白全新的表單。
以上這些注意事項(xiàng)是深圳app開(kāi)發(fā)公司http://www.xevjwjz.cn/a/news/appzx/587.html工程師在進(jìn)行表單設(shè)計(jì)時(shí)總結(jié)出來(lái)的，希望各位同行的程序員們都能做出體驗(yàn)友好的表單頁(yè)面。
電話：
郵箱：
地址：
