用户体验说:那些减少用户操作的交互细节

本文总结了一些可以让用户少操作的交互细节,与大家分享,希望可以给大家带来一些启发。


本文总结了一些可以让用户少操作的交互细节,与大家分享,希望可以给大家带来一些启发。

用户体验说:那些减少用户操作的交互细节

最近有同事在公司反馈:“有用户说xx流程、xx流程太繁琐了。”产品经理反驳:“怎么可能,我已经对标过业内很多体验很好的app,流程上的步骤我敢保证我们绝对不比别人多。”

作为“好事”的交互,我决定走查一下流程,看看问题出在哪里。

产品经理没有说谎,被用户吐槽的几个流程确实一个步骤也没多余。但是呀,页面上很多本该可以让用户少操作的地方,都没有做好优化,导致一个相同的页面,用户在其他app可能输入一次或点击一下就好了,在我们app可能操作要翻倍。所以给用户留下了繁琐、难操作的印象。

因此,我也总结了一些可以让用户少操作的交互细节,比较零散,还请大家见谅。

总结如下:

1、记录保存用户填写过的信息,并作为默认值填充进输入框。

如携程订火车票,会记录用户上次填写过的乘客信息和手机号码,在用户下次再次订火车票时,页面上已填充好上次的信息,在大多数情况下可以减少用户的输入成本。

用户体验说:那些减少用户操作的交互细节

图1.携程火车票的填写订单页截图

2、帮用户选择或填写合适的默认值,如同意协议、中国用户填写手机号默认填写区号(+86)等。

用户体验说:那些减少用户操作的交互细节

图2.虾米音乐注册页截图

3、需要调用键盘的页面,如在页面底端无内容(即键盘不会遮挡内容时),自动激活输入框,滑出数字键盘,无需用户手动点击输入框触发。

用户体验说:那些减少用户操作的交互细节

图3.支付宝输入短信验证码页截图

4、判断输入框的内容类型,自动调用对应类型的键盘。如输入短信验证码则调用数字键盘、输入地址则调用拼音键盘。

用户体验说:那些减少用户操作的交互细节

图4.京东地址管理页截图

5、使用控件等方式供用户选择代替手动输入。

a、提供滚轮供用户选择替代用户手动输入;

用户体验说:那些减少用户操作的交互细节

图5.微信修改地址页截图

用户体验说:那些减少用户操作的交互细节

图6.Keep填写个人信息页截图

b、使用步进器代替手动输入;

用户体验说:那些减少用户操作的交互细节

图7.饿了么选择商品页截图

c、使用通讯录选择联系人替代手动输入联系人信息;

用户体验说:那些减少用户操作的交互细节

图8.饿了么填写收货地址页截图

d、使用地图选择当前地点替代手动输入地址信息;

用户体验说:那些减少用户操作的交互细节

图9.滴滴出行选择出发地点页截图

e、使用OCR扫描银行卡、身份证等替代手动输入信息;

用户体验说:那些减少用户操作的交互细节

图10.网易金融添加银行卡页截图

f、使用扫描二维码加好友、打开网页链接等替代手动输入信息;用户体验说:那些减少用户操作的交互细节

图11.微信扫描二维码页截图

g、使用指纹密码替代手势密码及手动输入支付密码;用户体验说:那些减少用户操作的交互细节

图12.支付宝转账页截图用户体验说:那些减少用户操作的交互细节

图13.PPmoney输入手势密码页截图

f、使用滑动选择器替代手动输入信息。

用户体验说:那些减少用户操作的交互细节

图14.京东钱包计算收益页截图

6、为输入内容自动隔空使内容可读性更高,一般银行卡输入会每输入4位输入框自动空一格,身份证也会以6-8-4的格式分开、手机号以3-4-4的格式分开;

反过来,在删除字符时,用户在删除空格右边的字符时,应同时删除空格和字符,如下:

用户体验说:那些减少用户操作的交互细节

图15.网易支付添加银行卡页截图

