本文是用户体验要素读书笔记的第二篇，附上第一篇传送门

用户体验要素读后、一

---

3、结构层

a、产品信息架构

进入这一层，已经逐步进入用户能够直观感受到的界面。结构结构层最主要的成果就是产品信息架构，关于产品信息架构，可以移步我的文章产品信息架构。

我们依旧以微信举例。微信的一级菜单是微信（对话）、通讯录、发现、我。我们以发现为例，可以看出在这个页面有分成了四个小的子分类，朋友圈作为单独的一个二级分类，扫一扫和摇一摇两个功能，指向的目标都不仅仅是人，包含了商品，街景，二维码，书籍，歌曲等等等，总结下来是图像和声音识别的扩展项目。

而下方附近的人和漂流瓶都是指向人的功能，通过随机（伪随机？）或者定位扩展关系链。与上面是不同一类。

至于购物和游戏，属于产品向现实的妥协，微信手上掌握着数亿的日活和用户，流量巨大，电商和游戏是流量变现的几个最快捷径之一。因为腾讯和京东的战略合作，微信为其提供一个流量入口。至于小龙哥压箱底掏出一个打飞机培养用户习惯的经典案例，又是另个PM必须知道的话题了。

一个好的产品信息架构可以让用户发出“这个功能果然在这里，和我想的一样”的感慨，看似简单，却需要对用户使用习惯的深入研究和出色的拨开现象看本质的能力。

微信截图

b、定义概念模型

并且到了这个层面，PM需要定义一些概念模型，用以更好的表达产品的某些交互组件是怎么工作的。

如电子商务网站里的“购物车”就是一个很好的概念模型，用购物车这个实体，类比于虚拟市场的概念，让用户不费吹灰之力就理解了这个交互组件的作用。还用上面这个例子就像漂流瓶。对于技术人员来说就是把你的信息随机的发给某个人（PM可能会为了某些原因，把你的消息有针对性的发给某个群体中的人），为了让用户更好的理解这个功能的含义，就有了漂流瓶这个概念模型，通过他来描述功能能够让用户更好的理解这个功能的作用。

4、框架层

框架层指：按钮、表格、照片和文本区域的位置。

按照我的理解，框架层主要指的就是页面的布局方式，最好的描述方式就是线框图。

图片来自网络，侵权立删

对于与结构层的产品信息架构，框架层最主要对应的是信息设计，Web端的信息设计较为复杂，我们选取几个常用的移动APP来举例说明，下图从左到右依次为：优酷，知乎，ZAKER，新浪微博。

通过界面布局的划分可以明显看出布局的不同，我们选择几个来举例，至于各种布局的优劣与组合方式又是很大的一个话题。

四款APP主界面截图

比如：Tab Bar

可以看出四款应用都使用了Tab Bar（页面底部的3-5个标签），这种设计方式的有点有：

1、清楚当前所在的入口位置

2、轻松在各入口间频繁跳转且不会迷失方向

3、直接展现最重要入口的内容信息

缺点是：如果超过五个会显得特别复杂。

总结下来就是优点较为明显，而缺点较少并且可以控制，所以被大量的APP采用了。

几个值得深思的小区别

知乎（内容型社区）在顶部的标题栏提供了搜索

ZAKER采用了banner位轮播+跳板式的展示方式

优酷（视频-富媒体）在ZAKER的基础上加入了图片瀑布流，用来展示视频的“调性”

微博（社交平台），同样的信息展示，微博使用瀑布式完全展示单条信息，知乎选择隐藏

这些界面布局上的区别，每一个都值得深思，都是有经验的PM根据产品的特性所决定的，在这篇文章我只想让大家意识到他的作用，关于细节不想深究。

导航栏

并且在这个层面，会涉及到导航栏的设计，这体现了产品的信息空间定位，一般来说一个好的导航设计要能体现两点：

告诉用户现在在哪里

告诉用户点击这里能够通向哪里

5、表现层

表现层基本已经进入视觉设计的范畴，在这里，内容、功能和美学回寄到一起来产生一个满足了以上四层的终极目标。

这个层面已经不完全是PM的职责了，但一个好的PM也必须会一些设计的知识，如排版、色彩等，PM在这一步中更多做的是欣赏并提一些大方面的意见，具体的事务由视觉设计团队完成。

但书中有一个表现层一般会遵循的原则

忠于眼睛

第一眼的观感非常重要，一定要通过视觉设计引导用户看到我们最希望用户看到的内容。

对这个问题我对当时实习的公司（淘宝卖家服务）的产品首页改版深有体会，公司的产品是一个工具类的产品，所以最希望用户看到的就是我们有什么功能，但之前点开首页，最为吸引眼球的总是那几张放了几个月的海报素材，对此我深以为然。

除却第一眼的观感，能让用户视野焦点沿着一条流畅的线运动也是视觉设计中必须得考量的一部分。

三、模型的内在联系

用户体验要素设计模型

还是回到原来的模型截图中：我们可以先看右侧，越往上越靠近表现层越具体，越接近用户能看到，接触到的元素。越向下越靠近战略层越抽象，用户不那么容易了解到。即向上具体，向下抽象。

并且每个层级是对立统一的，下方层级决定上方层级，比如范围层的功能规格和内容需求就是战略层用户需求和产品目标的细化，依次类推。并且各个层级都相互影响。

至此，书籍的主要内容我已经回顾一遍，顺带加上了很多自己的理解。最后说一下书中指出的如何运用这些影响用户体验的要素。

四、应用的小例子

假如你发现某个页面中，某个按钮看起来有问题，特别别扭，就可以从表现层、框架层、结构层这三个层次分析。

假如是：按钮太大，颜色不和，就属于表现层的问题，可以通过视觉设计修改。

假如是：按钮在页面中摆放的位置不对，那就是框架层的问题，即页面布局在这个按钮的位置上出现了可以优化的方案，从而将调整页面布局。

假如是：按钮所代表的功能不合适，不应该出现在这个页面上，那就应该是结构层的问题，重新审视产品信息架构，看这个按钮指向哪里，把他放在哪个层次里比较合适。

五、书本的评价

毕竟这是一篇读书笔记，必然要有对书本的评价。总体来说，很值得一读，不论是互联网产品经理还是其他岗位。但书中有些内容比较琐碎，并且含义太广，需要其他的知识来补充。并且书籍是针对Web端产品的设计，有些东西不完全适用于移动产品，应该审时度势。

产品经理不应该仅仅局限在互联网行业，产品经理的核心指的是一种以人为本的设计方式，一种强调流程、方法的管理方式。可以推广到各行各业（最近已经把产品经理这个职位拓展到娱乐圈了.....）