初探用户体验中的接触点

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


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

初探用户体验中的接触点

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

初探用户体验中的接触点

一、触点的定义

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

举个例子:你在简书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

相关推荐

  • 设计中的交互设计

    今天的文章,我们来讨论一下设计的本质。这是一个比较大的话题,我也只能抛砖引玉,带给大家一些我的思考。欢迎大家留言讨论。首先我们来看一下什么是设计。下面这个定义是引自王受之老师的《世界现代设计史》:所谓设计,指的是把一种设计、规划、设想、问题解决的方法,通过视觉的方式传达出来的活动过程。它的核心内容包括三个方面,即:计划、构思的形成;视觉传达方式,即把计划、构思、设想、解决问题的方式利用视觉的方式传达出来;计划通过传达之后的具体应用。从王...

    2018-03-06
  • 4款视频app交互设计浅析

    作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比,希望能给各位带来一些收获和启发。

    2017-05-10
  • iOS和Android规范解析——标签导航和分段控件

    从今天开始,将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件,经常容易混淆以至于用错。请各位读者仔细阅读,防止以后用错。

    2017-08-04
  • 有些话并不必说

    路边报亭挂着一块牌子:“本报亭有售雨伞10-30元”。这个表达有些啰嗦了,只需要写:“雨伞:10-30元”。 饭馆门口的告示:“诚聘西餐大厨,月薪XXXXXX,有意者请联系,电话:1350000XXX”。其中的“有意者请联系”是可以不…

    2016-05-31
  • UI 设计师如何让设计稿100%还原(上)

    大部分新手设计师可能都会遇到一个问题,设计效果很赞,为何还原效果那么差?是开发不行?然后就吐槽开发傻X,可很少有人想过是否是自自身的原因,在开发过程中就不断和开发撕逼。今天我介绍一些关键点,通过这套系统的方法来解决你的视觉还原度,希望这篇文章能帮助到你。

    2017-04-28
  • 别骂携程了,来看看Booking上如出一辙的“暗黑套路” 【UXRen译#182】

    作者:Roman Cheplyaka   |  翻译:林龙飞,校审:天蛙   近来,有很多网站和应用的设计者会诱导你做他们想做的。以下是来自timewellspent.io的例子: Youtube自动播放更多的视频来把用户留住; Instagram使用无限…

    交互专题 2017-10-25
  • 【交互基础】系列之解析移动端导航设计模式

    鉴于目前交互设计的知识体系较为混乱,我写了这个[交互基础]系列专题,旨在整理移动端交互设计基础知识。巩固自己的知识体系,也与大家共勉,打好基础,才能飞得更高!

    2017-04-30
  • 微信10个交互设计细节问题的探讨

    作者:Qinsman   微信小程序开闸后果然立即成为这个雾霾格外严重的冬天中的一抹亮色,关于小程序将如何给互联网应用生态带来冲击的讨论迅速在朋友圈刷了屏,小至小程序和WebAPP体验的对比、低频APP的危机,大至微信…

    交互专题 2017-08-07
  • 回顾与展望!从9个方面聊聊用户体验设计的发展

    这是一篇国外的用户体验设计回顾总结文,里边提到的9个观点都特别有前瞻性,剥离开细枝末节的视觉风格和交互原则,这些很有可能成为未来优秀设计师必备的硬能力。在甲方的阴沟里待久了,来仰头展望下真正「以人为本」的设计思考。

    2017-05-28
  • 腾讯高级交互设计师的自我总结

    ——关于转岗、给新人的建议、交互与产品设计、腾讯ISUX的总结 1.能聊聊您从网页设计师变成前端工程师再转为交互设计师的过程么,有什么建议能给和您一样自学交互的同学呢? 答:回想起来挺有意思,过程很丰富,说明…

    交互设计 2015-12-01