《用户体验要素:以用户为中心的产品设计》-ajax之父jesse james garrett

一句话简介:

建设产品五个层,战略范围结构框架完了来表现

这本书大部分是在摇摇晃晃的公交车上读完的,看完之后对小白来说最大的帮助莫过于对于产品设计有章可循,认识到五个重要的要素,并根据它们自下而上地建设。
在全书一开头,就花了一整章篇幅介绍,用户体验为什么如此重要?

用户体验,(英语:User Experience,简称UX),是涉及到一个人使用一个特定产品或系统或服务的有关行为、态度、与情绪。——源:维基百科

显然不能光有漂亮的外壳使得用户难以实现功能,在这一点上可能显示成产品设计与用户体验手机的区别——用户体验设计通常要解决的是应用环境的综合问题,比产品设计考虑的更全面更复杂。
不过用户体验和产品自身的定义之间是的关系相对而言是独立的,产品设计出来是为满足了用户某些需求,体验设计是解决使用产品的问题,而自乔帮主的影响力,想必现代人都明白用户体验即为商机

用户体验的五个层面、10个要素

将用户体验的设计流程分为5个层:

  • 表现层:一系列的网页,由图片和文字组成
  • 框架层:按钮、控件、照片和文本区域的位置。是结构层的具体表达方式。框架层用于优化设计布局,以达到这些元素的最大的效果和效率——使你在需要的时候,能记得标识并找到购物车的按钮。
  • 结构层:用来设计用户如何到达某个页面,并且在他们做完事情之后能去什么地方(确定网站各种特性和功能最合适的组合方式)
  • 范围层:网站的特性和功能(比如提供用户可以保存之前的邮寄地址功能)
  • 战略层:经营者想从网站得到什么、用户想从网站得到什么​;

可能很多未接触过的我们在项目开发时流程是从表现层开始,显然是错误的从而导致项目存活率极低,日程不对应等问题,而事实表现层有框架层决定,框架层则建立在结构层的基础上,结构层的设计基于范围层,范围层是根据战略层来制定。因而在实际应用时,我们也是环环相扣,毕竟他们的界限可能并没有那么明确。

战略层用于确定产品目标、用户需求

只有明确好了这些目的,才能正式顺利开展工作。——
产品目标:用尽可能具体的词汇来定义我们期望产品“本身”能完成的事情。

  1. 商业目标
  2. 传递品牌识别
  3. 产品目标成功的标准 例如网站,可用户访问平均停留时间、转化率、二次访问率来测评

用户需求:做法为 寻找目标用户–>调研需求–>确定需求优先级别

  1. 用户细分
  2. 可用性、用户研究
  3. 创建角色,自我融入场景

范围层用于寻求功能规格、内容需求

这是一个最具价值的过程,因此我们需要不少的文字功能进行总结,在假设一个产品的过程内考虑潜在的冲突和产品中一些粗略的点,保证在设计过程中不会出现模棱两可的情况。我们常谈的文档记录产品需求不仅仅要包含需要的功能,也要囊括不需要的,并持续做到分工明确、责任清晰。
关于需求的分析,书中讲得格外好,但要认真地实践可能获得长久的收益,以下附上部分做法:

1、定义需求

  • 技术需求(支持的浏览器、操作系统、硬件需求)
  • 品牌需求
  • 特性需求(产品必须拥有、某种特性)

2、需求的类别

  1. 直接讲述的、用户想要的东西。
  2. 用户说出来、所期望的特性其实并不是他们想要的(比如某人想吃包子,其实用户真正是的需求是解决饿的问题,在无法提供包子的情况下,米饭完全可以满足需求)。
  3. 人们不知道他们是否需要的特性。

3、需求获取途径

  • 人物角色放入模拟场景中
  • 从竞争对手处得到一些启示
    小tips:
    1、乐观:描述这个系统将要做什么事情去“防止”不好的事情发生,而不是描述“不应该”做什么不好的事情。
    2、具体:尽可能详细的解释清楚状况,这是我们能决定一个需求是否被实现的最佳途径。
    3、避免主观的语气(有参考标准、量化定义功能):需求必须可验证,找到某种方式来明确说出应该达到的标准。也可以用量化的术语来定义一些需求,通过这样的手段来避免主观性。