用户在删除最后一位字符“2”时,会同时删除空格和“2”,光标自动定位至“1”处。

7、表单输入框内容较多时,若用户误操作退出,再次填写的成本较高,所以用户点击退出,弹窗提示二次确认。

用户体验说:那些减少用户操作的交互细节

图16.菜鸟裹裹填写收件人页截图

8、搜索框、输入框自动联想进行提示,用户可以对联想结果进行选择而无须手动输入所有信息。如饿了么在填写联系人电话时,会自动提示使用饿了么的账号,如果用户的注册账号与联系人电话相同,则不需要手动输入。

用户体验说:那些减少用户操作的交互细节

图17. 饿了么新增地址页截图

用户体验说:那些减少用户操作的交互细节

图18.菜鸟裹裹填写收件人页截图

9、在页面上保存好用户填写的内容,防止用户误操作而遗失内容。

MONO进行评论,已输入文字,在收起后仍然保留在输入框;MONO在发布日签时,若已输入文字,收起后点击对应区域,该区域的文案仍然保留在输入框中。

用户体验说:那些减少用户操作的交互细节

图19.MONO发表评论页截图

用户体验说:那些减少用户操作的交互细节

图20.MONO发布日签页截图

10、如果app的账户体系对应的对象群体、使用环境、安全级别要求都是比较接近的话,同一公司的app可使用同一ID登录以减少用户注册登录的成本。

