相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

UI设计教程——用户行为路径设计

陆俊发布于:2019-6-27 11:41 |原作者: 王M争|
陆俊
青海省 果洛藏族自治州 网页设计师
发私信 + 关注
简介: 如果把产品看成是一个公园,那么设计师的任务就是规划好游览路线,让游客尽可能高效的游遍所有的景点。可是我们发现游客却往往不走"寻常路",这里有一个草坪,我们明明铺设了鹅卵石小道,但是他们却偏偏不走,久而久之草坪上会踩出来一条新的人行道。 ... ... ...


我们还可以使用一些动效来吸引用户的注意力,当你点赞一首歌的时候,跳出来一个小人提醒你去分享。

UI设计教程——用户行为路径设计 飞特网 设计理论

从上面的两个例子我们可以发现临时视图是触发器的主要形式。接下来我们来理解一下,究竟什么时候触发呢?答案很简单:当我们需要用户的注意力在短时间内完成转移的时候,我们需要触发器。这句话很简单,但是能够真正贯彻到产品设计中的却并不多。

前几天晚上加班很晚,去无人店买了一包泡面。它的付款流程是:扫描商品条形码,系统获知商品金额——把付款码对准机器——输入支付密码——完成付款。

这里的问题在于,之前所有的操作提示都是通过柜台的电脑屏幕展示给我,我的注意力一直在电脑屏幕上。当我把付款码对准机器时,我是看不到手机屏幕。电脑屏幕也没有告知我需要输入支付密码,我就一直看着电脑屏幕在转圈loading,过了一会拿起手机才发现原来还要输入支付密码。这个问题就是当用户的注意力需要发生转移时(电脑端to手机端),产品并没有提醒用户。

UI设计教程——用户行为路径设计 飞特网 设计理论

类似是微信登录流程,你在电脑上登录微信,是需要在手机上确认的。从一个终端换到另一个终端的操作,是需要提醒用户的,要不然用户的注意力不会主动的发生转移。

2)告诉用户接下来的动作

告诉用户接下来的动作,属于行为召唤(call to action)的范畴,让用户明白自己应该怎么做。当我们想让用户进行某项操作时,我们要明白所有可能会阻碍用户操作的因素。那么到了触发器这个步骤,用户最大的阻碍往往就是对于操作预期的不确定。

举一个例子,这是我们公司的移动考勤界面。乍一看没什么毛病,时间很明显,打卡按钮也很突出。但是我最开始的时候并没有使用,为什么?因为我们都知道,移动考勤对地点是有要求的,你必须在公司的有效区域内打卡才能成功。但是在这个界面中,用户并不知道当前所在区域打卡是否会生效。

UI设计教程——用户行为路径设计 飞特网 设计理论

当然可能会有人说,你试一下不就行了。我试了一下发现是通过toast提示我的,但是这个toast是我试了以后才发现。在我没有试之前,对于这个报错场景我有很多的猜想。地点不对是否会判定我旷工呢?一天是不是只有一次签到机会,会不会按钮置灰我不能再打了?这是公司内部的应用,我可以大胆尝试,错了大不了跟人事反馈一下。但是在现实的场景中,用户会尝试吗?

用户不知道这一步操作的结果会带来什么,出于对操作期望的不确定,用户会拒绝进行操作。所以我们需要明白用户的顾虑在哪,告诉用户他们想知道的信息,让他们知道自己接下来的操作是可行的。例如,网购水果,用户非常关心配送周期,所以我们需要提前告诉用户。如果不知道什么时候可以送达,用户很少会直接下单。

UI设计教程——用户行为路径设计 飞特网 设计理论


总结

以上就是我对用户行为路径简单的分析和总结,如果你有不同的建议和看法,欢迎留言讨论。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

123
18

好评
21

差评

刚表态过的朋友 (39 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

陆俊
青海省 果洛藏族自治州 网页设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计