拆解【用户体验要素】

作为产品经理不但要有能力作出产品设计和规划,更要尊重用户,作出用户体验更佳的产品【用户体验要素】告诉我们如何更好的设计出让用户体验更佳的产品方法论,那么这本书如何更好的应用到实战中,我们如何更好的将理论与实践结合呢?我们今天简单来阐述一下【用户体验要素】概论知识初识【用户体验要素】【表现层】我们所能看到的一系列的网页的元素:图片、文字、按钮等,有些图片就是图片,单纯的进行展示;有些图片或者文字有可能就是一个按钮链接,通过点击可以执行某种...

作为产品经理不但要有能力作出产品设计和规划,更要尊重用户,作出用户体验更佳的产品

【用户体验要素】告诉我们如何更好的设计出让用户体验更佳的产品方法论,那么这本书如何更好的应用到实战中,我们如何更好的将理论与实践结合呢?我们今天简单来阐述一下【用户体验要素】概论知识

拆解【用户体验要素】


初识【用户体验要素】

【表现层】我们所能看到的一系列的网页的元素:图片、文字、按钮等,有些图片就是图片,单纯的进行展示;有些图片或者文字有可能就是一个按钮链接,通过点击可以执行某种功能,将界面进行跳转或者引出弹框

【框架层】表现层之下的框架层,按钮、控件、图片、文本区域的位置。框架层用于优化设计布局,通过页面布局或者视觉热效应找到需要展示的某个板块

【结构层】相对于框架层更为深入的一层,用户通过框架层可以找到某个按钮,那么结构层则是用户通过此按钮可以跳出到某一个界面,由入口到出口

【范围层】确定网站各个特性和功能最合适的组合方式,而这些特性和功能构成了网站的范围层

【战略层】方向性的两个问题:用户想从网站上得到什么;网站创建者想通过网站得到什么

上述用户体验要素是书本上比较客观的表达,我们可以简单的理解每个层次都是逐层递进的,环环相扣,最终以实现用户和网站创建者的需求为导向,而视觉上可以看到的是基于最浅层的表现层次,那么这些描述如何体现在产品设计者的实战工作中?下面我们拆解一下每个层级

拆解【用户体验要素】

再看【用户体验要素】

【表现层】确认,是最终我们视觉上可以查看到的,并且以图文信息进行组合展示的一种。比如,我们在某个新闻网站上看到一个“五角星”字样的图片,这个图片是一个灰色线条,没有颜色的图片,当我们点击这个图片的时候,这个图片由灰色没有线条的图片,变成了其他颜色(比如红色)全部覆盖的图片,这个按钮有可能是点赞、或者收藏;那么如果按钮点击前后还没有被用户所感知它的意思,我们该怎么办?也许我们会在这个按钮框旁边备注“收藏”,或者用户点击之后,给予tost提示:“成功收藏此帖”,这个图片就是表现层的组合之一

【框架层】整体框架层次上的布局表现。我们现在打开任何一个客户端或者网站,然后停留在某一个页面,你现在能看到的这个页面的排版组合方式,就是框架层的表现,比如我们现在打开微信,最顶端的头部包含“搜索”、“添加”,聊天板块的列表、底部的菜单栏,这个组合就是微信聊天页面的框架层展示,把每个框架看成一个板块即可。通常在我们产品工具中的展示也许就是Axure中某个静态页面的设计——有没有可能延伸思考下,微信的菜单栏为什么没有放在顶部?它的搜索和添加为什么没有做成有交互效果的“抽屉式”展示方式?

【结构层+范围层 】在产品的实战应用中,我们可以这么理解两个层次:通过mindjet和visio绘制出来的,就是我们思维中的初级产物。初级产物分为逻辑和架构:逻辑上来说我们可以理解成我们绘制的流程图,流程图涉及到用户端的使用流程、前端后台的交互流程等,而mindjet我们经常使用它来绘制功能框架和信息框架。而将大方向的流程梳理完毕后,我们需要对我们的功能信息板块进行组合和规划,比如我们为需求定义优先级、为迭代方案定义时间节点等等。这些统一为结构层和范围层的须知和落实。为了不产生混乱,我们将此两层理解成以下三种产出物即可:流程图、信息框架图、功能框架图(需求说明+优先级制定+版本制定)

【战略层】总体概况就是:企业想要什么?用户想要什么?企业想要的比如如何盈利?如何产生更好的商业价值?如何将产品变现?这样的思考就需要我们前置某些功能板块的扩展性,比如,我们做了一个简版的会员购买功能,功能场景大概是:“注册即可领取会员,会员购买商品可以享受XX折扣”,我们发现这个功能是不盈利的,但是通过数据查看我们知道,80%用户已经成为我们的会员,并且我们的会员热衷于使用会员特权去做一些事情,这那么个功能我们是不能去掉的,但企业又想盈利,那么我们如何将此功能进行拓展性迭代,既满足会员的需求,又满足企业盈利的需求?往小了说这是一个功能板块的迭代,往大了说这就是战略层的一种表现。因为我们要做的是同时满足用户和企业的需求,并让两方都很满意!

拆解【用户体验要素】


闲扯【用户体验要素】

其实用户体验要素远不止以上描述这么简单,真正研究用户体验要时时刻刻体验、发现、思考。

最近我们的团队攒了一个“产品经理吐槽运动”,可以理解成每周针对各个产品的脑洞时间。经过我们两次的吐槽,我们发现大多可见的物品,无论线上产品还是线下产品,都是我们吐槽的对象,这样看来,产品经理应该有一颗发现周边的心,时刻保持关注一切产品形态的产品

