移动端输入交互 转

 

用户输入设计的6项目标

深入探讨这些模式之前，理解用户输入设计的6项主要目标非常重要——我把它们列在下面：

1. 选择一种适合的输入和数据录入方式
2. 减少输入的工作量
3. 设计有吸引力的数据录入界面
4. 通过验证检查来减少输入错误
5. 设计必填项说明
6. 开发有效的输入控件

模式总览

 

1. 智能键盘
2. 默认值和自动补全
3. 直接进入（或者说“快速登录”）
4. 操作栏
5. 社交账号登录
6. 大按钮
7. 滑动操作
8. 通知
9. 隐藏式控件
10. 扩展式输入框
11. 撤销

1. 智能键盘

Facebook Paper, Android通讯录

问题

用户想要快速键入信息。

解决方案

用户点按进入应用某个输入区块，在他们键入时要提供与数据相关的键盘。这样免去他们在字母与数字键盘间切换，不用寻找所需的按钮，或者多一步操作来激活键盘。这不仅为了用户方便，也可作为一种指示，注明用户应该输入什么类型的数据（数字/字母等等）。因此移动平台的输入框可以高亮显示，这增加了灵活性，决定了哪些按钮应该突出显示。

例如，在通讯录或拨号器里输入手机号码时，用户并不需要完整键盘。点按这些输入框时，会弹出数字键盘，而非完整键盘。去掉了令人分心的不必要的按钮，流程更加顺畅。类似的，点按浏览器地址栏，会弹出一个略有改动的键盘，“/”和“.com”按钮就显示在空格键旁边，而非隐藏于符号内。深入了解系统提供的这些智能键盘类型，你的UI可以根据用户当前的操作而调整。

2. 默认值和自动补全

Skype, Flightboard

问题

用户想要快速完成操作。

解决方案

向用户提供预置的默认值，或者基于之前输入的数据生成的快速选项。由此预测常用选项，让用户更容易进行信息录入。这可以和实用的自动补全进行搭配，就像Google Play商店的搜索那样，加快速度，显著提升用户体验。这种模式尤其适用于用户输入的标准化，并预知问题的发生。以Skype为例，自动在电话号码前加上国家码前缀。这在用户的角度是有意义的，因为他们通常并不习惯输入这些信息，但它在这个环境中很重要，因为Skype是个国际呼叫应用。

另一种方式是保存用户上次输入的信息，当用户输入或搜索时，展现这些最近使用的选项。例如，Flightboard在搜索框下面列出了之前使用过的地理位置，让用户免于再次输入。多数地图或导航应用也采用了这种模式，搜索方位时自动输入用户当前位置，减少用户点按次数。因为这是最常发生的情况。