(使用同一ID进行登录的相关链接:https://www.zhihu.com/question/19912372/answer/13330792

用户体验说:那些减少用户操作的交互细节

图21.菜鸟裹裹首页截图

用户体验说:那些减少用户操作的交互细节

图22.京东登录页截图

11、首次打开app或切换tab时,页面自动刷新加载最新内容,无需用户手动刷新。

用户体验说:那些减少用户操作的交互细节

图23.网易新闻首页截图

12、输入支付密码后,自动验证支付密码是否正确,正确则自动跳转至交易结果页(页面上无需有“确定”按钮,且无需用户手动点击“确定”后再验证)。

13、根据用户目前操作预测用户下一步操作,及时提供便捷操作给用户。

如使用屏幕截图后,飞猪在屏幕提供“好友分享”、“问题反馈”等操作;QQ在好友聊天界面上提供快捷发送图片的操作。用户体验说:那些减少用户操作的交互细节

图24.飞猪首页截图用户体验说:那些减少用户操作的交互细节图25.支付宝转账页截图用户体验说:那些减少用户操作的交互细节图26.QQ聊天页截图

14、在社交软件上复制淘宝口令,打开淘宝后会自动弹出商品信息,使用户更快捷地找到想要的商品。用户体验说:那些减少用户操作的交互细节

图27.淘宝首页截图

15、文章、视频记录用户上次浏览的位置,用户继续浏览时,可以更快捷方便而无需手动找上次浏览的节点。

如简书的文章看了一部分时,退出文章后再次进入,会自动定位到上次的浏览位置;微博的视频进入屏幕内会自动播放,滑出屏幕会停止播放,再次进入屏幕时会从上次停止的节点继续往下播。

16、适当增长输入手势密码和指纹解锁的间隔时间,避免当app退至后台运行后,在极短时间内(如几秒)再次唤起时,就需要重新输入手势密码或指纹解锁(曾经遇到过有app只要退至后台,1秒重新唤起都需要重新输入手势密码或指纹解锁,感觉很繁琐)。但中间间隔的具体时长需与风控沟通商定。

17、适当增长自动登录的有效时间,避免app在较短时间内(如一两天)就要求用户重新输入登录密码。有效时间的具体时长需与风控沟通商定。

以上是我目前总结的一些细节,以后还会再进行补充。

 

本文由 @柒零 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22940/

(0)
CatherineCatherine
上一篇 2017-05-03 11:10
下一篇 2017-05-03 13:17

相关推荐

  • 全国高校“用户体验、视觉界面(UI) 设计、交互设计新技术实践教学与应用师资研修班

    商务合作联系QQ:3158521867 或加微信号:jujiao01一、会议背景近年来新技术、新趋势不断爆发,同时掀起了互联网的蜕变热潮,行业和用户更加成熟理性,随着网站和平台开发需求不断增多,智能手机广泛应用,用户体验、视觉界面(UI) 设计、交互设计对于网络产品来说是赢得用户的关键特性。苹果、google等顶级企业的成功案例已经深刻说明了这一点。打破传统界限,连接商业与技术,在新商业环境中实现更大的价值,把设计领域、设计概念向外延展...

    2018-03-30
  • 互联网设计的互惠原则:索取前请先给予【UXRen译#187】

    作者:凯特. 迈耶、 金. 弗莱厄蒂 |  翻译:毛毛,校审:天蛙   摘要:人类倾向于回报别人的好意,投之以木桃,报之以琼瑶。这种社会心理学理论可被应用于用户交互设计中,来获得用户的信任并让他们积极参与到你的…

    交互专题 2017-11-23
  • 『小米只卖产品 不卖节操』雷布斯站在巨人的肩膀上做了什么?

    文章来自设计癖 2014 年 12 月 9 日,小米又一次涉嫌抄袭。这一次的对象,是日本巴慕达公司的 AirEngine 安之风空气净化器。同样的专利许可授权纠纷,同样深表遗憾的回应。巴慕达与曾经的魅族、年初的 Pressy 以及…

    2014-12-27
  • 交互小技巧!浅聊四个主流的页面间跳转动效

    最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

    2017-05-29
  • 淘宝UED:如何高效输出移动APP产品原型

    如何高效输出移动app产品原型? 清晰的产品思路,顺畅的协同合作,齐备的素材元素,真实的体验感受…保证过程的高效,更要保证有效的成果。下面我们将分三步走,来完成高效输出移动app产品原型。 一、输出以界面为单…

    2015-07-10
  • 用户体验与seo并重的域名选择

    谈及网站域名的选择,在搜索引擎优化中,域名权重一直是困扰SOE优化的难题,因为域名权重和其他外部、内部优化不同,并不能在短时间内取得很好的效果,但是各大搜索引擎在各自的排名算法中,对域名权重“估分”却是较为重要的。在域名权重被提及初期,很多优化们使用各种各样的方法,对域名权重是否真的存在进行了繁杂的测试—毕竟各大搜索引擎的排名算法是绝对的核心商业机密,是不可能公开所有细节的。据了解经过各种测试,最后的结果均表明,域名权重在搜索引擎排名中...

    2018-04-20
  • 色彩和体验的平衡:为色盲用户设计网站

    如何为色盲用户设计网站?本文作者与大家分享了5点小技巧。WCAG 2.0级AA要求正常文本的对比度为4.5:1,大文本的对比度为3:1(14点和大于或大于18点或更大)。——WebAim颜色对比检查器

    2017-08-02
  • 【干货】用户体验是个什么鬼。

    接上篇文章,我们既然已经了解到了用户需求,且已经为用户需求设计了功能去解决了他们的问题。然而问题又来了,用户依然在用我的竞品,而不用我的产品,这是为什么?

    2017-06-04
  • 交互设计 | 一部自嗨的头号玩家为什么吸引你?

    Create Your Difference. by CYD头号玩家头号玩家到底什么吸引你?情怀吸引了你?动漫迷的高达情怀电影迷的金刚情怀恐怖情怀或者跳舞机情怀?或许美国大片吸引了你?▲有坏美女▼坏boss▲坏人老出BUG▼好人老有神助▲英雄要崇拜▼大部队会赶来不管什么吸引了你把你所有的感触和情绪放大一万倍的东西是艺术和科技当然,我相信你们都知道不就是VR和AR吗整个电影都建立在VR和AR的基础上没有这牛逼地眼镜,这个故事还没开始就可以...

    2018-05-05
  • 在设计项目中,用好小图标的七个技巧

    图标是设计项目中几乎必不可少的一个组成部分,但是在图标的具体使用上,讲究并不少。

    2017-05-10