比如我们会去吐槽坐便器,坐便器为什么只保留针对成人,并且长度只有400mm,那么像我这种小短腿儿是不是使用的时候还需要一个小板凳儿?又,儿童坐便器多数不能和普通坐便器有效对接,又或者对接口不是那么灵活,所以每每儿童使用完坐便器后,需要家长再次清洗坐便器?

我们会发现,其实一个产品完成应有的功能很简单,但是如果达到极致的用户体验,还是有很大一部分成长空间的。

所以,做个有心人吧,说不定,下一次极致就是你的杰作!

祝好!

感激有你的陪伴,我们一起进步!

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36858/

(0)
交互精选交互精选
上一篇 2018-05-05
下一篇 2018-05-05

相关推荐

  • 写在 [ 交互设计小厨房 ] 一周岁

    时光荏苒,感谢无情岁月!感谢大家容忍这个公众号『隔三差五』抽疯式的更新;感谢太太长期战斗在『丧偶式育儿』的第一线;感谢各位『互联网老炮』容忍洒家在微信群里污力十足的飚车;最后还要感谢这个优雅的排比句。当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放金平糖の精の踊り~カチューシャ浜口史郎 - 『ガールズ&パンツァー』オーケストラ・コンサート~Herbst Musikfest 2015~产品厨子的运营总结2017年3月24日,『交...

    2018-03-24
  • 百度贴吧体验升级背后的故事,用户洞察与交互升级

    作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级...

    2018-01-30
  • 利用github预览axure发布的文件

    目的github不仅仅可作为一款代码开源库平台及版本控制系统,百度百科对其定义为私有或开源软件项目管理平台,今天在此向不会使用Git的同学们普及下利用github预览Axure发布的原型文件。准备阶段1、github desktop。下载地址:https://desktop.github.com/2、 github账号。注册详情:https://blog.csdn.net/p10010/article/details/51336332下...

    2018-05-04
  • 想为 iPhone X 做交互设计?你需要读这篇文章

    点击上方“CSDN”,选择“置顶公众号”关键时刻,第一时间送达!作者丨NIELS译者丨陈冬【编者按】尽管 iPhone X 采用的全面屏设计方案已经是当下技术的最优解,但其“刘海”却依然引起了众多吐槽,在无法达到真正全面屏之下,为何苹果会选择使用非主流的“刘海”设计,而不是主流的“窄额头”?这是一个仍然在讨论的问题。对于众多的 iOS 工程师及设计师而言,为 iPhone X 进行屏幕适配以及交互设计才是重中之重。对此,本文作者 —— ...

    2018-02-01
  • 人工智能对交互设计的影响

    人工智能(Artificial Intelligence),英文缩写为AI。它是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门新的技术科学。人工智能的本质,是数据+算法。人工智能的概念其实已经提出来了60年,中间也经历过很多次虚假的黎明期,为什么说现在人工智能时代真正的黎明呢?这里面有三个原因:首先是大数据和云计算。在数据上,移动互联网的发展,已经把我们生活中的各种信息不断数字化,这些数据储存在云上,就可以被利...

    2018-03-28
  • 国际用户体验设计论坛邀请函

    点击上方蓝字关注我们国际用户体验设计论坛暨中国工业设计协会用户体验产业分会第一届理事会预备会!  开始报名啦  !官方海报如下👇报名方式一👇长按识别下方二维码,通过报名页面报名👇报名方式二点击文章最底部“阅读原文”,通过H5报名页面完成报名了解我们关注我们长按下图二维码关注“UXE优艺智造”这里有最新的行业动向最前沿的学术研究来一探用户体验的商业价值吧联系我们电话15868193198邮箱uxestudy@126.com欢迎投稿

    2018-03-30
  • Adobe放大招!Sketch有的功能都上了!

    (本文内容来源知友:不知语冰,感谢~)关于 Photoshop的UI-DNA工具很久就有传闻了!昨天据MICU了解,这个强大的工具终于开放测试啦~~虽然说很多设计师比较推荐sketch,可是这回了不得!sketch有的功能,PS都能实现了!也许有很多同学还不太了解 UI-DNA 是个什么样的工具,说白了,就是 Photoshop 上拥有更强大的属性编辑功能。现在来说说UI-DNA都有神马强大的功能。打开Photoshop 中的UI-DN...

    2018-03-02
  • 基于Axure的移动端APP产品设计规范

    文章结构:① 全局元素与控件设计规范 ② 全局注释规范 ③ 一些基本的产品设计原则一、全局控件元素设计规范我们经常会看到很多产品都有一个标志颜色,来增加产品的辨识度,例如淘宝的橙色,小黄车的黄色等。在产品设计过程中,为了保持视觉的统一性,通常会有一套配色方案,配色方案确定了产品的主色调和辅色调,所有的控件和元素都应用这一套配色来设计。除了配色还有,还有字体元素,按钮元素,以及其他控件元素等,产品设计开始就应该定义好这些基本规范,不仅能保...

    2018-03-04
  • 写给产品经理和设计师的用户体验知识

    从2015年起,我陆续写了《写给产品经理和设计师的用户体验知识》系列文章,得到了大家的肯定,此篇文章是这个系列的最后一篇文章,算是给这个系列画上句号。作者:刘涵宇腾讯高级产品经理1用户场景用户场景这东西,或许每一个产品经理和设计师每天都在用,但我查了很多资料,还真的很难找到一个准确的定义。所以,我试图结合我自己的理解,自己去定义它。我认为用户场景有两层属性,分别是:「工具属性」和「思维属性」。用户场景首先是一种对过程逻辑的阐述方法,简单...

    2018-04-19
  • Axure rp视频教程36集,免费!

    1-36集,免费学习~~~点击“阅读原文”或长按下面二维码立即观看视频。对教程有疑问,请咨询微信:13388182428

    2018-04-09