打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
热门移动端输入交互

用户输入有大学问,这是移动应用中用户操作最密集的部分。看似简单的场景下隐藏着各种各样的变化,这也正是用户体验得以大幅提升的地方。

深入了解时下最热门应用的设计模式

本文中,UXPin – 用户体验设计应用的Chris Bank会讨论用户输入设计模式的重要性,还有来自时下最热门移动应用的具体案例——更多案例和超过45种移动端设计模式,都在UXPin的免费电子书《2014移动UI设计模式》中有提到。

任何移动应用,若没有用户起初和持续不断的输入,就什么也不会发生。因此,移动产品设计师、开发者和产品经理要了解最佳的输入方式,这点至关重要。尽管移动应用——还有使用它们的用户——通常都很独特,但仍有很多通用模式(新旧都有)用来解决这一特殊问题。

用户输入设计的6项目标

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

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

模式总览

记住上面几项目标,以下设计模式,在本文中都有详细讨论,在我们的电子书《2014移动UI设计模式》中还有更深入的探讨:

  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在搜索框下面列出了之前使用过的地理位置,让用户免于再次输入。多数地图或导航应用也采用了这种模式,搜索方位时自动输入用户当前位置,减少用户点按次数。因为这是最常发生的情况。


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
移动应用设计核心:交互为王
10个必备的移动UI设计资源站
移动应用表单设计秘籍
超实用干货!深聊时下最热门应用的11种设计模式
Skype携手3Group发布首个移动版本VoIP服务
域名那些事儿:top域名有价值吗?“.手机”域名你喜欢么?[转]|分享文章|北极社区|36氪
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服