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