发布时间：2019-11-19 分类： 行业资讯
虚拟键盘是键盘，我们一直在移动端处理它。它不是真正的物理键盘，它是一个在屏幕上具有键盘样式和功能的控件，您可以根据需要更改样式和位置。在文本输入的交互操作中，移动终端虚拟按键的交互体验明显不如PC的物理键盘，因此在移动终端的产品设计中有必要对键盘进行详细设计。 。
iOS原生键盘
所有类型的iOS本机键盘
iOS键盘相关属性
外观：
（代码属性）默认值：默认外观为浅灰色
（代码属性）暗：深灰色：石墨（iOS7之后的石墨颜色与之前版本相比已更新）
（代码属性）灯光：浅灰色：接近白色
支持自动大写：
（代码属性）无：不自动大写
（代码属性）单词：单词的首字母大写
（代码属性）句子：句子第一句的大写
（代码属性）所有字符：所有字母都大写
自动更正：
（代码属性）否：没有自动更正
（代码属性）是：自动更正
我们可以看到iOS中最多可以使用12个键盘（中文键盘只有一个布局），也可以设置键盘的某些属性。在设计产品细节时，我们可以根据用户的需求提供不同类型的键盘。在设计文档中，您应该在界面下面写下相应的键盘类型名称（最好用英文，让您的兄弟了解），或者直接放置相应的键盘截图。当同一接口具有不同类型的输入框时，需要指示键盘的切换规则。
虽然有很多12种键盘类型，但您无法覆盖所有场景，并且您可以自定义键盘。当然，开发成本会更高。
关键命令
iOS的某些键盘中有各种关键命令。 iOS提供了11种键命令。在产品设计细节中，我们可以用文字描述所需的命令或使用屏幕截图。
关键命令通常按如下方式使用：
返回（输入）：用于包装
转到（go）：从任务到下一步的操作，例如输入URL并转到打开的页面
下一步：切换到具有多个输入框的表单中的下一个输入框
搜索：单击以执行搜索操作
发送：通常用于在通信应用中发送内容
完成：在任务完成后结束操作，例如表单提交
Android原生键盘
常见类型的Android原生键盘：
实际上，Android输入框的inputType（输入类型）有29个参数：
Android: inputType=” none”–输入普通字符
Android: inputType=” text”–输入普通字符
Android: inputType=” textCapCharacters”–输入普通字符
Android: inputType=” textCapWords”–缩写大小
Android: inputType=” textCapSentences”–只有第一个字母大小
Android: inputType=” textAutoCorrect”–前两个自动完成
Android: inputType=” textAutoComplete”–前两个自动完成
Android: inputType=” textMultiLine”–多行输入
Android: inputType=” textImeMultiLine”–输入法多行（不一定支持）
Android: inputType=” textNoSuggestions”– no prompt
Android: inputType=” textUri”– URI格式
Android: inputType=” textEmailAddress”–电子邮件地址格式
Android: inputType=” textEmailSubject”–邮件主题格式
Android: inputType=” textShortMessage”–短信息格式
Android: inputType=” textLongMessage”– long message format
Android: inputType=” textPersonName”–名称格式
Android: inputType=” textPostalAddress”–邮政格式
Android: inputType=” textPassword”–密码格式
Android: inputType=” textVisiblePassword”–密码可见格式
Android: inputType=” textWebEditText”–作为网络表单的文本格式
Android: inputType=” textFilter”–文本过滤格式
Android: inputType=” textPhonetic”–拼音输入格式
Android: inputType=” number”–数字格式
Android: inputType=” numberSigned”–签名数字格式
Android: inputType=” numberDecimal”–可以是带小数点的浮点格式
Android: inputType=” phone”–拨号键盘
Android: inputType=” datetime”– datetime
Android: inputType=” date” –日期键盘
Android: inputType=” time”– time keyboard
但是，不能说有29种键盘：日期时间，日期，时间都可以用特殊的选择器控制来完成。中英文键盘布局是一样的。您可以通过匹配多个inputType来生成更多键盘类型。
因此，尽管inputTypes的总数是29，但键盘类型的数量是>> 29。可以看出，如果在产品设计过程中遇到一些复杂的键盘交互，最好根据inputType标记所需的键盘效果。使用键盘截图是不够的。
Android键盘上显示的相关属性
stateUnchanged。状态不会改变。当前接口的软键盘状态取决于前一个接口的软键盘状态。例如，如果当前界面键盘被隐藏，那么跳转后的界面，软键盘也是隐藏的;如果显示当前界面，则跳转后的界面，也会显示软键盘。
stateHidden。键盘状态是隐藏的。无论前一个界面的状态如何，无论当前界面是否有输入要求，都不会显示键盘。可以设置此属性以控制软键盘的弹出窗口。但是当输入框获得焦点时，它仍然会弹出。
stateAlwaysVisible/stateVisible。召唤键盘。 stateVisible：如果显示当前界面键盘，当单击该按钮跳转到下一个界面时，软键盘将被隐藏，因为输入框失去焦点。再次返回当前界面时，此时隐藏键盘。 。 stateAlwaysVisible：跳转到下一个界面，软键盘仍然隐藏，但当它返回时，将显示软键盘。
adjustResize。软键盘将覆盖界面，甚至覆盖文本框而不调整界面大小以显示输入框。
adjustPan。系统将在布局中移动以确保用户输入的输入框明确在用户的视野内，以便用户可以看到他或她输入的内容。
关键命令
像iOS一样，Android的一些键盘也有各种“按钮命令”，你可以选择，输入（搜索），搜索（go），上一个（上一个），下一个（下一个），完成，发送。如果需要在产品设计中指定键命令类型，则可以使用设计文档上的文本标记。在具有多个输入框格式的页面中，当“下一个”和“完成”时标记“>按钮命令”。
“完成” &“去””使用差异：
使用“完成”或者“去””取决于完成文本框的任务是中间目标还是最终目标。例如，输入URL，用户的任务是访问代购源码网站，输入的URL是任务的中间部分，所以用来去;对于个人信息修改和其他表单提交，完成文本框是完成任务本身，是任务的结束，所以使用。
H5键盘注意点
在H5页面中，可以自由选择键盘类型。 “可以选择大多数类型的按钮命令，但是“完成”按钮。并且“下一个”““以前””无法选择。换句话说，在“按键命令”类型的通话中，你只能拨打“搜索”，“回车”，“去”，并且不能拨打“以前的”“rdquo;” ;下一项”并且“完成”。这对iOS环境中的H5没有太大影响，因为iOS键盘具有“<>”和“完整”按钮。但是，H5在Android环境中的影响会很大，因为当用户填写输入框并希望跳转到下一个输入框时，他只能手动点击。如果用户下意识地点击“转到”按钮，可能会出现表格错误。还有一种情况是，当输入框的字符类型为“数字”时，“键命令”将自动变为“下一步””
在Android环境中填写H5页面涉及键盘上的大量细节。在这方面的产品交互设计中，您需要更加注重细节。
自定义键盘
当本机键盘类型不能满足特殊的用户使用场景时，我们可以自定义键盘样式供用户使用，当然这会导致一定的开发成本（成本和收益之间的权衡取决于产品经理）。例如，银行交易软件中的密码键盘，支付宝的密码键盘等。
系统级自定义键盘也可以在系统和所有应用程序中全局使用。例如，搜狗和迅飞等第三方输入法属于这一类。迅飞输入法的整体体验很好，支持单手操作（语音识别的准确性很高）。
联想的水银键盘更具创意。当手机向一侧倾斜时，重力感应传感器使按钮更靠近手指更小，并且更远离手指的按钮变得更大，使得用一只手轻松输入。
总结
当我们忽略细节的设计注释时，这意味着对于兄弟的发展，你不必考虑它。指定默认值。在产品设计中，忽略每个细节都会导致相应的用户体验问题。所谓的细节决定了成败。
产品的细节实际上是可以实现的。它被称为“只要时间充足，所有功能都可以完成”。发展我的兄弟，我是对的吗？
作者：转瞬即逝，互联网产品设计师，4年互联网产品经验。
本文最初由@流年发表。未经许可，禁止复制。
该地图来自unsplash，基于CC0协议
