读书笔记夹杂着个人的思考，如有错误，欢迎指正。
也欢迎大家互赞~
用户体验五要素分别是什么？从具体到抽象，就是如下的几个顺序，本文只是大致介绍一下五要素的情况，具体每一层的详细内容，后续会继续更新，敬请期待。
表现层（html+css）
表现层就是我们看到的，点击到的，从而执行某些功能的层面，简单的说就是html+css的组合，对产品经理来说，就是具体的原型图。
举个例子，在简书中，文章列表，顶部菜单栏，都是我们看到的，这些就是表现层的东西。
框架层（html）
在表现层之下是网站的框架层。简单的说就是每个组件的布局。框架层用于优化布局，以达到这些元素的最大效果和效率——我们在用的时候就能记得在哪里。
比如说，退出按钮，我们就会习惯在左上角显示。而如果你设计的软件是右上角的，那么他就会很容易被顾客放弃，因为他的框架有问题。
下面这个图可以说是简书首页的大体框架。
我们要知道在框架层里面，每一个布局都是产品经理经过深思熟虑设计出来的，比如说，【写文章】按钮为什么在右上角，不在左上角？这个框架是因为基于用户的习惯。（当然，这里就设计到了尼尔森十大交互法则了）
我们看一下CSDN的创作中心。
再看看B站。
大家的【投稿】相关的按钮都是在右上角，这就说明，在右上角防止这个按钮，使得网站的效率最大化。
结构层（流程图中每一个流程）
结构层用来设计用户如何达到某个页面（这里也不仅仅指页面，也可以指达成某个目标），并且做完事情后去到什么地方。简单来说就是页面之间的关系是怎么样的。
结构层就会确定哪些类别应该出现在哪里。
结构层可能很多人会与框架层有点混淆，但其实结构层更多的是关注每一个页面（或者流程）用来做什么。框架层更倾向每个页面内，应该有些什么元素。
同样是简书的例子，【发现】页，我们就是要做到发现一些好文章；
【IT技术页】就是能查看IT技术相关的文章
【关注】页面，就是要查看我关注的一些内容。
每一页都有它的用途，这就是结构。
范围层（功能与需求）
结构层将网站的各种特性功能进行了最优的组合，那么范围层就是考虑这个功能是否应该成为网站功能之一。
范围层主要就是在做两个事情：这是一个有价值的过程，同时能产生有价值的产品。
战略层
网站的范围基本上是由战略层决定的。战略层简单来说就是产品未来迭代的总方向。如果某个功能和我们迭代的方向完全不一致，我们就没有必要去做这个功能（确定范围层不采纳）。
感谢大家的支持。
