拆解【用户体验要素】

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

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

初识【用户体验要素】

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

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

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

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

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

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

再看【用户体验要素】

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

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

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

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

闲扯【用户体验要素】

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

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

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

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

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

祝好!

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

原文发布于微信公众号 - Miguel三先生(Miguel-sxs)

原文发表时间:2018-05-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非著名程序员

HTML5和原生APP优缺点大对比,世界究竟是谁的?

近两年来,HTML5的发展势头确实很猛,甚至都出现了很多言论说:HTML5终将取代原生app,app终将消亡的言论。其实对此来说:小编不能 够太认同。HTML5...

1768
来自专栏猫哥学前班

买苹果设备需要注意哪些坑

明天(6月14日)凌晨 1 点,苹果将会举行 WWDC 夏季新品发布会,如果 Mac 系列有更新的话,就是购入的最佳时机。即使没有更新,相信在九、十月的秋季发布...

3499
来自专栏人称T客

APP终结者 誓言还是谎言?

“未来是重前端轻后端的天下”,你没有听错,这是云适配CEO陈本峰给企业移动化的重新定义,但对于这个说法T哥还是持保留意见,因为一直被大家宣贯的轻前端重后端在云适...

3598
来自专栏非著名程序员

论HTML5的重要性之微软放弃自家视频插件Silverlight将转向HTML5

论HTML5的重要性 ? 前言:北京时间7月3日上午消息,微软近期正在鼓励网站停止使用该公司的Silverlight技术,转而使用更新的、基于HTML5...

1948
来自专栏HTML5学堂

操作系统发展史(移动端)

HTML5学堂:手机操作系统发展史。从手机出现到现在,手机发生了翻天地覆的变化,也是经历了几场“大战”。本文主要讲解的诺基亚的时代到现在苹果、安卓的时代的一个演...

2924
来自专栏腾讯社交用户体验设计

搞点新意思-QQiPad主题带你飞

1103
来自专栏VRPinea

输入设备不止键盘和鼠标,脑机接口输入或是VR最佳人机交互方式

3147
来自专栏腾讯社交用户体验设计

如何设计好看又好卖的企业产品官网

1144
来自专栏SEO

「知识」2018年搜索引擎优化指南

2748
来自专栏EAWorld

React Native 移动技术在企业架构的应用

很高兴在今天下午与各位有这样一次关于驱动原生(React Native) 技术的交流。 此次交流的内容,主要是我在Pworld2016 大会的讲解内容,本想比较...

3345

扫码关注云+社区