当前位置: 首页 >文章 > 这个控件叫:Soft Keyboard/Virtual Keyboard/软键盘/虚拟键盘
收藏
分享

这个控件叫:Soft Keyboard/Virtual Keyboard/软键盘/虚拟键盘

举报龙爪槐守望者龙爪槐守望者发布于 2018-09-052540阅读1点赞
Soft Keyboard(Virtual Keyboard/软键盘/虚拟键盘)并不是真实的物理键盘(Physical Keyboard),而是在屏幕内拥有键盘样式和功能的控件,它比真正的键盘尺寸更小,而且没有手感很难盲操作。在触屏当道的移动端Soft Keyboard也可以简称为Keyboard。...

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,

因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交

设计发展,做出一点微小的贡献。


Soft Keyboard(Virtual Keyboard/软键盘/虚拟键盘)并不是真实的物理键盘(Physica

Keyboard),而是在屏幕内拥有键盘样式和功能的控件,它比真正的键盘尺寸更小,

而且没有手感很难盲操作。在触屏当道的移动端Soft Keyboard也可以简称为Keyboard。


如何使用

Soft Keyboard具备屏幕内的控件的特性——按需随时改变样式和位置。合理的运用这一

特性可以创造独特的优势。


选择适当的键盘类型

在某个场景下,用户输入的内容类型往往是有限的,某些键盘按键可能完全用不到,保

留所有按键不仅浪费移动端珍贵的屏幕空间,多余的选择也降低了用户输入的效率。使

用恰当的键盘类型不仅提升输入体验,而且能增强服务器提交数据的校验安全性。iOS、

Android提供多种键盘类型布局,常用的键盘类型布局有:


1.默认键盘:常规的全键盘,不做任何限制。

   2.文本键盘:相比默认键盘取消了表情符号,适合输入密码。

   3.整数键盘:只能输入数字0-9。

   4.浮点数键盘:在整数键盘基础上增加了小数点。

   5.电话号码键盘:在数字键盘基础上增加了“*” 和 “#” 。

   6.邮箱地址键盘:在常规全键盘基础上增加了“@”和“.”。

   7.URL键盘:输入网址用的,在常规全键盘上增加或突出“.com”、“.”和“/”等。

   8.数字和符号键盘:相比数字键盘多了很多标点符号。


某种程度上来说,Picker可以被当做特殊的键盘类型。此外还可以对键盘的:是否首字母

大写、所有字母大写、单词自动补全等参数进行定制,进一步提升效率和体验。


定制动作按键的功能

键盘上除了输入内容的按键,还有另外一类功能按键。例如在PC端Tab键可以在表单内的

多个输入框之间切换,回车键可以换行或者发送内容。Soft Keyboard可以对动作键的具体

功能进行定制,常见的定制功能有:


1.回车(return/enter)。用来换行。

   2.搜索(search)。点击后执行搜索动作。

   3.下一项(next)。通常用在在多个输入框的表单中切换到下一个输入框。

   4.发送(send)。一般用在通讯App中将内容发送出去。

   5.前往(go)。任务过程中到下一个步骤的动作,例如输入网址后,前往打开的网页。

   6.完成(done)。任务完成后终结动作。例如表单提交。


自定义键盘

假如用户使用第三方输入法就有些悲剧了,第三方的Soft Keyboard不一定完美支持所有键

盘类型和动作按键的定制,而且有私自收集数据造成隐私泄露的风险。假如对第三方键盘

担忧,或者对输入内容的类型有偏好,可以设计自定义键盘。自定义键盘分为App内输入

视图( Input Views)和系统级定制键盘两种。

App内输入视图是私有定制的,只能在所属的App内使用,不可被其他App或者系统使用。

典型案例是iPad版Numbers App,不同数据类型的表格单元格所对应的输入视图也不同,

而且还提供简单的数据运算功能。


系统级定制键盘可以在系统和所有App全局使用,搜狗、讯飞等第三方输入法就属于这种。

iOS可通过Soft Keyboard的“地球”icon切换不同的系统级定制键盘。


由国内iOS开发者钟颖(微博昵称 @StackOverflowError)研发的Pin提供了一种特殊的系

统级定制键盘,通过Pin的键盘可以快速粘贴曾经的剪贴板记录甚至同步Mac的剪贴板内容,

还提供对剪贴板内容执行搜索、分词的功能。


不要遮挡当前获得焦点输入框

在移动端,Soft Keyboard约占五分之二的屏幕面积,这意味着Soft Keyboard在唤起前后,

界面布局会产生很大的变化,因此要注意键盘唤起后界面元素位置的变化,不要让键盘遮

挡当前获取焦点的输入框,以免用户看不到自己输入的内容。


相关资料

网易UEDC对键盘类型和动作按键的研究和分享

iOS共提供11种键盘类型,Android甚至对键盘有多达29种参数定制。网易UEDC(用户体

验设计中心)对iOS和Android的键盘进行了系统的研究,提供详细的使用指南和Axure元

件库分享。请阅读:

《交互稿中「键盘类型」的标注》( http://mp.weixin.qq.com/s/ii7iTwT7B-SmHkC_

7bcUbQ )


《深度基础 | 交互中的Android键盘详解》( http://mp.weixin.qq.com/s/nQx2Cp

EHCycwyunEgI-m2w )



iPad拆分键盘

移动设备横屏情况下宽度太大,用户手指很难触及到屏幕中线,而且Soft Keyboard会占用

过多的纵向屏幕空间,导致操作和显示都非常不便。当你用两指同时向左右拉iPad的软键

盘时,键盘就会被拆分,这样能提供更多的内容显示面积,操作也变得更顺利。


为什么银行App要使用乱序键位键盘

在PC时代,有木马病毒通过监控物理键盘的键位来盗取用户密码,注重安全的银行网站将

密码输入改为软键盘。正所谓道高一尺魔高一丈,新的木马病毒记录屏幕鼠标点击位置来

推算用户输入的内容,于是银行将软键盘升级为乱序键位。

银行将这项安全技术从网站照搬到了App里,事实上,在触屏手机上使用乱序软键盘意义

不大,不仅极大降低了用户输入效率,木马悄悄截屏或者手机使用者背后有人即可轻易截

取密码。可喜的是陆续有银行App采取禁止截图和使用手势密码或指纹等更快更安全的安

全技术。


大屏手机的键盘单手操作优化

现在的手机屏幕尺寸越来越大,单手操作键盘会非常费力,有不少手机厂商和第三方输入

法致力于改善这个问题,例如搜狗输入法单手键盘,将键盘宽度压缩至适合单手操作的位

置。

更为创新的方案是联想的水银键盘,当手机向一侧倾斜时,通过重力感应水银键盘的按键

会将键盘按钮向倾斜的方向集中,最远处的按钮触摸区域更大,拇指可以轻松触及。

0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,481人)

【4月】趣味MG动画制作训练营
距离开班仅剩11天33人已报名
【4月】零基础手绘插画训练营
距离开班仅剩11天62人已报名
电商海报设计训练营
距离开班仅剩39天23人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了46,688
并提交了341份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证