童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

界面设计移动APP中自定义键盘如何设计?

3月27日 牵手手投稿
  键盘在用户的交互过程中起到了非常重要的作用,尤其在多个输入框的场景下。合理地切换”键盘类型”和“按键命令类型”可以提高用户填写表单的效率,同时也可以让表单填写过程更加顺畅,降低页面的流失率。
  一、键盘类型
  iOS中提供了12种键盘可以选择,我们可以根据用户当前的需要,提供不同类型键盘。
  在交互稿中,需要对要调用的键盘进行标注,对于同一个界面中有不同类型输入框的情况,需要标注出键盘切换的说明。
  虽然12种键盘类型已经很多,但它们仍然不能覆盖所有场景,这时我们需要自定义键盘。
  二、按键命令类型
  除了选用不同类型的键盘,部分键盘中还有多种“按键命令”(下图中的蓝色按钮)可以选择,如“完成”、“搜索”、“发送”等。
  iOS中提供了11种类型的命令,交互稿中可将所需要的命令用文字描述截图的形式标注。
  iOS的键盘具有上一项和下一项的功能(,如上图左上方),对于表单的交互设计起到了非常重要的作用,交互稿中需加以说明。
  1。上一项下一项
  与键盘tab键功能一致,跳转至上一个下一个标签序列,同时保证不会清空已填入的内容。
  应用场景:表单输入框标签超出2项,唤起键盘时,在键盘上面显示“上一项”“下一项”操作按钮。
  限制:
  区分按钮的可点击状态、不可点击状态。
  当第一项时,“上一项”按钮置灰,不可点击;
  当最后一项时,“下一项”按钮置灰,不可点击。
  好处:
  手机屏幕有限,如果唤起的键盘挡住了下一项输入框,可以通过点击下一项按钮来输入下一项,无需收起键盘,方便用户操作。
  有多项表单填写时,通过连续的点击下一项按钮,快捷完成输入。
  2。完成
  点击“完成”按钮,从上往下收起键盘。
  三、键盘使用实例
  1。常规键盘
  1)常规键盘文本输入
  应用场景:账户姓名、地址等文本输入
  2)常规键盘字符输入
  应用场景:登录密码
  仅支持字符和数字、符号,不可切换输入法,给用户明确的指示性,减少犯错误的机会。
  3)常规键盘纯数字输入
  应用场景:
  只支持限制了归属地的手机号码、数字邮编、短信验证码、纯数字支付密码、银行卡号、信用卡安全码。
  仅支持输入09的数字,增大有效点击区域,给用户明确的提示,减少输入错误。
  4)常规键盘电话键盘
  应用场景:
  手机号码,不限定国内外。
  在填写手机号码时,如没有对手机号归属地进行单独限制,则调用包含“”“”“”的电话键盘。
  5)常规键盘带“。”的数字键盘
  应用场景:输入带小数点的金额。
  6)常规键盘带的电子邮件键盘
  应用场景:邮箱地址
  2。自定义键盘
  1)定制键盘带X的数字键盘
  应用场景:国内18位身份证号码
  2)定制键盘随机密码键盘
  应用场景:各类银行app登录密码支付密码
  招行掌上银行:
  密码为数字、字符、字母随机组合密码。
  键盘上文本:暗示用户有安全保障的键盘,消除用户疑虑,增加安全性。
  键盘内数字位置随机显示,防止密码被泄露(如图一)
  键盘内数字按顺序显示(如图二)
  (图一)
  
  (图二)
  浙商银行:
  登录密码键盘:
  6位数支付密码取款密码账户密码等:
  键盘内数字位置随机显示,防止密码被泄露。但是,安全性提高的同时,也增加了用户输入的难度。
  那么,如何消减两者的对立性?
  建议:
  A。根据用户使用场景的不同,提升不同安全级别。
  有密码的私人wifi连接定义为安全环境普通键盘模式
  4G3G2G网络公共的无密码wifi连接定义为非安全环境安全键盘模式
  B。可切换安全键盘和普通键盘输入,让用户自己选择,并记住用户的选择,下次再次使用时,默认上一次选择。
  四、键盘使用规则
  1。禁用自动更正
  英文文本输入时,系统会默认自动更正功能,用来帮助用户更正可能出现的输入错误。
  但当用户在填写表单时,如账户名、邮箱名、昵称、街道地址、缩写等内容,应当禁用自动更正功能,防止自动更正掉用户所填内容,用户没有注意到更改,造成输入错误。
  反面示例:
  没有禁用自动更正。
  输入“jing”,点击“done”后自动更正为“king”,造成输入错误。
  用户名一般为用户自己取的名,为防止重名,所取名字一般都不会在词典里,自动更正的功能可能会导致用户输入正确的内容改为错误内容。
  2。禁用首字母大写
  智能手机默认会把标准文本输入框的首字母大写,这在大部分情况下是合适的。
  但是,在有些情况下应当禁用自动大写,特别是像邮箱地址这种绝大多数用户都以为要小写的情况,首字母自动大写会造成用户需再次修改所输入的内容,形成挫败感,增加操作困难度。
  3。保持一致,调用合适的键盘
  如果一个输入框调用了专用键盘而其他类似的输入框却没有,那么在没有调用专用键盘时用户会感到困惑,并开始质疑这个输入框所需输入的类型。
  为特定输入框调用合适的键盘是正确的做法,但是要确保在app内保持一致,否则会让用户很困惑。换句话说,如果信用卡号的输入框调用了数字键盘,那么类似的输入框如安全码、有效期、预留手机号也要有同样的做法。
