最近看了一本叫做《用户体验要素》的书.这是一本很薄的书,甚至都不能称为书,因为它太薄了,但我却看了很久。这本书的价值是极大地,全书围绕着一张图进行说明,就是下面这张很有名的图。
说说这本书
以前学习产品方面的知识,都是零碎,散乱的。但这本书却很好的把知识进行了整合。从产品开发的最初阶段到最后完成,都逃不过书中所总结的步骤。自下而上,从抽象到具体,逻辑性比较强。这本书不厚却读了好几遍,我没有看过英文版,中文版翻译的实在是不怎么样。但是对于英文不是很好的我们来说,还是很感激翻译。本书不是太好理解,一方面是翻译比较难懂,另一方面是书中没有与具体的实例进行结合。
不要小看这张图
不要简单的看这张图,片面的理解为开发网站(APP)的步骤。就像李小龙的截拳道,其实他并不是一种武功或者说拳路。“截”是防,“拳”是攻,“道”是方法。截拳道是关于攻和防的方法,是一种思维方式,是武学最精简的提炼。我认为,用户体验要素其实是一种思维方式,是一种做事的思考方式。其实这种方式我们以前也接触过,比如高中时,数学老师说的顺藤摸瓜,其实更好的是顺瓜摸根。因为顺藤并以总能摸到瓜,而顺瓜是一定能够摸到根的。我们研究一个网站,看到的往往是最上层的东西,也就是书中说的表现层。我们要不段的去往下层进行探索研究,方能找到网站的最初目标,这是一个逆向的思考过程。正好与我们开发网站的思考是相反的。而现在许多人写用户体验,大都是自下向上,根本与所思相违背。也有可能思考是逆向的,写的时候是从底而上。
采用类比理解书中内容
战略层
战略层主要解决两个问题:网站目标和用户需求
直白的说就是:
我们要从这个网站得到什么(我们的目的)?用户要从这个网站得到什么? 大多时候,我们目的都是为了得到商业利益,但是我们要把商业利益进行转化。就像我们都知道微信对于腾讯公司创立的目的就是为了赚取商业目的,就是赚钱,但是你不能直接的去。要把用户需求与商业利益进行结合,找到一个平衡点,微信很好的解决了人们社交的需求。
范围层
什么是范围层呢?就是说,我们已经有了目标和用户需求之后,那我们网站需要提供给用户什么样的内容和功能。比如说微信,用户有社交需求,我们有商业目的。在这一层我们就要考虑微信应该具备什么样的功能以满足用户需求和腾讯商业目的。微信有朋友圈和即时通信功能还有摇一摇,钱包,公众号等等,这些都是我们在这一层应该考虑的。
为什么要定义范围层呢?我认为就是两个明确:一明确你需要建设什么,二是明确你不需要建设什么。
结构层
结构层需要解决两个问题,一个是交互设计,另外一个是信息架构。
书中是这样说的:
交互设计关注于将影响用户执行和完成任务的选项
信息构架则关注于如何将信息表达给用户的选项。信息架构着重于设计组织分类和导航的结构,从而可以让用户可以高效率、有效的浏览网站的内容。设计出让用户容易找到信息的系统。
读起来挺斐涩难懂的,我的理解是结构要做的就是整体的架构,就比如建设一个商业楼盘,哪些区域是商业区,规划哪些区域用于住宅,哪些地方用于公共设施建设,各个区域之间该怎么联系?这个就是交互设计,就是不同功能之间的联系,信息架构是说明各个区域该什么方式呈现给用户。
框架层
在框架层,我们主要解决放置的事情。
界面设计考虑可交互元素的布局,导航设计考虑在网站中引导用户移动的元素的安排,而信息设计则考虑传达给用户的信息要素的排斥
其实就是解决每个页面具体布局,比如按钮的放置位置,文本框怎么放等等。就像是买了一套房子,我们要解决怎么装饰这个房子,框架层就是具体每个房间,房间里面床应该放哪里,电视应该怎么放,柜子如何安排等等。
表现层
表现层主要解决框架层的逻辑排布的视觉呈现。
就是装饰一个房间用什么样的风格,具体为,刷墙用什么颜色,地板什么颜色等等。最后呈现出来的是整体的外观呈现。是我们已进入房间就可以看到的东西。
对应于网站开发中其实就是网页的配色方案,字体使用等等。
【给点干货】最后
互联网产品经理的书单很多,方方面面的,我也搜集了不少,阅读了不少。久而久之,我发现了一个问题,那就是这些书籍带给我的知识是“散沙化”的,没有“脊柱”,更制定不了中近景阅读目标。而《用户体验要素》正好给我列了一个提纲知识,对应于书本,特此推荐以下书籍。
战略层
1、《赢在用户-Web人物角色创建和应用实践指南》 收集用户数据,建立用户模型或档案
2、《统计学原理》、《统计数字会撒谎》收集整理用户数据
3、《excel图表之道》统计数据的工具使用
范围层
1、《人人都是产品经理》这本书里的内容绝大多数都是范围层上的事儿
2、《项目管理最佳实践办法》
3、《2小时品牌素养》
结构层
1、《交互设计精髓》什么是交互设计
2、《web信息架构:设计大型网站》信息架构,理论
3、《锦绣蓝图:怎样规划令人流连忘返的网站》信息架构,实例
框架层
1、《瞬间之美:web界面设计如何让用户心动》
界面设计
2、《dont make me think》界面设计
表现层
1、《情感化设计》
2、《设计心理学》
3、《写给大家看的设计书》