人
已閱讀
已閱讀
分享一些APP開發中表單頁面的UI設計技巧
來源:www.bqtao.cn ?? ?? 發布時間:2018-01-19
在APP開發中,用戶的注冊流程、輸入界面、設置頁面、操作的頁面,表單都是APP開發中最重要的組件之一,填寫表單并不是所有人都喜歡做的事情,但是有時候要用戶必須注冊完成的,所以表單設計原則一定要高效簡單。下面我們談一談在APP開發中,常見的表單設計方法。

1.如果5個左右的內容,全部放出來,而不是折疊
在單選方案中,有2-5個選項可用,使用分段控件而不是下拉列表。主要是因為分段控制內容可見,并且可以通過單個交互完成任務,而不是多步(點擊打開,選擇,點擊)。
2.多個選擇的功能,收納在一個選擇容器里
一般日期三個部分組成年、月、日,如果使用下拉列表會有9步操作,這種對于功能接近的可以整合到一個設計組件里。
3.使用開關而不是下拉列表
如果只有2個選項,如顯示或隱藏,打開或關,這種情況使用開關來提升操作效率。
4.滑塊
通過滑動控件,將單調的下拉式操作調整為用戶易于掃描的視覺體驗,可以使用滑塊定義好范圍內的一個或多個值。
5.避免多列表單
移動端都是小屏幕,需要讓用戶重點放在內容上,保持從上而下的閱讀視線,避免過于復雜的表單。
6.使用增加減少按鈕而不是下拉
當用戶需要通過增加或減少時,避免自由表單輸入和下拉列表,用按鈕幫助最大限度地減少錯誤。
7.盡量避免顯示不需要的字段
盡量避免顯示不需要的字段,它使表單更短,不要把必填和非必填的內容混在一起。
8.對信息進行分組
對相同內容信息進行分組,方便用戶快速準確的掃描查找。
以上就是一些表單的設計分享,大家在APP開發的時候可以參考。
- 上一篇:分布式系統架構在APP開發中的應用
- 下一篇:移動互聯網APP開發的一些設計趨勢