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