内容需求也总结了四个点。除此之外优先级是决定人们所建议的相关特性的首要因素。

结构层用于交互设计、信息架构

这一层已经是第五层了,也很关键,只有理解了用户的工作方式、行为及思考模式,从交互设计到信息架构都很重要。
交互设计关注于描述“可能的用户行为”,同时定义“系统如何配合与响应”这些用户行为。其中概念模型用户对于“交互组件将怎样工作”的观点称为“概念模型”,一个概念模型可以反映系统的一个组件或是整个系统,用于在交互设计的开发过程中保持使用方式的一致性。
信息架构如何选择并组织信息,以保证别人能理解并使用它们。是研究人们如何认知信息的过程,对于产品而言,信息架构关注的就是呈现给用户的信息是否合理并具有意义。网站的信息架构的主要工作就是设计组织分类和导航的结构,从而让用户可以高效率、有效率地浏览网站的内容。

框架层用于界面设计、导航设计、信息设计

  • 界面设计:用来确定界面控件元素以及位置,提供用户完成任务的能力,通过它,用户能真正接触到那些”在结构层的交互设计中“确定的”具体功能“
  • 导航设计:呈现信息的一种界面形式,提供给用户去某个地方的能力。
  • 信息设计:呈现有效的信息沟通,传达想法,它是这个层面中范围最广的一个要素。
    有一些常见的技巧:认真揣摩呈现给用户的默认页面、记住用户最后一次选择状态的系统。对于那些被养成的习惯,并不是说死守而是让每一个改变都有充分明确的理由。“成功的界面”是一眼能看到最重要东西的。
    这一部分,书中也举了很多例子,将三个方面的设计讲得很详细很通俗,也指出了每一个分支的重要意义,╮(╯-╰)╭这里实在很难进行高度概括的知识输出,大家可以自行翻阅第六章(✿◕‿◕✿)
表现层用于感知设计

此为定义:界面设计考虑可交互元素的布局,导航设计考虑在产品中引导用户移动的元素安排,信息设计考虑传达给用户的信息要素的排布,解决并弥补”产品框架层的逻辑排布“的感知呈现问题。
** 一个成功的设计有2点 **

  • 遵循的是一条流畅的路径;在不需要太多细节来吓到用户的前提下(这里我想到了之前迪特·拉姆斯的设计十原则),它为用户提供有效选择的、某种可能的“引导”。
    对比和一致性
    1、对比是重要手段,能帮助用户理解页面导航元素之间的关系。同时,对比还是传达信息设计中的概念群组的主要手段。
    2、在设计中保持一致性是另一个重要的组成部分——基于网格线的布局(grid-based layout)
    3、视觉设计的一致性一般会有 2 种毛病:
    •内部一致性的问题,在网站的两个不同的地方反映了不同的设计方法。
    •外部一致性的问题,这个网站没有在同一个企业的其他产品中,反映出被使用的、相同的设计方法。配色方案(color palette)和排版(typography),品牌识别,传达品牌形象风格指南(style guide):汇总文档,确定了视觉设计的每个方面。

呼,总算到应用了

不论是在由领导、现状、模仿决定的设计之中哪一个,你都要始终保持你需要解决的问题及你方案实现的后果,接着提出正确的问题;

  • 将每一个决定都建立在对其背后的议题的理解之上。 与用户体验有关的第一个问题恐怕是问你自己的:你为什么要这么做?
  • 不要以“节省项目时间或金钱”的名义对用户体验敷衍了事
  • 专注于用户体验中某个具体元素的问题,能帮你收集来自用户的更多的相关信息。不然很可能以提出错误的问题而告终。
  • 不能简单地依赖用户来阐明自己的需求。创建任何一种用户体验的挑战是“比用户自己更准确地理解他们的需求”。测试可以帮助你了解用户的需求,但它只是能达到同样的目的的许多工具之一
  • 用户测试永远无法取代一个考虑周密的、准备充分的用户体验设计过程。

后记

始终从完整的用户体验出发,那么最后得到的网站就是一份有价值的资产。每一件与网站的用户体验相关的事情都是经过有意识地、明确地决策的结果,只有这样才能确保这个网站能同时满足你的战略目标和用户需求。——来自一只累垮的洋

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

推荐阅读更多精彩内容