<option id="uausy"></option>
  • <li id="uausy"></li>
  • array(23) {
      ["id"] => string(2) "96"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(1) "0"
      ["name"] => string(6) "服務"
      ["thumb"] => string(63) "/modules/cms/uploads/recommend/2018/05/15/05797102164099283.png"
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "service"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(88) "定制開發-APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_keywords"] => string(75) "APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(21) "show_page_dingzhi.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "1"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2018/05/25/05805654599261264.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
      ["son"] => array(9) {
        [0] => array(22) {
          ["id"] => string(3) "187"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(15) "小程序開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(112) "專業微信小程序解決方案|各種場景核心功能,提前布局微信新生態,搶占第一波紅利"
          ["pdir"] => string(0) ""
          ["dir"] => string(6) "wechat"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(107) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發-藝源科技小程序開發"
            ["meta_keywords"] => string(103) "小程序開發,商城小程序開發,門店小程序開發,微圈小程序開發,餐飲小程序開發"
            ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發,專業團隊,一對一服務,助企業快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數據架構,系統穩定安全。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_xcx.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "0"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "1"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [1] => array(22) {
          ["id"] => string(3) "199"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(9) "APP開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(3) "APP"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(65) "app開發_app定制開發_app制作開發公司【藝源科技】"
            ["meta_keywords"] => string(53) "app開發,app定制開發公司,app制作開發公司"
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_app.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "1"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [2] => array(22) {
          ["id"] => string(3) "244"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "快抖霸屏"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(7) "kuaidou"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(71) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術提供商!"
            ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
            ["meta_description"] => string(161) "藝源智能云推廣系統13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結合的營銷爆客解決方案。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(20) "show_page_douyin.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "2"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(27) "需要短視頻推廣排名"
          ["modelname"] => NULL
        }
        [3] => array(22) {
          ["id"] => string(3) "207"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(14) "AI智能名片"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2019/07/04/06155550417466502.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(2) "ai"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(68) "藝源AI智能名片_名片小程序_智能名片_讓銷售更簡單"
            ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷售更簡單,電子名片,二維碼名片"
            ["meta_description"] => string(184) "藝源AI智能名片-讓銷售更簡單。藝源AI智能名片為企業提供名片小程序,智能名片,企業名片,小程序名片,電子名片,二維碼名片等相關的服務。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(16) "show_page_ai.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "3"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [4] => array(22) {
          ["id"] => string(3) "201"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "版權登記"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814062280145708.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(9) "copyright"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(0) ""
            ["meta_keywords"] => string(0) ""
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(23) "show_page_copyright.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "4"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814063838873717.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [5] => array(22) {
          ["id"] => string(3) "203"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "商標注冊"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813359170749750.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(9) "trademark"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(131) "商標注冊_商標注冊流程_商標注冊流程及費用_西安商標注冊_西安商標注冊代理-「源知果」藝源科技"
            ["meta_keywords"] => string(103) "商標注冊,商標注冊流程,商標注冊流程及費用,西安商標注冊,西安商標注冊代理"
            ["meta_description"] => string(182) "「源知果」西安提供代理版權登記,代理商標注冊,代理專利申請,代理企業貫標,代理高新技術企業認定的服務;咨詢電話:13325455411。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(23) "show_page_trademark.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "5"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/11/06135617157272716.png"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [6] => array(22) {
          ["id"] => string(3) "205"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "網站建設"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
          ["desc"] => string(149) "節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款|節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款"
          ["pdir"] => string(0) ""
          ["dir"] => string(7) "website"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(80) "西安商城網站建設_政府網站建設_學校網站建設就選藝源科技"
            ["meta_keywords"] => string(113) "西安網站建設,西安網絡公司,西安網頁設計,商城網站建設,政府網站建設,學校網站建設"
            ["meta_description"] => string(248) "「藝源科技」是西安一家專業的西安商城網站建設,政府網站建設,學校網站建設的網絡公司,咨詢電話:029-88810146/150 9401 9029。公司擁有10年實踐經驗,為您提供一條龍的互聯網應用解決方案。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(21) "show_page_website.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "6"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/24/06146855992801864.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [7] => array(22) {
          ["id"] => string(3) "208"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "2"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(15) "云服務平臺"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(0) ""
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(0)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(0)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(0) ""
            ["meta_keywords"] => string(0) ""
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(0) ""
            ["formid"] => string(0) ""
            ["url"] => string(21) "http://www.qulvkj.com"
            ["target"] => string(6) "_blank"
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "7"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [8] => array(22) {
          ["id"] => string(3) "202"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(9) "SEO優化"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813061683398516.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(3) "seo"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(90) "【西安SEO優化_西安網站優化_關鍵詞排名優化】-SEO優化公司藝源科技"
            ["meta_keywords"] => string(81) "西安SEO優化,西安SEO優化公司,西安網站優化,西安網站優化公司"
            ["meta_description"] => string(244) "藝源科技(yysweb.com),專注為企業提供百度等搜索引擎整站SEO優化服務,針對不同行業、網站情況給出不同策略、報價和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術服務外包商。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_seo.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "8"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813062712033401.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
      }
    }
    
    				
    當前位置: 首頁 > 售后 > 藝源智庫
    從這3個方面,幫你改善移動端APP的輸入體驗
    時間:2019-06-29 09:41:42
    文章發布:李陽
    原創作者:未知
    來源:互聯網

    在用戶輸入時如何利用有限的屏幕空間,這篇文章列出了三個改善數據輸入體驗的關鍵因素,分別是 改進輸入速度,為用戶提供幫助和支援 和 在用戶輸入時直接指出問題所在,全是干貨,一起來看看。


    一、輸入

    根據需要輸入的文本類型匹配鍵盤布局

    用戶喜歡那些在輸入文本時能夠提供合適鍵盤布局的應用。不像物理鍵盤,觸摸鍵盤可以隨時調整,根據每個表單域的不同數據類型,為用戶提供不同的鍵盤布局。通??梢赃M行優化的輸入類型包括:

    • 數字: 電話號、信用卡號、PIN 碼

    • 文本: 固有名稱、用戶名

    • 混合格式: 郵箱地址、街道地址、搜索查詢


    確保這些項可以在你的 app 中 持續地 進行優化,而不是只在某些特定任務中優化。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技


    合理配置自動大寫功能

    如何合理地設置自動大寫,對于移動端表單域的可用性是很重要的。如果語言本身有要求,每個文本框的首字母和每句話的開頭字母都應該大寫。相關例子:

    • 詢問用戶的姓名

    • 包含句子的信息,比如短信


    但是,要注意不讓電子郵件的文本框開啟自動首字母大寫,當用戶發現時,可能會返回刪除大寫的首字母再改回小寫,因為他們會擔心郵件不能正常發送。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技


    當詞典不夠智能時,關閉自動糾錯

    用戶反感低效的自動糾錯功能,如果用戶沒有發現這個功能,可能還會造成問題。當用戶發現自動糾錯功能對于那些單詞縮寫、街道名稱、郵箱、人名和一些不在字典的單詞表現非常糟糕的時候,是極其影響用戶體驗的。

    在老版本的亞馬遜 app 中,地址欄曾經有自動糾錯功能,卻導致了正確地址被這個功能改寫為錯誤的。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技

    這種情況經常會發生,因為用戶通常只關注了他們正在輸入什么,而不是他們已經輸入的內容。對于地址信息,這樣會導致用戶輸入的有效地址被自動糾錯改成了無效地址,而用戶卻沒有留意到自動糾錯已經發生,提交了錯誤的地址。


    固定的輸入格式

    不要使用固定輸入格式。強制使用固定格式的常見原因,是受到驗證腳本的限制(難道后端不能確定所需要的格式?)。在大部分情況下,這是開發的責任,而非用戶。與其強迫用戶輸入某些特定格式,比如電話號碼,不如想辦法把用戶輸入轉化為你想要顯示或者存儲的格式。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技


    默認值和自動完成

    你應該頻繁預測用戶的選擇項,通過提供智能預測的默認值,或者基于過去輸入內容的提示,使得用戶更加容易地輸入內容。比如,你可以通過用戶的地理位置信息,預測用戶所屬國家。

    這個解決方案可以和自動完成功能配合使用,讓用戶輸入速度顯著提升。自動完成會在下拉列表中實時地列出建議,使得用戶可以更加準確和有效地完成輸入。這對于那些語言水平不高或者忘記拼寫的用戶非常有用,尤其是輸入非母語的時候。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技

    (帶有提示的文本域)


    二、標簽和幫助信息

    用戶想要知道在輸入框中填入哪種信息,清晰的標簽正是一種讓 UI 更加易于理解的方式。標簽告訴用戶每個輸入框的目的,在表單域獲得焦點甚至完成輸入后,保持其有效性。

    你還應該在表單域的上下文提供幫助信息。提供相關的語境信息,可以幫助用戶更加容易地完成操作。


    限制單詞數

    標簽并非幫助文字,你應當使用簡明扼要的標簽(一兩個單詞),使得用戶可以快速了解你的文本域。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技

    (‘Phone’, ‘Check in’, ‘Check out’ 都是輸入框的標簽)

    如果有需要可以對表單域提供更多信息,當用戶面對有用的信息,可以用于消除困惑或者減少潛在的錯誤。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技

    (在 ‘Phone’ 表單域下面的信息就是幫助文本)


    語言簡單化

    從用戶的角度出發。 未知的術語和詞組會增大用戶的認知成本。清晰的傳達方式和實用性應該總是優先于專業術語和品牌信息。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技

    左邊:非傳統的術語可能讓用戶感到迷惑。右邊:術語更加清晰和易于理解。


    內聯標簽

    內聯標簽(或者占位符文本)對于簡單的表單域非常合適,比如用戶名或者密碼。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技

    但是當頁面超過兩個表單域時,用占位符文本來代替分離的文本標簽就不合適了。占位符確實非常流行,看起來也不錯,但是它有兩個嚴重的問題:

    • 一旦用戶點擊了文本域,標簽就消失了,因此用戶不能再次檢查輸入內容是不是表單要求填寫的。

    • 當用戶看見文本框有內容的時候,可能會以為這個地方預先填充了內容,并因此而忽略填寫。


    其中一個占位符的優化方案是 浮動標簽 — 當用戶填寫這個表單域時,可浮動的內聯標簽就會移到表單域的上方。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技

    (浮動內聯標簽)

    建議: 不要只依賴于占位符或者標簽。一旦文本域被填寫了內容,占位符文字就看不見了。你可以使用浮動標簽,以確保用戶可以知道他們填寫的內容是否正確。


    標簽顏色

    標簽顏色應該和 app 的配色方案相關,同時應該有合適的對比度(不應該太亮或者太暗)。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技


    三、驗證

    表單域驗證是為了和用戶對話,并引導他們處理錯誤和不確定信息。其輸出內容應該是感性而非純技術的。在數據處理中,其中一個重要但是通常不被人喜愛的部分就是數據處理。犯錯是人之常情,你輸入的內容也不例外。如果做得好的話,驗證可以把模糊不清的交互步驟變得更加清晰。


    實時驗證

    用戶可不喜歡當他們填完了所有信息,最后點擊提交的時候,才發現信息有錯誤。告知用戶輸入內容是否正確的時機,是在用戶填完內容后立刻告知用戶。

    實時內聯驗證可以馬上告知用戶輸入的正確性。這個方法讓用戶更快地改正錯誤,而不需要等到他們按下提交按鈕。錯誤狀態可以使用對比色,比如暖色調的紅色或者橙色。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技

    △ 提交時驗證 vs 實時驗證。

    驗證過程不僅應該告訴用戶他們做錯了,還應該告訴用戶他們做的不錯。這樣可以給用戶信心來完成余下的輸入過程。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技


    清晰的反饋

    對于用戶問題——“剛才發生了什么?為什么會這樣?”,應該直接給出答案,有效的回答應該清晰說明:

    • 發生了什么錯誤,可能原因是什么。

    • 用戶應該做什么來改正錯誤。


    再次提醒,應該避免出現技術術語。這個原則很簡單,但是有時候很容易忽略。


    正確的顏色

    顏色是設計驗證時的極好工具之一。 由于人的視覺本能,紅色錯誤信息、黃色警告信息、綠色成功信息都是非常易于識別的。下圖是驗證密碼強度一個很好的示例:

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技

    △ 密碼表單域的警告狀態

    另一個例子是用于表單域字符限制的提示顏色。字數計數器和邊框線條變紅的時候,說明字數超過了限制。

    從這3個方面,幫你改善移動端APP的輸入體驗-藝源科技

    但是不要只依賴于顏色來反饋驗證信息!確保界面對于用戶是可理解的,這對于視覺設計執行而言,是一個非常重要的方面。


    結論

    你應該讓數據輸入的過程盡可能簡單。每一個微小的工作,比如自動大寫轉換或者指明每個表單域填寫什么信息,都可以有效提高表單域的可用性和交互設計的質量。深入思考用戶實際上是如何使用應用和輸入內容的。當設計 app 時,確保沒有遺漏上述提及的問題。

    小程序開發
    標簽: 文本框 用戶體驗 經驗分享 輸入框
    *版權申明:本站部分文章由藝源科技收集整理,不代表我們的觀點。如果這篇轉載侵犯您的版權,請及時聯系我們刪除!
    為您推薦
    最新文章
    掃碼加他,免費獲取方案
    久久青草费线频观看地址_少妇久久久久久久久久_亚洲欧洲自拍拍偷午夜色_国产sm重味一区二区三区
    <option id="uausy"></option>
  • <li id="uausy"></li>