拆解【用户体验要素】

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

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

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

拆解【用户体验要素】


初识【用户体验要素】

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

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

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

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

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

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

拆解【用户体验要素】

再看【用户体验要素】

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

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

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

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

拆解【用户体验要素】


闲扯【用户体验要素】

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

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

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

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

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

祝好!

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

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

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

相关推荐

  • 产品经理|交互设计专场

    产品经理走上交互之路3月31日深圳线下分享会2018PMTalk春节后带来的第一场深圳线下产品经理活动,一场以交互设计主题的产品经理线下深圳交流会,PMTalk产品经理社区将带头又一次与大家见面!01一场值得产品经理学习成长的分享会本次分享会,在经历Pmtalk发起人几位小伙伴利用业余时间,在深圳成立这个产品组织后,我们将首次也推出PMTalk社区会员、产品经理合作周边等服务!具体的就在倒计时7天更新!本次沙龙我们邀请的深圳产品大咖(持...

    2018-03-15
  • 当售电开始谈“用户体验”

    [图片]   现在,很多售电公司打着“增值服务”的噱头来签客户,承诺给客户绝对满意的用电服务,但现在很多用户却反映:售电公司并没有兑现签合同时所承诺的很多增值服务,用户蒙受损失。即使仅仅只是部分售电公司的原因,但是这样下去,增值服务这手好牌迟早会被打烂,增值服务的说服力会也来越低

    微信热点 2018-02-14
  • 想为 iPhone X 做交互设计?你需要读这篇文章

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

    2018-02-01
  • 【用户体验.春节特辑】一本相册(总第269期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第269期我的发小蔡廷是我们这座江南古镇的一位”达人”,这并非他有什么才气,而是他的行为举止与这座千年古镇淳朴温和的民风相违和。天气刚有点热他便剃了个秃瓢,赤裸着上身,永远穿着条军裤,再热也不换装。腹部有两条贯腹的伤疤,象两条粗大赤红的蜈蚣僵卧其上。他从不拉帮结派,依附于任何人,不欺行霸市,不欺凌老弱,但是蛮不讲理。他...

    2018-02-20
  • 交互设计与服务设计视角下,谁才是用户,什么又是产品?

    服务设计,是2017-2018比较火热的一个专业了,相比于交互设计或工业设计,服务设计更关注与利益相关者之间的关系。今年的Aalto New Media 专业的申请中,有明确要求需要根据两篇文章的读后感写一篇Essay(1),其中一篇是“How to Fix Facebook—Before It Fixes Us(2)”,深入阅读之后,有一个明确的观点想和大家分享一下。之前从交互式设计角度或者用户研究角度对于 Facebook 的分析文...

    2018-05-02
  • 2017年设计师该如何转型?来看阿里UED掌门人的演讲!

    温馨提示,扫文章底部二维码可看相关视频。UXD(User experience designer)概念为何在当下越来越热?这个新Title对设计师意味着什么?UXD对设计师提出了怎样的新要求,设计师们又如何去转型UXD呢?在设计师转型UXD的背景下,还需要讲求专业精深吗?纯视觉设计师VD(Visual designer)又有怎样的发展路径?三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。汪方进:阿里巴巴BBC UED...

    2018-03-20
  • 不会Sketch的设计师将要被淘汰!

    这  是 一 本 让 我 废 寝 忘 食 的 书前几天小花闲来无事逛知乎被一篇名为《写一本书出版是怎样一种体验?》的问答吸引了目光,里面有一位作者黄方闻详细的介绍了他的第一本书《动静之美——Sketch移动UI与交互动效设计详解》筹备历程。Sketch这款软件在UI设计上确实有着无可比拟的优势,很多大公司都在用sketch工作,再不会Sketch会被淘汰掉。目前用sketch跟ps的人数比越来越接近了。Sketch因其强大的功能以及极低...

    2018-03-02
  • 一、Axure教程--app启动画面的翻页效果

    1、案例示例:2、参考对象:qq安全中心-启动画面3、案例描述:手指向左右滑动界面时,能够切换显示内容;切换内同时,屏幕下方的圆点标记同步切换;当切换到最后一个页面,单击进入主页的按钮时,启动画面和圆点分页标签隐藏;同时屏幕顶部状态栏改变样式。4、素材准备:见百度圆盘5、采用技术:动态面板、全局变量。6、制作难点:启动页面切换时,使用全局变量记录切换后的面板状态名称;将底部的分页标签面板同步切换到同名称的状态。7、制作过程:https:...

    2018-04-29
  • 交互设计中的“无意识错误”:如何帮助用户防错?

    在提高可用性的建议中,如何优雅、清楚的告知用户哪里出错了是非常重要的。当然,如果能够一开始就避免他们犯错是最好的。在讨论用户错误时,一个重要问题是在什么情况下指出用户的错误。「用户错误」这个词似乎暗示用户做错了某些事情,但不仅如此,设计师也犯下了错误,因为他们让用户轻易的做出了错的行为。所以,解决用户错误的方法不是指责用户,让用户再认真一些,或者给他们更多的指导练习,而应该是重新设计软件,让犯错变得困难。两类用户错误在讨论如何避免犯错之...

    2018-03-02
  • Axure RP 8.1.0.3372 Mac中文破解版

    今天分享的是Mac下一款快速原型设计工具——Axure RP,有了它可以大大提高你的工作效率。之前有朋友留言需要8.1.0.3372版本。Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示 意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需...

    2018-03-21