表單頁(yè)面是杭州APP開發(fā)中常見的功能頁(yè)面。注冊(cè)登錄、收集信息、填寫信息等都會(huì)涉及到表單頁(yè)面的設(shè)計(jì)。表單頁(yè)面是用戶和應(yīng)用程序之間的橋梁。因此,表單頁(yè)面的設(shè)計(jì)直接影響杭州APP開發(fā)的用戶體驗(yàn)。那么,我們?cè)谠O(shè)計(jì)表單頁(yè)面時(shí)應(yīng)該注意什么呢?
當(dāng)你打開購(gòu)物應(yīng)用,看到首頁(yè)有很多特色商品時(shí),你點(diǎn)擊食物的分類選項(xiàng),對(duì)果醬進(jìn)行分類。看看果醬的介紹文章,然后點(diǎn)擊鼠標(biāo)將果醬放入購(gòu)物車,點(diǎn)擊結(jié)帳:結(jié)果是一個(gè)冷死的表格。
表單是網(wǎng)站用戶與系統(tǒng)交互的主要元素。通過(guò)表單向用戶提出問(wèn)題,用戶通過(guò)表單向網(wǎng)站表達(dá)自己的想法。投標(biāo)訂單可分為三個(gè)元素: 1. 解釋目的的標(biāo)簽: 2. 提供響應(yīng)輸入或訂單選擇的塊: 3. 提交表單的按鈕。表單的設(shè)計(jì)可以想象為一個(gè)稱職的服務(wù)員,他的服務(wù)應(yīng)該滿足以下幾項(xiàng):
1. 標(biāo)記清楚
標(biāo)記應(yīng)清楚地標(biāo)記必須輸入的項(xiàng)目。如果表格中需要輸入十項(xiàng),其中必須輸入三項(xiàng),則應(yīng)在必須輸入的標(biāo)記旁邊標(biāo)記*或其他符號(hào)(輸入框旁邊的標(biāo)記不易閱讀) ,反之亦然。
2.輸入框提示清晰
提供用戶輸入的輸入框的大小應(yīng)適應(yīng)所需的輸入數(shù)據(jù),用于輸入地址的框應(yīng)比用于輸入名稱的框長(zhǎng)。輸入電話號(hào)碼的框應(yīng)適當(dāng)分為區(qū)號(hào)和號(hào)碼,以便用戶通過(guò)輸入框的大小了解所需的輸入格式。
3. 仔細(xì)決定餐桌項(xiàng)目
不要問(wèn)你不應(yīng)該問(wèn)的問(wèn)題?;蛘哒f(shuō)沒必要問(wèn)問(wèn)題。例如,要求用戶在沒有手機(jī)號(hào)碼的情況下輸入手機(jī)號(hào)碼。這種侵犯隱私的行為很容易引起網(wǎng)民的反感。
4、標(biāo)簽要清晰
標(biāo)簽就像服務(wù)員的問(wèn)候和提問(wèn),應(yīng)該有禮貌。清除。簡(jiǎn)單易懂。
5.常用默認(rèn)值
在一些常用的項(xiàng)目中,表單應(yīng)該填寫很多用戶常用的默認(rèn)值,這樣用戶就不需要慢慢填寫。如果用戶每天都使用您的表單,默認(rèn)值可以使他們的使用更加高效。
6.提供良好的約束
如果輸入值有網(wǎng)格,并且輸入值有大小限制,您可以考慮更換滑塊或旋轉(zhuǎn)扭曲。如果必須使用輸入框,請(qǐng)注意數(shù)值限制,避免用戶輸入錯(cuò)誤后彈出錯(cuò)誤的對(duì)話框。
7、不要隨意清除輸入數(shù)據(jù)
這是容易讓用戶生氣的問(wèn)題之一!在許多已經(jīng)寫下表單并按下并提交的網(wǎng)站上,輸入錯(cuò)誤會(huì)從圖片中彈出,然后給我們一個(gè)新的空白表單。
文章轉(zhuǎn)載請(qǐng)聯(lián)系作者并注明出處:http://www.tianwaitian.net/news/1076.html