用户体验要素读后、二

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

用户体验要素读后、一


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端产品的设计,有些东西不完全适用于移动产品,应该审时度势。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,723评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,080评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,604评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,440评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,431评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,499评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,893评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,541评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,751评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,547评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,619评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,320评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,890评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,896评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,137评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,796评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,335评论 2 342

推荐阅读更多精彩内容