用户体验五要素

01战略层什么是用户体验:用户在使用产品过程中建立起来的一种纯主观感受。用户体验的重要性:给用户一个积极、高效的体验,他们会持续使用你的产品,产品满足用户某方面的需求并来盈利,帮助人们提高生活质量,提高工作效率,改善人际关系,等等。五要素:战略层、范围层、结构层、框架层、表现层用户体验要素的作用:要素之间相互作用完成任务,创建一个总体的用户体验设计。适用场景:设计:战略层→范围层→结构层→框架层→表现层用户体验:表现层→框架层→结构层→...

01

战略层

  • 什么是用户体验:用户在使用产品过程中建立起来的一种纯主观感受。

  • 用户体验的重要性:给用户一个积极、高效的体验,他们会持续使用你的产品,产品满足用户某方面的需求并来盈利,帮助人们提高生活质量,提高工作效率,改善人际关系,等等。

  • 五要素:战略层、范围层、结构层、框架层、表现层

  • 用户体验要素的作用:要素之间相互作用完成任务,创建一个总体的用户体验设计。

  • 适用场景:设计:战略层→范围层→结构层→框架层→表现层

  • 用户体验:表现层→框架层→结构层→范围层→战略层

做设计的时候

1、明确产品设计方向,做好战略层和范围层的设计

2、为产品制作骨架结构层,框架层

3、表现层就是我们的皮肤

02

范围层

  • 用户体验五要素设计产品包含哪两种形式的产品:信息型产品和功能型产品

  • 什么是信息型媒介产品:关键词(信息),内容型的产品的实质就是连接人与内容的,所以这个内容从哪来,到哪里去,如何去,就显得至关重要了。

  • 什么是功能型平台产品:关键词(任务),这类产品多从一个或者多个的用户目标出发,通过一个个的功能点来满足用户的一个又一个的需求,从而满足用户的终极需求。

用户体验五要素

03

结构层

五要素的具体定义:

  • 战略层:成功的用户体验,其基础必须是一个被明确表达的战略。了解企业与用户对产品的期望和目标,能够促进用户体验的确立和制定。

  • 范围层:我的产品需要有什么功能和内容?

  • 结构层:(是抽象与具体之间的分界线,此处的决策更倾向于抽象化。)结构层确定各个将要呈现给用户的选项的模式和顺序。结构层是用来设计用户如何到达某个页面。并且要考虑他们完成事情之后能够去哪里。结构层可以通过树状图整理产品整个的页面的结构。

  • 框架层:产品的框架层:按钮、控件、照片、文本区域的位置。框架层是用于优化页面设计布局的,哪些元件该放在什么位置,同样的内容应该用那种方法表现等。

  • 表现层:视觉、听觉、(触觉)的体验设计。

用户体验五要素

04

框架层

  • 战略层:产品目标:(1)、我们希望从产品得到什么?。产品目标决定产品定位。用户需求:(2)、用户希望从产品得到什么? 。使用场景、用户群体决定用户需求。战略层是为产品设计的整体走向指明方向的,所以这一步虽然抽象,但却非常重要。

  • 范围层:功能规格:对产品的“功能组合”的详细描述,需要何种模式的功能。内容需求:对各种“内容元素”的要求的详细描述,需要何种顺序的信息展示。

  • 结构层:交互设计:影响用户执行和完成任务的元素。交互设计的作用和路线很像,都是指示用户如何快速、准确地达到自己的目标,好的路线一般都是不怎么曲折的,好的交互设计也不会让用户操作的时候在几个页面内反复跳转。

    信息架构:关注如何将信息表达给用户的元素。信息架构的作用和指路牌比较像,当你来到叉路口时可以提醒你该往哪里走,让你可以清晰、不迷路地找到你需要的信息。

  • 框架层:信息设计:用一种能“反映用户思路”和“支持他们完成任务”的方式来分类和排列这些信息元素。选择表现形式和分类排列的设计功能。

  • 界面设计(功能):选择正确的界面元素和正确的界面布局,让用户能快速找到目标功能。将重要的功能放在显眼的位置,相似的功能分类放置在一起等等。

  • 导航设计(信息):屏幕上元素的组合,允许用户在相关的内容之间自由的切换,找到足够多有效的信息。

  • 表现层:感知设计:“弥补网站框架层的逻辑排布”的视觉呈现问题。有的人称之为视觉设计,这是不准确的,像app的话还会有听觉、触觉的感知,所以应该称之为感知设计。

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

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

