歡迎來到深圳市來科信科技有限公司網站!
        您當前的位置:深圳APP開發 > 新聞資訊 > APP開發資訊 >

        已閱讀

        分享一些APP開發中表單頁面的UI設計技巧

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