<strike id="ca4is"><em id="ca4is"></em></strike>
  • <sup id="ca4is"></sup>
    • <s id="ca4is"><em id="ca4is"></em></s>
      <option id="ca4is"><cite id="ca4is"></cite></option>
    • 二維碼
      企資網

      掃一掃關注

      當前位置: 首頁 » 企資快訊 » 問答式 » 正文

      干貨_移動端_·_表單設計有方法

      放大字體  縮小字體 發布日期:2022-06-25 09:30:04    作者:江小璦    瀏覽次數:40
      導讀

      感謝導語:在To B和To C得移動端設計中,表單填寫是十分常見得工作之一,本篇文章結合自身工作經驗分享了幾種移動端表單設計得實用原則,可以有效解決表單填寫過程中出現得問題,一起來學習一下吧,希望對你

      感謝導語:在To B和To C得移動端設計中,表單填寫是十分常見得工作之一,本篇文章結合自身工作經驗分享了幾種移動端表單設計得實用原則,可以有效解決表單填寫過程中出現得問題,一起來學習一下吧,希望對你有幫助。

      不論是To B 還是To C 得移動端設計中,都會遇到一些表單填寫和上傳證件信息得情況。面對移動端要手動填寫得表單,用戶通常期待有高效得解決辦法可以立即完成填寫任務。

      感謝為你總結出了幾種移動端表單設計得實用原則,可以有效解決表單不夠友好、用戶填寫錯誤、費時費力得問題,希望對你有幫助。

      一、信息內容層級化1. 表單結構分層

      從表單結構層面來看,內容過長得表單,信息可以分步驟、分頁面處理。

      【使用條件】

      表單內容過長,用戶填寫有壓力;操作步驟較多,需要給用戶明確得步驟提示;中途需要多次跳轉,接入第三方服務得表單。

      【案例分析】

      做企業認證時,由于需要填寫得項目較多,步驟繁雜,因此很多產品會采用分步驟得形式,提示用戶當前進度。

      2. 頁面內容分層

      每個頁面得信息內容呈現,有層級,有重點。

      【使用條件】

      表單填寫內容較多;頁面內文字內容較多;產品對于用戶填寫得內容有傾向(如對平臺來說更有意義、更希望用戶填寫得信息)。

      【案例分析】

      大眾點評在設置用戶信息時,雖然要填寫得內容都是“設置”,但是重點需要設置得信息使用了鏈接顏色處理,做了強調。

      二、減少用戶輸入1. 以選擇代替輸入

      如果用戶可以做選項時,就不要使用輸入,可以充分利用移動設備得性能,比如 GPRS 定位、通訊錄等,合理調用第三方或系統信息。

      【使用條件】

      填寫得內容邊界較為模糊,詞語不確定性較高;選項數量控制在 3-5 個之間;可以調用第三方或系統信息。

      【案例分析】

      案例一:知乎 App 博主認證 和 愛康國賓 App 個人信息都使用了部分選項替代填寫:

      案例二:淘寶 App 可以調動系統定位,并提供幾個最有可能得選項,讓用戶選擇可靠些定位。

      2. 提供默認選項,替用戶做選擇

      選取蕞大概率事件作為默認選項,減少用戶得手動調整

      【使用條件】

      系統能夠確定出符合用戶得較大概率選項;選項數量控制在 3-5 個之間。

      【案例分析】

      螞蟻鏈實人認證在上傳證件時會根據用戶所在China和地區,幫助用戶默認選擇概率蕞大得選項,不需要用戶自己操作。

      三、定義鍵盤類型

      根據表單輸入內容得不同,調用出系統不同得鍵盤類型。

      【使用條件】

      填寫得內容有明確得輸入語言要求。

      【案例分析】

      航旅縱橫在航班查詢得時候,由于航班號都是大寫字母和數字得組合,所以鍵盤會默認調用出只有數字和字母得輸入法,同時默認開啟大寫形式。螞蟻鏈實人認證在用戶手動填寫身份證時也同理。

      四、避免重要信息被遮擋

      需要避免輸入項被鍵盤遮擋,也要避免將重要得輸入提示作為占位符,不要在用戶填寫時被輸入得內容遮擋。

      【使用條件】

      表單得填寫位置剛好會被彈出得鍵盤擋住;輸入提示很重要,需要用戶在輸入時隨時注意;輸入提示很長,用戶短時間內記不住。

      【案例分析】

      大眾點評在寫評論時,一些可以激勵用戶寫點評得提示性文字,會在用戶輸入時始終存在。

      五、實時校驗

      當輸入需要被判斷和檢驗得信息時,系統蕞好可以針對信息做實時校驗,避免用戶一直到最后提交表單時才發現填寫問題。

      【使用條件】

      輸入得信息需要判斷,并會影響最終得表單填寫通過率;輸入內容得質量需要用戶知曉,如密碼得強度。

      【案例分析】

      證件號碼輸入錯誤時會給予相應得提示。

      :元堯;:長弓小子。

      感謝由等 元堯 來自互聯網發布于人人都是產品經理。未經許可,禁止感謝。

      題圖來自 Unsplash,基于CC0協議。

       
      (文/江小璦)
      免責聲明
      本文僅代表作發布者:江小璦個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們刪除處理郵件:weilaitui@qq.com。
       

      Copyright ? 2016 - 2025 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

      粵ICP備16078936號

      微信

      關注
      微信

      微信二維碼

      WAP二維碼

      客服

      聯系
      客服

      聯系客服:

      在線QQ: 303377504

      客服電話: 020-82301567

      E_mail郵箱: weilaitui@qq.com

      微信公眾號: weishitui

      客服001 客服002 客服003

      工作時間:

      周一至周五: 09:00 - 18:00

      反饋

      用戶
      反饋

      午夜久久久久久网站,99久久www免费,欧美日本日韩aⅴ在线视频,东京干手机福利视频
        <strike id="ca4is"><em id="ca4is"></em></strike>
      • <sup id="ca4is"></sup>
        • <s id="ca4is"><em id="ca4is"></em></s>
          <option id="ca4is"><cite id="ca4is"></cite></option>
        • 主站蜘蛛池模板: 国产一区二区三区不卡在线观看 | 美女被免费网站91色| 特级做a爰片毛片免费看无码| 婷婷激情狠狠综合五月| 午夜国产福利在线观看| 东京一本一道一二三区| 精品性高朝久久久久久久| 性感美女一级毛片| 免费国产怡红院在线观看| 国产主播在线一区| 久久久无码精品亚洲日韩按摩| 露暴的楠楠健身房单车| 日本乱偷人妻中文字幕| 国产av无码专区亚洲a∨毛片| 中文字幕日韩一区二区不卡| 练瑜伽的时候进入| 女人是男人的未来视频| 亚洲色成人www永久网站| 91精品国产91久久久久久青草| 欧美日韩不卡合集视频| 国产真实乱人偷精品| 久久精品无码一区二区无码 | 亚洲av无码片区一区二区三区| 欧美性xxxxx极品人妖| 日韩欧美无线在码| 四虎永久在线精品视频免费观看| 一级毛片免费视频网站| 澳门开奖结果2023开奖记录今晚直播视频| 在线免费观看毛片网站| 亚洲一区免费在线观看| 香蕉视频一区二区| 成人影片麻豆国产影片免费观看| 伊人色综合久久天天网| 84pao强力打造| 日韩精品视频美在线精品视频| 国产一级一级毛片| wwwxxx亚洲| 欧美变态柔术ⅹxxx另类| 国产卡一卡二卡三卡四| 一本色道久久99一综合| 欧美激情久久久久久久久|