恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
为移动端用户设计信息输入端
0.0°
2016-04-08 自译外文 经验/观点 原作者: Proto.io 举报 6144 49 54 5

    译者水平有限,如有错误欢迎大家指出。附件为原文,有兴趣的朋友可以下载阅读。:-)

    面对现实吧!如果可以,我们会用移动端设备去做所有我们能想象到的事情。从调整室内温度到预约医生,我们想毫不费力地用自己的手来操控一切。也希望移动端设备和强大的应用让我们可以掌握未来。

    然而现实却不是这样,我们仍然会碰到许多扰乱使用体验的的输入端,比如一个太复杂以至无法使用的登陆页。因此我们就很容易地被迫放弃移动端,转而从电脑端进入了。悲哀的是,移动应用以及移动端网页通常也不去优化输入端,白白放弃大量可贵的移动端用户。

    就像Luke Wroblewski说的:“在移动端,只要让让用户进入,就成功了一半。”现在用户越来越依赖他们的移动端设备来进行每天的活动,这就是潜力所在。设计师们必须更努力地去吸引用户进入,为了达到这个目的,我们必须先了解限制因素然后再去为用户设计最好用的移动输入端。

    1.使用对应的键盘

    因为不同的移动端有不同类型的信息需要输入,所以应该使用相对应的键盘,这样可以让用户不那么麻烦。这样不必制造应用,也不会破坏应用的连续性,还能让用户的体验更好。

    在一个区域只需要输入数字的情况下,无论是电话号码还是什么,我们只提供数字键盘就足够了。然后进一步明确需要输入的是电话还是数字,如果是后者,则无需提供额外的符号按键来打扰用户。

Image title


    2.了解常见的UI控件

    想要为移动端用户设计输入端,就必须了解iOS和Android平台。因为在设计和建立用户输入端的时候,必须要考虑平台特殊的设计风格和UI控件。毕竟我们不能让用户因为不熟悉的操作而感到慌乱。

Image title


    在某些情况下iOS和Android的分界有点模糊不清,比如元素和趋势的风格往往会在平台上交叉。有这样一个例子,谷歌率先在Material Design中使用了FAB,然后FAB现在就被许多安卓应用广泛应用。甚至现在我们也越来越多地在iOS的应用中看到FAB及它的变形作为一种控件被应用,最终时间会告诉我们iOS的开发者会不会更普遍地使用FAB。

Image title


    3.标签必不可少

    提供反馈可以鼓励移动端用户输入,有时可以用很明显的提示,有时可以让输入端可见,有时也可以用更巧妙的方法。把标签放在输入框的左边在网页设计中很常见,但问题是它会缩短可输入的文本长度。移动端用户并不是一开始就看到所有的输入项,并且他们在输入时容易犯错,这才是真正的问题。

现在为了讨论,我们假设有一个用户,名叫Alexander Montgomery McMillan-Altman,他想注册一个账户,但是很遗憾的是,他无法在输入框中看到他的姓氏。

Image title


    有一个移动端用例给那些标签需要放在左边的设计:旋转屏幕。在这种情况下,屏幕变宽了,可输入的文本长度变长了,用户要输入的内容自然也就不用被缩短了。

    4.提供社交账户登录

    回想起当初我在线上学习Javascript课程的时候,我不得不重复地在各个网站输入信息登录或注册,其中有很多是不值得的。它们的通知邮件塞满了我的邮箱,各个密码也都大同小异,让我混淆不清。

    移动设备由于自然因素限制是无法让用户获得良好的输入体验的。移动端用户不喜欢输入,并且竭尽全力想要避免输入。这意味着设计师和开发者不得不去思考如何创造性地说服移动端用户输入,还不会让用户感到厌烦以及挫败。

    通过社交账户登录是一个很好的跳过沉闷乏味的登录注册步骤的方法,它在收集用户的基本数据方面也很有效。人们拥有很多个邮箱是很常见的,其中的一个邮箱也许会被专门拿出来收垃圾邮件和广告,但习惯使用的社交账号往往只有一个。

Image title


    5.利用默认值和自动完成模式

    如果你知道你大多数用户都来自美国,那么把美国作为默认国家填充就很有意义了,尤其是在这种典型的国家下拉菜单看上去和操作起来都让人很头痛的情况下。

Image title


    除了谷歌的搜索引擎之外,许多旅游公司的移动网页和移动应用都把自动完成模式利用的很好。当他们的产品需要让用户输入搜索的时候,他们就更应该了解如何去抓住移动用户,避免他们退出。

Image title


    6.无论什么时候尽可能提供捷径

    Slack的魔法链接是最好的捷径之一,它改善了移动端用户的使用体验。Slack明白反复输入密码是一项很讨人厌的工作,因为我们通常会把密码设计成类似n3R|)z4ev3r.y3ah这种,谁能每次都完美地输入它们呢?

    Slack会给你发送魔法链接,你只要从邮箱里点击就可以从进入应用,通过这种方法,Slack很好的帮你避免了输入密码的痛苦。

Image title


    其它可以改善用户体验的输入方法是利用手势和声音。当然了,这些方法需要一些学习成本,而且用户装载的程序也得被彻底规定好。许多邮件客户端已经把这些方法和手指动作一起纳入,用以显示进一步的行动或者经典的下拉刷新。

    声音控制也是一个非常有潜力的俘获用户输入的方法。我们有时可能没空用手去输入,就算我们可以,声音输入也比手动输入要更简单更方便一些。现在很流行的WhatsApp的语音消息和iOS9中Siri的主要改进就是聚焦在语音控制的潜力上。

    7.慷慨一些,给用户提供随便看看的选择

    强烈要求用户在下载了你的app后马上注册也许对你的邮箱市场营销很有帮助,但是在俘获移动端用户输入或者留住顾客方面并不完美。也许他们已经接受了朋友的推荐,想要亲自试用一下。也许他们只是想在下载应用之前不受打扰地在网站上了解一下它。无论怎样,应用一开始就问用户要具体信息会让他们很不舒服。

    回想一下,当你进入一个网站,通常情况下没有“请注册”的大门挡住你,而是有一些关于这个产品的基本信息介绍。用户了解了这个网站最大的优势和特征,然后,他们请求获得你的邮箱地址以便给你两周的免费试用。

    给新用户提供试用你的应用的机会,在他们完全了解和享受了你提供给他们的信息和服务之后,再去用“喜欢我们吗?那就来注册体验更多吧!”轰炸他们。



更新:2016-04-08

下载
收藏

49人已收藏

Cyy_Emma

接设计私活,q交流群:145065052

  • 35

    作品

  • 425

    粉丝

  • 21

    关注

  • 利用Tableau开发通用性Dashboard指南
  • 优雅Dashboard,附送Sketch源文件~
  • 第二阶段C4D练习
  • 2016年11月移动端交互设计Top 5

    猜你喜欢

      2016-04-08 自译外文 经验/观点 原作者: Proto.io 举报 6144 49 54 5

      为移动端用户设计信息输入端

      0.0°

      你确定要举报为移动端用户设计信息输入端

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年02月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      54
      49
      5

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录