人
已閱讀
已閱讀
分享一些APP開發(fā)中表單頁(yè)面的UI設(shè)計(jì)技巧
來源:lexintech.com ?? ?? 發(fā)布時(shí)間:2018-01-19
在APP開發(fā)中,用戶的注冊(cè)流程、輸入界面、設(shè)置頁(yè)面、操作的頁(yè)面,表單都是APP開發(fā)中最重要的組件之一,填寫表單并不是所有人都喜歡做的事情,但是有時(shí)候要用戶必須注冊(cè)完成的,所以表單設(shè)計(jì)原則一定要高效簡(jiǎn)單。下面我們談一談在APP開發(fā)中,常見的表單設(shè)計(jì)方法。
1.如果5個(gè)左右的內(nèi)容,全部放出來,而不是折疊
在單選方案中,有2-5個(gè)選項(xiàng)可用,使用分段控件而不是下拉列表。主要是因?yàn)榉侄慰刂苾?nèi)容可見,并且可以通過單個(gè)交互完成任務(wù),而不是多步(點(diǎn)擊打開,選擇,點(diǎn)擊)。
2.多個(gè)選擇的功能,收納在一個(gè)選擇容器里
一般日期三個(gè)部分組成年、月、日,如果使用下拉列表會(huì)有9步操作,這種對(duì)于功能接近的可以整合到一個(gè)設(shè)計(jì)組件里。
3.使用開關(guān)而不是下拉列表
如果只有2個(gè)選項(xiàng),如顯示或隱藏,打開或關(guān),這種情況使用開關(guān)來提升操作效率。
4.滑塊
通過滑動(dòng)控件,將單調(diào)的下拉式操作調(diào)整為用戶易于掃描的視覺體驗(yàn),可以使用滑塊定義好范圍內(nèi)的一個(gè)或多個(gè)值。
5.避免多列表單
移動(dòng)端都是小屏幕,需要讓用戶重點(diǎn)放在內(nèi)容上,保持從上而下的閱讀視線,避免過于復(fù)雜的表單。
6.使用增加減少按鈕而不是下拉
當(dāng)用戶需要通過增加或減少時(shí),避免自由表單輸入和下拉列表,用按鈕幫助最大限度地減少錯(cuò)誤。
7.盡量避免顯示不需要的字段
盡量避免顯示不需要的字段,它使表單更短,不要把必填和非必填的內(nèi)容混在一起。
8.對(duì)信息進(jìn)行分組
對(duì)相同內(nèi)容信息進(jìn)行分組,方便用戶快速準(zhǔn)確的掃描查找。
以上就是一些表單的設(shè)計(jì)分享,大家在APP開發(fā)的時(shí)候可以參考。