看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
如何为用户提供正确的键盘输入类型?
六千味地黄丸
杭州
/
交互设计师
/
2年前
/
455浏览
版权
私信
关注
如何为用户提供正确的键盘输入类型?
六千味地黄丸
关注
Android和iOS系统都设计了针对特定表单字段的指定键盘输入类型。但大多数开发人员未能在他们的代码中指定正确的键盘输入类型。这会导致移动设备上的表单完成效率变慢。本文以Android平台为例。
一、输入类型并不总是“文本”
大多数开发人员错误地将每个表单字段的输入类型设置为“文本”。这存在问题,因为每个表单字段的输入并不总是纯文本。通常都有一些字段要求输入带有数字或字母和数字组合的信息。当用户尝试填写这些字段时,他们应该看到一个数字或字母和数字组合的键盘。
不幸的是,当每个字段的输入类型都设置为“文本”时,它会强制用户使用文本键盘来输入数字或字母和数字组合,输入时举步维艰,不是误点,就是需要频繁切换,输入体验十分糟糕。
因此,请务必为每个表单字段指定输入类型,以便系统能够显示相应的键盘。除了指定输入类型,我们还应指定相关行为,例如输入法是否提供拼写建议、是否将句子的首字母大写,以及是否使用“完成”或“下一项”等操作键替换“回车”。
输入类型、行为、操作键整理如下:
收藏
例一. 邮箱地址字段
表单要求用户提供他们的邮箱地址是很常见的。当我们将输入类型设置为“邮箱地址”时,它会为用户提供一个针对邮箱地址输入的键盘。这个键盘不仅显示字母,还可以显示“@”和“.”,用户可以轻松地输入他们的邮箱地址。
收藏
例二. 姓名字段
英文名是专有名词,英语中专有名词的第一个字母要大写。我们将输入类型设置为“人名”,并且设置单词首字母大写。用户无需对英文字母进行大小写切换。
收藏
二、每个键盘对输入类型的反应可能不同
案例一:登录页面的密码输入
钉钉将密码框输入类型设置为“密码”。假定密码为 z0h0a0n0g。
百度输入法显示密码键盘,完成密码输入仅需点击 9 次。
搜狗输入法显示文本键盘,用户需在字母和数字之间切换,完成输入需点击 17 次。也支持长按第一行的字母输入数字。
微信输入法显示文本键盘,完成密码输入需点击 17 次。不支持长按字母输入数字。
收藏
案例二:登录页面的手机号输入
钉钉设置电话号码键盘右下角为“下一项”按钮。
百度输入法的键盘右下角显示“回车”,用户完成手机号输入后需手动获取密码文本框焦点。
搜狗输入法的键盘右下角显示“下一项”,用户完成手机号输入点击下一项,密码文本框自动获取焦点。
微信输入法的键盘右下角显示“下一项”,用户完成手机号输入点击下一项,密码文本框自动获取焦点。
收藏
三、Input Type 助力产品输入体验的提升
通过应用 Input Type 你可以正确的为每个文本字段设置特定的输入类型,以及看到每个输入类型(以及输入类型的组合)如何影响键盘。
我最初开发此应用是为了促进工作中跨部门高效协同,但我希望通过此应用能够赋能给更多的人,提升协同效率的同时更好的提升产品输入体验。你可以在这里免费下载:
https://www.pgyer.com/vT29
Input Type这个工具需要安装在安卓手机上,如果没有安卓手机可以电脑上安装一个网易MuMu安卓模拟器就可以用。
应用截图
收藏
感谢阅读,以上就是本次分享的全部内容,希望你能从这篇文章中有所收获。
4
举报
|
声明
3
分享
原创文章
UI
体验设计
表单
团队协同
工作效率
产品设计
交互设计
相关推荐
换一换
向用户请求权限的正确方式
705
六千味地黄丸
1
301
六千味地黄丸
7
33
六千味地黄丸
2
175
六千味地黄丸
3
227
六千味地黄丸
关注
产品
附庸风雅8898
会员精选
BYD DILINK | 智能座舱UI创意设计
520
Andy丶子陌
推广
5
32
六千味地黄丸
医渡智循APP-菜心设计铺
210
菜心设计铺
记忆管理局 剧中UI|动画UI美术概念・动效・音效设计
101
埃克斯Xeksenk
怎么做才能塑造字体的形态形式?
64
Martin_K
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
立吞 x totomato 咖啡精酿 联名礼盒
244
pigeonstudio
【IP设计】一根人来啦·与猫共守慢时光
167
洋洋兔来了
BUDGET_跨境电商APP
186
Ek_Law
原创潮玩·《哼哼猪的厨房日记》(可授权版)
140
饺饺和他的朋友
#刚好是你 JUST TWO
174
宇琪Yuki
许翠花®植物猫砂 | 宠物 猫 猫砂 包装 品牌
144
DXD_studio
相关收藏夹
换一换
关注
产品
附庸风雅8898
关注
科幻扁平
489
yiyi1105
关注
IP形象及IP内容
7697
蔡蔡文化
关注
中国风元素插画
507
蔡蔡文化
关注
IP形象——动物类
584
奶昔窝窝儿
关注
作品集
1002
VI微娅
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
体验设计
#体验设计
体验设计
#用户体验设计
用户体验设计
用户体验设计
设计体验
设计用户体验
体验交互设计
用户体验交互设计
体验店设计
体验设计师
体验馆设计
交互设计用户体验
交互设计体验
交互体验设计
产品体验设计
用户体验设计师
体验空间设计
品牌体验设计
成都体验店设计
登录注册
4
登录即可同步推荐记录哦
3
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享