投诉 评论 转载

电商后台产品经理订单中心(二)订单逆向流程,是为了解决在订单流程中出现的退货退款的业务流程。相比于订单正向流程,订单逆向流程更为复杂,考虑的因素也更多。上一篇文章《电商后台产品经理订单中心()》中阐述……提升文字设计感的10种方式文章作者在浏览国外的一些设计网站的过程中,做了一下文字设计形式方面的收集,并整理出十种认为具有代表性的文字设计形。enjoy我们在设计中除了接触到图形,还需要了解文字的设……设计师专业表达指南法则篇设计师在呈现设计方案时,有哪些设计法则和设计模型可以让你的设计更加有理有据,无可挑剔呢?本文将为大家呈现一份有效的设计法则应用指南,帮助大家解决这个问题,enjor作为设……聊聊数字化产品的设计语言数字化经济日益发达的现阶段,数字化产品作为线上触点,也就逐渐成为服务中的标配,它更像一个服务员通过屏幕与用户发生对话。在这场对话中,好的设计应该像一门语言,能够承载起传达与沟通……为什么很多炫酷的产品并没能流行起来?产品酷炫到让人惊叹,但事实确实销量惨淡,让人爱不起来,这背后真正的原因到底是什么呢?本文笔者将通过实例分析,来对这个问题进行进一步讨论。在科技领域有很多产品或功能,当你第……体验至上的产品设计,无为而治的数据分析做产品的时候,产品设计和数据分析都是为了呈现更好地产品体验。然而,有时候我们会陷入一个怪圈为了呈现数据分析而做数据分析,从而导致了用户使用成本的增加。接下来,笔者就为我们分析了……电商基本功:商城订单设计电子商务的关键词是交易,作为交易中最重要的维系双方契约的凭据就是订单。本文笔者将与大家剖析电子商城的订单信息中的各个字段内容,enjoy订单流程主要是订单产生到交易结束的……非常61:儿童设计的三项纪律七大原则笔者认为:一款比较成功的儿童设计产品,是要在安全、健康,合规的基础上进行设计,同时能够具备趣味、益智、成长、挑战、包容、创造,防沉迷等七大产品特性。想必每一个家长在陪自己……许多用户体验从业者存在的问题:狭隘意识状态下的用户体验在狭隘意识状态下,设计者们无法跳出来考虑宏观环境背景及概率等因素,而是只考虑自己当前的感受,以自我为中心进行设计,以下,本文将通过实际案例来对“狭隘意识状态下的用户体验”进行详……电商后台产品经理订单中心()电商后台系统中,订单中心是一个枢纽部分。它涵盖了用户信息以及订单流程中的各项信息,所以订单中心的设计格外重要。在这里,我们先了解一下什么是订单以及它的基础知识。订单中心是……界面设计移动APP中自定义键盘如何设计?键盘在用户的交互过程中起到了非常重要的作用,尤其在多个输入框的场景下。合理地切换”键盘类型”和“按键命令类型”可以提高用户填写表单的效率,同时也可以让表单填写过程更加顺畅,降低……从商场扶梯,思考互联网产品的交互设计在用户体验和商业目标有冲突的时候,我们要如何进行选择呢?本文作者结合自己对实际生活中设计案例的思考,针对这个问题,来说说自己的看法。周末逛了两个回龙观附近的商场,在闲逛的……
业务架构、信息架构、技术架构三位一体泛泛而谈界面中的斑马纹设计产品经理的核心价值WAP2。0网站分类及其架构浅析手机网站重构经验分享(S60V3篇)互联网产品设计十年如何写PRD(附PRD案例)404页面中的学问《结网》读书笔记统计数据背后的真相读《HowtoliewithstatistAndroid平台按键之殇移动设备的感知设计

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界