用户体验要素读书笔记---以用户为中心的产品设计

一:概述

1.1定义

用户体验定义:产品如何与外界发生联系并发挥作用,也就是人们如何“接触”并“使用”一个产品。

用户体验要素主要从一个产品的五个层面进行分析:战略层(strategy),范围层(scope),结构层(structure),框架层(skeleton),表现层(surface)。

1.2详细说明

战略层

确定产品目标以及用户需求,即,我们想从这个产品中获得什么,用户想从这个产品中获得什么。

例如:微信是一个即时通讯的产品,它可以让熟人之间通过语言,文字等进行社交。

范围层

根据战略层的目标,确定产品应该有的功能。

例:微信有聊天功能

结构层

确定产品的功能表现结构(页面的结构和跳转)

例:底部栏的排列,具体功能的整个流程和界面的跳转

框架层

基于结构层,确定每个页面具体的组成元素及基本布局。

例:聊天页面由头像,消息,消息发送框,时间等构成。

表现层

产品的UI和交互

例,微信的整体UI,主题色,字体,按钮颜色,大小。点击某些元素时产生的效果。

二:战略层

2.1定义:

战略层主要分为产品目标和用户需求。产品目标分为两类,产品开发者通过这个产品可以得到什么?产品的用户通过产品可以得到什么?

2.2产品目标

产品目标主要包含商业目标和品牌识别(涉及盈利模式,品牌意识)

2.3用户需求

主要分为目标用户,用户需求。

1目标用户

用户是谁?此处可以对用户进行细分(人口统计学,消费心态,使用的设备,产品使用体验)。

用户需求

需求收集,需求可行性分析。主要分为:

对用户进行细分,整理不同用户的需求。

需求收集的渠道:(市场调研,主要分为问卷调查,用户访谈,焦点小组,现场调查)

3结果

创建用户角色,及用户故事

2.4输出结果

战略文档(愿景文档)

三:范围层

3.1 定义

范围层主要确定产品的功能需求和功能规格。

项目范围同时在做两件事情。这是一个有价值的过程,同时能产生有价值的产品。

过程的价值在于,当整个事情还处于假设阶段的时候,它能迫使你去考虑潜在的冲突和产品中一些粗略的点,确定事情的优先级。有价值的产品则明确了这个项目中要完成的全部工作。主要通过工作流程----日程安排----里程碑

3.2 产品功能

此处需要将用户需求转换为相关的产品功能。并确定功能的优先级(站在战略层面去评估,主要为是否满足战略层需求;根据需求可行性进行评估)

3.3 功能规格说明

清楚和准确的描述功能,主要可以通过如下三种方式去描述:

. 乐观:描述系统要做什么,为什么这样做,可以防止什么事情发生。

. 具体:如默认按照离用户的距离进行排序。

. 从用户角度出发,避免主观的语气。

3.4 输出

产品的功能规格说明,产品需要实现的功能,以及功能的优先级。

四:结构层

4.1 定义

结构层主要通过交互设计,信息架构来实现。确定各个将要呈现给用户的元素的“模式”和“顺序”,交互设计关注与将影响用户执行和完成任务的元素,信息架构则关注如何将信息表达给用户的元素。

4.2 交互设计

交互设计关注于描述“可能的用户行为”,同时定义“系统如何配合与响应”这些用户行为。

4.3 概念模型

一个概念模型可以反映系统的一个组件或是整个系统。主要是用户对交互组件将怎样工作的观点。其中需要关注错误处理(预防,改正,恢复)。

4.4 信息架构

呈现给用户的信息是否合理并具有意义。信息架构主要工作是设计组织分类和导航的结构,让用户可以高效率,有效的浏览网站的内容。

4.4.1结构化内容

从上到下:从战略层出发,从内容和功能进行分类,然后在填充。

从下到上:先整理所有资料,然后将其进行归属。

4.4.2结构应该有可扩展性。

4.4.3结构方法

信息架构的基本单位是节点。(节点有不同的定义,可以是页面的某个元素或者组合),节点的结构类型如下所示:

. 层级结构(树状结构)

. 矩阵机构(允许用户在节点与节点中间沿着两个或者更多的“维度”移动,根据不同场景,每个人不同的操作习惯去设计)。

. 自然结构(探索一系列不明确或一直演变的主体,例如信息流,内容的分发机制)

. 线性结构(书,文章,音像。例如音乐类APP的音乐列表,书架)

4.4.4组织原则(哪些节点应该编为一组)

4.4.5语言和元数据(使用用户的语言和保持一致性)

4.5 团队角色和流程

定义团队的角色和工作的流程

4.6 输出

软件架构图,说明产品的结构,从命名规则和元数据的具体细节,到信息架构和交互设计的整体概况。

五:框架层

5.1 定义

框架层用于确定用什么样的功能和形式来实现产品功能。

主要包含界面设计,导航设计,信息设计。界面设计提供给用户做某些事的能力,导航设计提供给用户去某个地方的能力,信息设计可以传达想法。要遵从用户的使用操作习惯,有效的使用比喻,减少用户在“理解和使用”你的产品功能时对猜测的要求。

5.2 界面设计

选择正确的界面元素,成功的界面设计是那些能让用户一眼就看到“最重要的东西”的界面设计。

5.3 导航设计

遵循标准:

.  提供给用户在产品内跳转的方法

.  必须产达出这些元素和他们所包含内容之间的关系

. 必须产达出它的内容和用户当前浏览页面之间的关系

导航主要分为如下类:

. 全局导航(整体的页面导航---一级导航)

. 局部导航(二级,三级导航等)

. 辅助导航(二级三级之间可以跳转)

.  友好导航(页脚)

.  网站地图

5.4 信息设计

主要通过分组和整理的方式实现

5.5 指示表示

用户在哪儿,用户能去哪儿

5.6 输出文档

原型图(线框图)

六:表现层

6.1 定义

解决并弥补产品框架层的逻辑排布的感知呈现问题。

6.2 合理设计感知

感知的来源:1 嗅觉和味觉2 触觉(触觉体验属于工业设计领域,工业设计师主要关注的是用户和产品之间的物理接触,包括界面设计,交互设计,感官设计,材料等)3 听觉 (不同的声音代表不同的信息)4 视觉(与战略层,范围层,结构层,框架层的信息是否保持一致)

3 忠于眼睛

. 最重要的信息突出显示

.  遵循一条流畅的路径

. 为用户提供有效选择某种可能的引导

4 对比和一致性

对比:将重要元素突出

一致性:将视觉元素的大小保持一致的尺寸。

5 配色方案和排版

6 设计合成品和风格指南

(原型图和UI文档)

7 输出文档

UI标准及UI图

七:总结

分析一个产品时,可以从这5个方面逐次进行分析。

创建良好的用户体验最重要的工作内容是大量收集有关待解决的非常细微的问题

1 了解你正在试着解决的问题

2 了解这些解决方法,并作出比较(可能产生的结果)

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

推荐阅读更多精彩内容