初探用户体验中的接触点

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


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

初探用户体验中的接触点

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

初探用户体验中的接触点

一、触点的定义

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

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

相关推荐

  • 设计原则:视觉重量和方向

      web页面上的每个元素产生一种视觉力量,吸引了观众的眼睛。 力就越大,眼睛是吸引了。 这些力量似乎也作用于其他元素,传授他们潜在的运动和视觉方向建议,你应该下一个。 我们把这个力称为视觉重量和视觉感知方…

    2014-12-16
  • Axure8.0展开收起

    设置菜单展开收起效果,且联动箭头朝上朝下动效。收起状态:箭头朝下,内容收起。展开状态:箭头朝上,内容展开。【步骤】1)设置展开内容与箭头为两个动态面板,命名2)点击事件设在点击菜单栏,同一个事件下控制两个面板状态。内容面板:箭头面板:设置旋转效果。点击菜单栏:点击运行即可。

    2018-03-15
  • 【案例解析】设计思维方法赋能设计落地

    作者:百度UE大讲堂   一、什么是设计思维呢? 顾名思义,设计思维就是设计师用来思考问题和解决问题的方法。如何培养设计思维?今天这篇用两个实战案例帮你一窥设计思维的奥妙。 我们先来看一个小测试:以下的方案…

    交互专题 2017-08-07
  • 7个技巧,帮你搞定网页首图设计

    首屏设计的7个技巧,它们并不复杂,却能帮你的首图设计更上一层楼。

    2017-06-06
  • 深入智能商业用户体验 —— 艺土咨询(ETU)

    4月10日下午,本协会会长王日华和副秘书长王索飞等一行前往位于长宁区凯旋路166号上的本协会理事单位上海艺土界面设计有限公司走访,该公司董事长林钦、资深用户体验设计师梁雯琦热情接待了王会长一行。在该公司的会议室,林总首先用PPT形式向王会长一行简单介绍了艺土公司的发展情况。她说,艺土(ETU)自2004年成立以来,深耕用户体验行业14载,通过与160多个知名企业进行760多个项目的深度合作探讨,帮助企业通过洞察市场价值、理解用户价值需求...

    2018-04-12
  • 交互进阶!如何扫除交互设计路上的3大障碍?

    Echo  :目前网上基本没有对做交互设计 师的难点进行系统的归纳和总结。基于这个原因我总结交互设计 师的三大障碍以及如何扫除交互设计 师路上的3大障碍。

    2017-09-14
  • 交互设计 | “综合类&艺术类”院校申请侧重点指南

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-04-21
  • 移动设计中不可或缺的交互

    经验分类: 经验/观点 / 自译外文 原作者: Chris Bank 手势和动画对移动设备游戏的改变 在这篇文章中,来自UXPin(一款在线界面设计应用)的克里斯·班克(Chris Bank)介绍了移动应用交互的重要性,以及它在设计模…

    2014-09-14
  • 视觉设计的思考:如何设计APP的登录页

    一个完整的App包含很多页面,设计一个App是一个很系统的工程。笔者会陆续撰写,带着大家完整的学习设计App的过程。我们先从登录页设计开始学习。做界面设计前,我们先来理解一下界面的逻辑。“ It seems that green leaves look more beautiful after the rain “(雨后的绿叶看起来更美了)

    2017-05-08
  • 报名最后12小时|6周快速玩转axure,同时提升产品和交互

    众所周知,Axure是产品经理必备的工作软件。薪资越高的产品经理(比如月薪18k+以上的产品经理),不仅能高效玩Axure,更能用Axure体现产品思维。“起点学院&腾讯课堂”联合打造6周Axure实战班,第7期报名最后12小时!从第1期到现在,2000多位同学学习成长,好评如潮。来看看同学们的成长。下图是0基础同学,学习后制作的“冲顶大会”高保真原型(福利资料:添加班主任Sara为好友,可获取“冲顶大会”原型文件。Sara微信见文末)...

    2018-04-11