初探用户体验中的接触点

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


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

初探用户体验中的接触点

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

初探用户体验中的接触点

一、触点的定义

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

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

相关推荐

  • 我为什么喜欢sketch?

    数十万互联网从业者的共同关注!作者:luffy微信公众号:麒麟设计中心(ID:luffydesign)作者授权早读课发表,转载请联系作者。欢迎投稿到早读课,投稿邮箱:mm@zaodula.com文章底部可以评论留言啦,欢迎大家赞同质疑或吐槽。积极留言的同学,注意关注小编的回复,不定期送互联网畅销书以感谢你们的支持,么么哒!Adobe XD出来了,第一时间试用,感觉除了repeat grid和hotspot好像没什么亮点。笔者是一名无线U...

    2018-04-09
  • 关于微信聊天与朋友圈如何快速切换的小讨论

    用微信时,你是否遇到这样的情况。你正刷着朋友圈,享受着各种鸡汤,这时候,你收到一条微信,一看是女王大人,不得不回。你诚恳的回了一条,等了二十秒不见有什么回应,于是就退了出来,进入朋友圈找到那篇没看完的文章,没看两行字,那边就回复你了,于是你又乖乖地回过去,来来回回,很麻烦!那,为什么聊天和朋友圈间不能有一种更快捷的切换方式呢?其中A代表微信聊天页,B代表微信其它功能页,X代表实现A和B快速、便捷切换的操作或交互方式。我们不妨先来分析一下聊天页面的功能分布和操作特点。以安卓的微信群聊为例(不要为为什么),其它类似,一共可以分为三类,共14种操作,与手指间的交互动作共有5种。定义好问题、了解好现状后,我做了改善的尝试,下面将有可行度的一些方案与大家交流一下。

    2017-06-03
  • 谈谈(web)网页设计中的留白原理 – 2016版

    设计中存在很多关于留白的只是,零零散散在网上也看过很多,总感觉比较零散,自己根据自己的感觉,重新把留白的原理和一些技巧系统的归纳整理了以下,也对自己的一个提升。分享给大家。

    2017-05-28
  • 交互设计背后的心理学原理

    作者介绍郑少娜,云之家里一只特立独行的用户研究员。想把生活踩在脚下,说:“叫你搞事情!叫你搞事情!”✦✦✦✦✦某次下班偶遇一开发,他问:“你们平常做的交互设计,有什么准则吗?”我列举了尼尔森十原则之类,却遭到…

    2017-08-01
  • 决战双11,哪些技巧可以让你的专题页设计脱颖而出?

    这是小编见过讲双十一专题设计的最完整最有帮助的文章,我只是看了十遍而已。“以前有个同事她说要减肥要健身
    我说好啊看你能坚持多久
    因为我也好几次喊过这种话
    最后却都不了了之了
    可是几个月后再看到他
    细腰美臀大长腿
    显得更加自信了
    是啊她总可以做到付诸行动
    而我只会给自己找借口
    也许再这样下去
    我都配不上和她做朋友了吧”全场5折起/全场买三免一/1元秒杀0元抢购/周年钜惠等等

    争做行业领跑者/先赚它1个亿/上天猫就购了/好物低价上京东等等热烈庆祝XXX成立几周年/欢迎XXX领导莅临我司/恭喜XXX荣获XXX称号乘年轻,住好点/Just Do It/我的青春我做主/你值得拥有bigger than bigger/again and again/more and more(完全不知所云但是看起来很厉害的样子的文案,超级大牌都爱用。。)老板跑路了/美工甩手不干了等(歪瓜出品,我后面会再提到,因为它简直是电商设计界的一股泥石流。。)改变食界,条条是道-卫龙买了就是朋友-故宫淘宝“那么,我去当香葱烤鸡肉串去了”“啊!要是把早上下的蛋也带来就好了”“我可不能在这种地方被吃掉”“您好,您的食材到了”保湿护肤一步到位/棉柔舒适超强吸附力/轻松舒适不变形等等,常用于详情页里

    2017-05-16
  • 五一福利大放送,再不收藏就没有了哦

    老板阿西太抠,说了好久才同意五一送福利,今天小编就放血,给大家送点福利,机会不是天天有该出手时就出手。 图标和字体想怎么用就怎么就,让设计不再孤单,要的就是这个范儿。 字体下载地址:http://pan.baidu.co…

    2015-05-01
  • 交互设计七大定律之Tesler's Law 泰思勒定律(复杂性守恒定律)

      最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从…

    交互设计 2015-08-27
  • APP设计:那些打动人心的设计点(二)

    上周写了一篇文章《APP设计:那些打动人心的设计点》,总结了八个APP的小设计点,这些小设计点不是针对APP的核心业务和功能的设计,但会给用户带来一点小便利和小惊喜,就像电影最后的彩蛋,让人期待而心动。紧接着上篇,我们继续说说那些打动人心的APP设计。

    2017-05-05
  • 来自腾讯ISUX的交互微动效设计指南

    本设计指南适用于UI界面中交互微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了一些通用的设计建议,帮助设计师理清动效设计思路,提高设计效率。

    2017-04-28
  • 新人入门|7个移动 UX 设计要点,提高易用性

    本文介绍的7个移动 UX 设计要点,诸如内容优先、导航设计、快速响应等都是基础而经典的设计知识,适合新手入门学习和查漏补缺。

    2017-05-10