分(fēn)享一些APP開發中表單頁面的(de)UI設計技巧

在APP開發中，用(yòng)戶的(de)注冊流程、輸入界面、設置頁面、操作的(de)頁面，表單都是APP開發中最重要的(de)組件之一，填寫表單并不是所有人(rén)都喜歡做(zuò)的(de)事情，但是有時(shí)候要用(yòng)戶必須注冊完成的(de)，所以表單設計原則一定要高(gāo)效簡單。下(xià)面我們談一談在APP開發中，常見的(de)表單設計方法。

1.如果5個(gè)左右的(de)内容，全部放出來(lái)，而不是折疊

 

在單選方案中，有2-5個(gè)選項可(kě)用(yòng)，使用(yòng)分(fēn)段控件而不是下(xià)拉列表。主要是因爲分(fēn)段控制内容可(kě)見，并且可(kě)以通(tōng)過單個(gè)交互完成任務，而不是多(duō)步（點擊打開，選擇，點擊）。

 

2.多(duō)個(gè)選擇的(de)功能，收納在一個(gè)選擇容器裏

 

一般日期三個(gè)部分(fēn)組成年、月(yuè)、日，如果使用(yòng)下(xià)拉列表會有9步操作，這(zhè)種對(duì)于功能接近的(de)可(kě)以整合到一個(gè)設計組件裏。

 

3.使用(yòng)開關而不是下(xià)拉列表

 

如果隻有2個(gè)選項，如顯示或隐藏，打開或關，這(zhè)種情況使用(yòng)開關來(lái)提升操作效率。

 

4.滑塊

 

通(tōng)過滑動控件，将單調的(de)下(xià)拉式操作調整爲用(yòng)戶易于掃描的(de)視覺體驗，可(kě)以使用(yòng)滑塊定義好範圍内的(de)一個(gè)或多(duō)個(gè)值。

 

5.避免多(duō)列表單

 

移動端都是小屏幕，需要讓用(yòng)戶重點放在内容上，保持從上而下(xià)的(de)閱讀視線，避免過于複雜(zá)的(de)表單。

 

6.使用(yòng)增加減少按鈕而不是下(xià)拉

 

當用(yòng)戶需要通(tōng)過增加或減少時(shí)，避免自由表單輸入和(hé)下(xià)拉列表，用(yòng)按鈕幫助最大(dà)限度地減少錯誤。

 

7.盡量避免顯示不需要的(de)字段

 

盡量避免顯示不需要的(de)字段，它使表單更短，不要把必填和(hé)非必填的(de)内容混在一起。

 

8.對(duì)信息進行分(fēn)組

 

對(duì)相同内容信息進行分(fēn)組，方便用(yòng)戶快(kuài)速準确的(de)掃描查找。

 

以上就是一些表單的(de)設計分(fēn)享，大(dà)家在APP開發的(de)時(shí)候可(kě)以參考。