初探用户体验中的接触点

在一个流程设计里,梳理接触点是十分关键的一步,接触点梳理好了,才有可能画好一个完善的流程图。信息触点——操作触点——信息触点


在一个流程设计里,梳理接触点是十分关键的一步,接触点梳理好了,才有可能画好一个完善的流程图。

初探用户体验中的接触点

作为用户体验设计师,我们在解决问题的时候经常会听到三个字“接触点”,或者简称“触点“。那什么是用户体验中的接触点呢?(下文简称触点)

初探用户体验中的接触点

一、触点的定义

用户与产品发生交互的关键点。

举个例子:你在简书app上浏览一篇文章的时候,“看到的文字”、“点击收藏按钮”,这些都是所谓的触点。

二、触点的分类

触点分为两种:“信息触点”与“操作触点“(当然这是我自己定义的,你也可以定义其它叫法)。

  • 信息触点是指文字、图片等查看阅读的信息内容;
  • 操作触点是指按钮、图标等可操作的控件。

举个例子,下面这张“迅雷下载”图片:

初探用户体验中的接触点

“匠人心作,简约而不简单“、“立即下载按钮”、“迅雷的图标”都属于用户与产品发生交互的关键点,也就是所谓的触点。而文字信息和图标信息就是我们所说的“信息触点”,立即下载按钮则是“操作触点”。

三、触点的来源?

触点来自哪里呢?这里就要提到另外一个常用的专业术语——用户场景。

什么是用户场景?

简单来说,用户场景就是描述用户完成一项任务的故事。

举个例子:王某某收到一封电子邮件后要点击查看并回复,这就是一个任务,而我们将王某某执行这个任务的过程描述成一个故事,这个故事就是我们所谓的用户场景。

详细的来说就是:“王某某收到一封新邮件,打开邮件后进入详情,原来是同事没有ps绿化包,问王某某有没有,王某某点击回复并告知“有”,然后添加ps绿化包的附件,点击发送,收到了“发送成功”的反馈后,王某某退出电子邮件。”

这就是一个最简单的用户场景,而触点就来源于这里。比如:看到同事发来的邮件内容(信息触点)、点击回复按钮(操作触点)、点击添加附件按钮(操作触点)。

四、触点的模式

初探用户体验中的接触点

我们会发现一个很有趣的事情,信息触点与操作触点有着相辅相成的关系:还是迅雷下载这个例子,我们看了迅雷简介的信息后,导致我们去点击下载按钮的行为,而点击下载按钮后,又可能会产生更多的信息。

我将上述触点模式定义为:

信息触点——操作触点——信息触点

当然这只不过是其中一种模式,“信息触点——信息触点”、“操作触点——操作触点”这些也都会经常用到。

五、触点的作用

再举王某某查看邮件并回复的那个例子,我们将这个用户场景整个操作步骤梳理出来:“查看邮件列表信息——点击列表进入详情——查看详情——点击回复——输入“有”——添加附件——点击发送——发送成功反馈——退出邮件。”

当我们把整个流程的触点全部列举出来时,我们会发现,我们的思路是非常清晰的,全局都在自己的把控当中,每一个关键性的触点都是我们的机会点。例如:查看邮件列表的时候,为了阅读更加清晰,是否可以采用卡片的形式;再例如:发送成功后的反馈,哪些反馈用户会更易接受,是像qq邮箱那样状态栏提示发送成功的文字,还是直接声音提示等等,这些都是后面值得我们思考的问题。

在一个流程设计里,梳理触点是十分关键的一步,梳理好触点,才有可能画好一个完善的流程图。

所以我们可以总结触点的作用就是:帮助我们理清思路、把控全局,寻找更多的机会点,从而完成一个优秀全面的流程设计!

以上就是我目前对于触点的一些简单了解,有哪些不对或者不妥善的地方,欢迎点评指正!

 

作者:菜心(微信号:410628210   微信公众号:菜心设计铺),华为用户体验设计师(主视觉),3年设计经验,参与华为Welink、3MS等多个项目的用户体验设计工作。

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

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

(0)
CatherineCatherine
上一篇 2017-05-15 00:33
下一篇 2017-05-15 02:38

