拆解【用户体验要素】

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

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

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

拆解【用户体验要素】


初识【用户体验要素】

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

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

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

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

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

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

拆解【用户体验要素】

再看【用户体验要素】

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

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

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

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

拆解【用户体验要素】


闲扯【用户体验要素】

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

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

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

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

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

祝好!

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

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

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

相关推荐

  • Axure原型管理与展示

    因为墨刀是自带生成分享链接以及分享二维码功能,这里主要写关于Axure的原型管理与展示。AxureShareAxureShare是Axure RP官方的免费原型托管网站,可以直接在Axure中共享发布。发布后Axure的源文件也会保存在官网的地址中,在其中还可以设置访问密码。But, 这么好用为什么用的人少呢?因为访问的时候,会慢的你心碎。2. 产品大牛产品大牛是济南公司开发的产品托管网站,解决了Axureshare连接速度慢,访问体验...

    2018-03-24
  • 结合实际案例,一篇看懂用户体验五个层次

    ♝点击上方“交互设计学堂”关注我们,送电子书看过了很多描述用户体验五个层次的文章,但感觉很多都浅尝而止,今天我特地结合了十来个案例对用户体验进行了一次相对全面的阐述,希望大家在阅读时也能够同样寻找相关产品进行比照和论证,想必会更有收获。概要用户体验设计就是“以用户为中心的设计”,即创造“每件事都按照正确的方式在工作”的用户体验,让用户宾至如归,就像《Don’t make me think》里提到的“这会让用户觉得自己更聪明,更能把握全局...

    2018-04-10
  • Axure 原型 | 用Axure画流程图

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放吻得太逼真张敬轩 - Urban Emotions作者:陈张良来源:简书用Axure绘制流程图好处是可以随时预览,比较灵活。不过就是没有Visio那么多模板和强大的功能。Axure默认的流程图控件:其实我们最常用的是:矩形、菱形、箭头。因为这些基本图形其实并没有形象的表明它们是什么,更多的还是需要使用者根据自身的流程实际情况多加注释,所以大部分流程图只需使用这两个控件即可。Axu...

    2018-03-04
  • 100本UI设计/交互设计PDF电子书资源,UI设计师进阶必读书目,还在持续更新哦【024期】

    好素材,不加班今天小编为您精选了【100本UI设计/交互设计PDF电子书】大小:3.07G提供方式:百度网盘获取方式:请查看文章底部部分书籍展示领取素材的方式长按二维码回复:024长按二维码回复:024长按二维码回复:024无需分享直接获取素材热门素材推荐▶UI设计师作品集模板,PSD格式【001期】▶设计项目展示经典范例四套【002期】▶三套2.5D插画设计素材合集【003期】▶C4D设计素材包含建筑【004期】▶100多套欧美网页设...

    2018-05-07
  • Axure产品原型在手机上运行的完整教程

    图1 模拟丁香园的高保真原型在一般的开发工作之前,我们通常会设计产品原型,大部分为axure绘制的线框图作为产品的PRD文档,供UI和开发进行前期工作,但是有的时候客户、领导想在开发之前,看到产品的概貌,就必须做产品的高保真原型进行模拟,这时如果做出来的原型能运行在手机端,那再好不过,如图1(注:上图是仿照丁香园的家庭用药,做的一个高保真原型,算是免费给丁香园打广告,是不是考虑给我点广告费?哈哈)。原型制作软件有挺多,不过个人使用之后,...

    2018-03-06
  • 极致用户体验的养成

    上周五约了朋友吃晚饭,提前约的顺风车。由于堵车,司机到了办公区的北门。经过沟通,我从定位地点过去找他。四扇车窗都是开的,他坐在副驾驶,烟刚抽了三分之二,后视镜旁还有未散尽的烟雾。他回头看见了我,我朝他微笑示意。确认了眼神,我是他的乘客,他马上把烟灭了。左手在空中挥了挥,右手扭转了空调按钮,抬起头在空中胡乱吹了几口气。隔着车窗看见副驾驶有件外套,说了句“久等了”,我便从右后侧上了车。刚落座,他就急忙表现出歉意:不好意思,不知道你走过来这么...

    2018-04-25
  • 【干货知识】最全面的交互设计原则和理论汇总(上)

    【点击上方蓝字↑↑↑关注「艺恋优梦」获得每晚推送】文章包括:格式塔心理学原则、尼尔森可用性原则、尼尔森F视觉模型、Heuristic Evaluation十原则、费茨定律、席克定律、7+2法则、2秒原理、2/8法则、3次点击法则、界面黄金8法则、jakob nielson原则、KANO模型、0123简单法则、MVP法则、婴儿鸭综合症、包豪斯理念、泰思勒定律、防错原则、奥卡姆剃刀原理、maya法则、信噪比法则、序列效应、功能可见性原则、成...

    2018-04-16
  • Axure基础

    目录(使用微信自带页面搜索功能)第一章 使用元件基础1. 添加元件到画布基础2. 添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5. 设置元件颜色与透明基础6. 设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9. 设置元件文字边距/行距基础10. 设置元件默认隐藏基础11. 设置文本框输入为密码基础12. 设置打开选择文件窗口基础13. 限制文本框输入字符位数基础14. ...

    2018-03-15
  • 《用户体验要素》 读书笔记 (3)第四章 范围层

    范围层主要解决功能规格和内容需求只有明确定义出来,你和你的团队才知道你正们在做什么同时你才知道你不需要做什么1. 范围层定义1)范围层需要同时做两件事情:规定过程(日程安排和里程碑);生产产品。2)范围层的功能和内容要明确的定义出来:只有明确定义出来,你和你的团队才知道你们正在做什么,团队中的不同角色才能有共同的参照标准;同时你才知道你们不需要做什么,同时你才知道你不需要做什么,因为这个过程中会不断出现新的需求,要结合你的规划、新需求与...

    2018-04-09
  • 欧洲刮起性爱机器人风,用户体验称比真人舒服;马化腾减持腾讯200万股,套现超6.4亿港元 | 早报

    语音版早报9.109月10日邦妹读新闻来自创业邦00:0004:09不可不知1、马化腾减持腾讯200万股 套现超6.4亿港元香港交易所资料显示,马化腾于9月5、6及7日,连续三天合计减持腾讯200万股,每股平均价介于321.64港元至323.521港元之间,持股量由8.71%降至8.69%,合共套现逾6.4亿港元。此时正值腾讯股价高点。马化腾今年4月连续4天减持,套现42.27亿元,其今年已合共套现近46亿元。2、传WePhone开发者...

    2018-01-31