相关推荐

  • 良好的用户体验不一定是品牌成功的关键

    一项针对品牌魅力的新研究表明,良好的用户体验不一定是成功的关键,因为品牌完整性受损可能会超越公众的看法。 这是对四个市场10,000名消费者的在线调查的结果。这项研究从认知、目的、诚信、慷慨,勇气和交付的六个维度检查了知名品牌。分析表明,与消费者的动态关系是短暂的受欢迎,还是长期的忠诚之间存在的真正区别。乐高式最具实力的品牌,一直让顾客感到满意。相反,FIFA被评为得分最低的品牌。另外,苹果在美国排在前十位,在英国排在第十六位。尽管其创...

    2018-02-26
  • 破局在即,用户体验将成银行翻盘利器?

    今年,BATJ纷纷与国有四大行牵手,这种破冰式的历史性合作传递了两个信息,一是专注线上的互联网巨头们开始重视线下场景的价值,这也表明在未来的金融行业中,我们将能看到更多线上线下相结合的产品和服务场景;二是在与互联网巨头的磨合中,银行的角色即将产生质的突破,也彰显了银行在当前金融局势下的求变决心。当然,银行们寻求自我突破的决定必然不是空穴来风。众所周知,在互联网+潮流下,以线下为主的银行们失去了对部分年轻用户的影响力,而且银行基因中强大的...

    2018-03-03
  • 无障碍的交互设计,需要做到这7点

    先从字面上来理解何为“无障碍”。生活中许多场所中,除了供给正常人使用的区域外,还有一些针对工作人员、特殊人员(残障人士、老弱病残、孕妇等)的无障碍通道/设施,比如:机场、地铁、厕所、展会等。无障碍设施/通道是能够兼容普通人员和特殊人员共同使用的,且相对来说使用起来更为便捷、直接、且省时省力。-交互中的无障碍需要考虑到哪两方面?-那么交互中的无障碍又有哪几层含义呢?从常规的使用人群来看,首先要满足普通人群使用。其次,当一个优秀产品具有一定...

    2018-03-31
  • 《用户体验可视化指南》视频讲书(3)

    《用户体验可视化指南》书中第一章的第二部分。客户旅程是一条线路,用户地图是多条线路的集中展示,专注于服务蓝图的交互可视线之上的部分。心智模型本质是聚类,空间地图用于更复杂的系统去表达信息流和内容之间的关系。点击视频观看(大约10分钟)兰静同学听后分享这节视频有3个内容,其中有个非常重要的内容,解决了我也疑虑已久的问题:客户旅程图和体验地图,到底有什么区别?视频中详细的说明了二者的区别:一条线和多条线。客户旅程图强调了用户是怎么一步一步做...

    2018-04-01
  • 提升POS产品交互设计实践

    用户体验User Experience,简称UE/UX)ISO9241-210标准将其定义为 “人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。简单来说就是人使用产品的感觉。用户体验的重要性不言而喻。用户体验的好坏,可以直接决定一款产品的命运;好的用户体验,会带来更多的用户,为企业创造更多价值。交互设计(Interaction Design,简称IxD)交互设计作为用户体验的重要组成部分,是指在人与产品、服务、或系统之...

    2018-02-09
  • 性爱机器人为什么这么火?用户体验称比真人舒服

    来源:环球网【9月9日消息】据外媒称,由于受顾客欢迎,整个欧洲大陆的妓院正在大量抢购性爱机器人。欧洲各地的性玩偶公司也纷纷表示正与“感兴趣的投资者”进行谈判,以在全球范围内扩大业务。荷兰:价值23000英镑的性爱机器人被盗!近日,窃贼闯入了荷兰南部布雷达的一家大型性用品商店,将店里所有的性爱机器人都被偷走了。据悉,这些性玩偶价值23,000英镑。对于经营这家失窃的成人用品商店的老板尼尔斯·范德沃特称,这起看似普通的盗窃行为给他的公司造成...

    2018-04-07
  • Axure8.0展开收起

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

    2018-03-15
  • Axure RP 8 入门手册 – 第6章(三)

    第8节检视功能-元件属性Alice.:小楼大大好!小楼大大帅!我有些小困惑,想请你帮我指点下。可以吗?小楼:你诚实直白的我无法拒绝。Alice.:嘻嘻!我的问题有点多哦。小楼:来嘛!Alice.:我想做个密码输入框,就是输入文字时只能看到圆点那种。帅帅的小楼老师,这个怎么实现呢?小楼:这个是文本框的类型,看来你对这个元件的属性不太了解呀!我给你详细讲解吧!在检视功能的属性面板中有每个元件的属性设置,不同元件的属性会有差别。这里我对各类元...

    2018-04-22
  • 【软件安装】Axure RP 7.0软件图文安装教程

    1、会员覆盖工作、学习、生活娱乐,并不断更新更多有价值的精品软件2、安装中有任何问题请咨询小白资料网私人微信:xbzw88888888【特别推荐】加小白官方微信:xbzw88888888,就可免费领取:快速入门自学视频课程Axure RP 7.0软件图文安装教程软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的...

    2018-03-13
  • Axure 原型 | 用Axure画流程图

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

    2018-03-04