相关推荐

  • 给设计师的网页动画设计基础指南

    挤压和拉伸
    预期
    登台
    连续动作和姿态对应
    缓进缓出
    弧形运动
    次要动作
    时序
    夸张
    立体刻画
    吸引力

    2017-05-27
  • 同一个人的微博,首页连续出现48条是怎样的体验?

    如果你是微博的轻度用户,可能偶尔觉得刷出来的内容有些不对劲;而如果你是微博的重度用户,那你很可能觉得微博的 timeline 有时候刷的很不爽。

    2017-05-14
  • 2017年UX设计的3大预测

    本文作者总结了他在2016年对UX设计的预测,且又对2017年的UX设计进行了预测。

    2017-04-29
  • Android界面设计视觉规范

    当你拿到Android的设计需求后,开始着手进行界面的设计,却不知道如何设计才能让用户对界面感到满意,设计出来的界面差强人意,返稿无数以至于一遍遍的修改?如果这就是你现在的状况,那么先别急着重新进行界面的设计,因为你首先得静下心来看一看这篇Android的界面设计规范。

    2017-05-31
  • 任务优先级的重要性:为核心任务设计

    作为一个交互设计师,在日常的设计工作中经常会问自己或者产品经理最多的问题就是,“这个功能用户用得多吗?用户主要在什么场景下用这样的功能?他用这个功能的目的是什么?等等”,问这类问题的主要目的是判断功能的优先级,在确定了优先级后再根据它去想办法去简化任务流程以及界面设计。

    2017-05-28
  • 交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

    这些交互设计 必备书籍,但你也许都没读过;初次接触交互设计 ,这11本书,刚好够读一年,你的技能将会有质的飞跃。

    2017-05-26
  • 一个应届的交互设计毕业生应该具备哪些能力?

    作者:马力 @ 可能性与大设计   ( 上图来自Elizabeth Bacon ) 首先说,很多专业的同学都可以做交互设计(还有视觉设计,产品设计等等),既包括设计相关专业,如工业设计、建筑设计、园林设计等,也包括完全和设…

    交互专题 2017-08-07
  • 想做动效,可是你的需求写清楚了么?

    精美的动画对于提升产品体验有很大帮助,如促进用户理解功能,缓解用户情绪,调动用户积极心理,为产品提供亮点等等。诸如此类的文章相信各位已经看过不少了,不少人已经开始越来越重视动效在产品中的应用了,还没有看过的同学不用急,谷歌官方的动效指南讲解得很详细,建议只看这个就够了,配合一些动画理解起来更容易。说明:

    1.优化直播间分享面板,增加特效

    2.当用户点击分享按钮时(*包括传统直播间主播面板的分享按钮和上方分享按钮,手机直播间的分享按钮*),从下方弹出分享面板,逐个弹出分享icon,并淡入显示分享奖励。

    3.用户关闭分享面板时,分享icon从右到左依次下落淡化消失
    相关参数:

    1.分享面板减速弹出,运动时间225ms
    2.分享icon从左到右依次弹出,运动时间225ms。带有奖励图标的,当对应分享icon弹出后,分享图标淡入显示(时间225ms),第二个图标比第一个迟100ms开始运动

    eg:如图第一个为qq图标,当用户点击分享按钮,分享面板弹出后,qq图标开始弹出(时间225ms),100ms后第二个图标(qq空间)弹出,当qq图标完全弹出时,淡入显示分享奖励图标,时间225ms。
    3.分享icon从右往左依次收回,分享面板收回,所有运动的时间减少30毫秒,如分享面板收回时间195ms,分享icon收回时间195ms。

    andorid端动画曲线采用系统自带:AccelerateDecelerateInterpolator(在动画开始与结束的地方速率改变比较慢,在中间的时候加速)

    iOS端动画采用系统自带:kCAMediaTimingFunctionEaseInEaseOut (在动画开始和结束的时候速度稍慢些)
    具体效果可参考附件视频

    2017-05-08
  • 交互设计牛校排行榜 | 卡内基梅隆

    创艺典国际艺术教育之院校介绍有一位老大哥是高校里的老大哥他在艺术、工业、计算机专业非常强势除此之外它还拥有全美顶尖对顶尖的计算机学院和戏剧学院他就是Carnegie Mellon UniversityCMU卡耐基梅隆大学这些看上去毫不相干但都那么强势的学科结合在一起岂不是成了飞机中的战斗机赛车中的四驱兄弟?卡梅这位老大哥还真这么干了他们开设了一个项目那就是——人机交互交互设计中应用最广泛的学科分支卡内基梅隆的人机交互项目是全球的交互项目...

    2018-04-26
  • 5个关键词看小程序和App的UI设计异同

    微信总喜欢在深夜推出一个大新闻,昨晚10点,小程序开放公测的消息一出,我公号的文章都推不出去了,一直显示系统繁忙,那得是多大的流量啊,心里暗想,能分我一点零头就好了,估计是我想多了!

    2017-05-16