全面解析用户体验设计的基本流程

CDC的设计流程主要考虑两方面的问题:

1、设计原则从何而来

1)始终将用户体验放在第一位

在设计流程中将用户体验融入其中,将其贯穿于设计的始末,使用户体验的结论能够直接影响到设计的方向。同时设计过程中通过展开脑暴、竞品分析、焦点小组等方式对设计需求进行深入的挖掘,需求从何而来,为什么会有这样的需求,准确把握设计的方向。

2)细化分工

在设计流程中,将设计任务分解为用研、交互、视觉,各个角色职责明确并相互配合,在各领域有专业的表现。

3)引入专家设计师和项目PM

专家设计师通过设计评审,将自己的设计理念传达给设计师,引导设计方向,把控整体项目的质量。项目PM对项目进度、需求任务、设计人力的把控,保证设计工作有条不紊的展开,并最终完成项目目标。

4)设计规范的建立

设计项目完成后,设计师对设计内容进行规范文件的梳理,保证设计理念的沉淀以及风格的统一。

2、如何配合设计的上下游团队

1)参与产品的前期规划

把握产品的规划与目标是后期设计工作展开的重要依据。

2)产品与项目PM接洽,需求排期

通过对设计需求进行排期配合产品开发的节奏,保证项目的顺畅。

3)体验走查和可用性测试

设计完成,跟进开发实现,实现输出中,进行体验走查和可用性测试,保证设计实现的质量和是否否和用户的预期。

流程的实施

1、有效的管理工具

好的管理工具能够帮助团队规范化管理。我们为自己量身打造了一系列工具来提高设计管理效率,如Prowork工具,他能提供项目流程、工作任务、文档等一系列线上管理。还有TAPD、UID等一系列工具。

2、敏捷式项目管理

通过关注设计效率,改进工作方式,修正设计流程促使团队高效、快捷的响应任务。

3、提炼式操作

针对不同的产品预期与目标,灵活操作,设定不同的流程路径。

4、持续改进

定期对项目流程回归、探讨,调整是非常重要的。

总之,设计流程是为了更好的顺应设计的执行而非约束设计,在实际的操作过程中,需实时把握每个设计项目的特点,使得设计项目流程顺畅

以上内容部分来自CDC《在你身边,为你设计》一书,书中总结了自CDC成立以来的用户体验之道。得道之悟,便在其中。

设计存在于设计流程中。

设计师的工作是基于设计流程的。

和很多朋友讨论过设计流程。这个流程在每个国家、每个行业、每个公司、甚至是同个公司的不同业务下,都是不一样的。所以要写出来,很难统一概括。

与设计师相关的设计流程,可能一个基本认知是这样的:

产品需求,交互设计,视觉设计,前端开发。

再丰富一些:

市场分析,创意阶段,用户研究,概念设计,设计控件预设,交互设计,交互Demo,用户测试,视觉预研,视觉设计,设计Demo,用户验证测试,前端开发,开发Demo,展示Demo,迭代,用户测试,测试数据回收,用户数据验证,灰度,全量,项目总结,规范输出,控件库,用户跟踪反馈……

再凌乱一些:

以上所有点,顺序是可以根据敏捷开发的需求,灵活排列的。也可以随机组合

所以,现在大多公司的设计流程,是一个标准且完整的架子。在实际设计项目中使用,并不一定是那么规范和统一的。有时项目大,可能流程走的完整;有时项目小步快跑,流程就会被精简为一个可用且贴合业务的小流程。

设计流程为什么这么不可控?因为设计不是完全理性、可工程化的。一辆汽车可以通过完整有效的流程快速组装起来,且能保证质量;点子、思路、设计,不能这样。没有人能提供一个设计流程,能保证任何人进入这个流程,挨着一步一步做,就能做出设计精品。所以设计流程,是帮助产品设计推动,且为设计思路提供思考维度的一个不可工程化的方式。

我在美国、中国、德国工作时,都和设计师小伙伴一起制定了很多设计流程和方法。每个都不一样。

但是我发现,思考维度是类似的。

所以今天,我想借用Jesse James Garrett书中对用户体验要素分层的一个参考,来描述下设计流程的思考维度。

书名:用户体验要素:以用户为中心的产品设计

作者:Jesse James Garrett

1,Surface 表现层

2,Skeleton 框架层

3,Structure 结构层

4,Scope 范围层

5,Strategy 战略层

这是书中对用户体验要素分层的想法。我觉得贴合设计流程来描述,应该反过来说。

1,Strategy 战略层

经营者想要什么?用户想要什么?这两个问题能回答清楚,才能算是了解这个产品设计的战略层。

经营者想要什么是商业需求,用户想要什么是用户需求。有了这个基本理解,才能准确理解产品设计的商业价值和用户价值。

听上去很简单。但是做起来不一定简单。很多设计师在执行层,得到需求,完成设计工作。我个人认为大部分设计师是能清晰理解用户需求的;但是不一定每个设计师都能清晰理解商业需求。

例如做一个社交产品。年轻设计师很清楚这个社交产品面对的用户群体和核心用户场景(做了基本的Persona和Scenario分析),比较了解用户在使用这个产品过程中的心理模型和行为习惯(通过共感等方式)。但是年轻设计师可能不够了解这些问题:这个社交产品的商业价值是什么?怎么给公司带来收益?每一个点击、每一个新增用户、每一个广告位、每一个流失、每一个转化率各自意味着什么?这些细节对商业数据的影响?

这个理解程度差异直接给年轻设计师带来两个问题:与产品方合作的时候讲不清楚,达不成一致;对产品理解的全局观不到位(很难成为产品的Owner)。

我有时会对团队的设计师提一些问题,是与用户体验设计相对无关的。例如:

这个产品的未来3年你怎么看?

这个产品现在所处的区间,是否有巨大优势且可以成功?

这个产品真实的产品差异点在哪儿?

这些都是战略层问题。也是一些设计师小伙伴忽略的部分。

所以,设计流程第一步,我觉得应该是透彻理解产品的战略层,包括商业价值和用户价值,也就是,怎样帮助公司持续发展地赚钱?怎样帮助用户提升他们的生活品质?

2,Scope 范围层

产品到底需要什么样的功能和特性?换言之,这个产品要做什么。

早期的互联网产品,怎么丰富怎么来。产品经理希望把100个内容模块都一起扔到一个页面上。那个时候做设计真心是痛苦啊。现在好多了,大家都越来越清楚聚焦、简洁的重要性。

一个产品,有1-3个杀手级功能、特性就足够精彩。

例如:Facebook的赞;Foursquare的Check in;Yo的Yo;微信的语音聊天等。

设计流程第二步,就是要知道产品需要什么样的功能。这些功能要足够满足第一步中的商业价值和用户价值,还需要把故事说清楚。在一个产品中,功能不需要太多。

设计师面临的挑战是:做新产品的时候,输入方太多,点子太多,如何选择如何执行,压力很大;做改版的时候,可能现有版本的功能特性已经很多,没有办法聚焦,你要改动的时候,又会影响产品现有的形态和利益,如何精进?

这些问题都可以从第一步战略层的思考得到输入和帮助,甚至可以直接解决问题。

3,Structure 结构层

结构层里重点思考结构的具体表达方式,例如流程的进行方式、界面元素的位置逻辑、导航的布局原则等,所以这个层关注信息框架和交互流程设计。

这就是设计师进入交互设计的时候,是第三步。海量的设计准则、丰富的设计经验、灵感和创意,都可以在交互设计中得到体现。交互设计可以说是具体设计的第一步,一个产品执行过程中的质量和创新程度,交互设计是起始点。

产品方和用户关注最多的,一个产品好不好用,就依赖于交互设计中的每个细节:流程是否流畅;提示是否充足;容错性好不好;操作是否自然;界面是否统一;效率是否高……

在设计流程的第三步中,交互设计需要准确把握商业价值、用户价值,理解产品的核心功能特性,有效有质量地描述整个产品结构、节奏、特质。是设计执行中非常关键的一步。

4,Skeleton 框架层

框架层主要就是做每个界面了。这是设计执行中,交互设计量最大的工作。

界面中每个元素,例如文字、图片,如何细致地布置在一个页面中。文字设计要精确到字段的大小、字体的大小,图片设计要精确到组合布局的展示、形状的释义等。精细的交互稿可以完全展现产品形态,一个黑白的产品形态。

框架层,大部分设计师每天都接触,就不一一讲述方法了。只讲两个点。

细致

这个时候的细致体现在设计师每个元素布局、像素精准、整体感观、交互逻辑定位、交互标注等方面。足够细致的交互稿,可以提升产品设计结果品质、帮助视觉设计更好地进行视觉创意、帮助开发测试更准确理解产品设计。

创新

战略层、范围层,我们已经经历了创新的主要阶段。框架层是二次创新的黄金机会。很多微创新、界面创新、特效创新,都来自这个阶段。苹果新的iOS与Google新的设计准则中强调的交互动效创新,很多可以发生在框架层设计阶段。

5,Surface 表现层

关注感官的关键阶段。视觉设计师、艺术家是核心。

一个产品经历了各种打磨,终于到最终呈现的阶段。最终用户看到的产品,80%是来自于表现层的设计工作。虽然产品设计背后的业务逻辑、功能巧思、开发创新非常多,但是用户看到的感官部分,表现层设计是最多的。

表现层是最直观地看设计师本事的阶段。优秀的视觉设计师、动效设计师、品牌设计师可以在这个层发挥得淋漓尽致。

以上5层并没有区分角色。而且我不认为每个角色应该局限在某一个层中。

交互设计师我建议是要完全进入5个层的,这样对你把握整个产品的特质、故事、灵魂非常重要。要做到不仅仅是Designer,而是Owner,这5个层你都得完整理解并有一定控制权。

视觉设计师也不要仅仅停留在后几个层。诚然,视觉设计师在设计流程的后面多一些,所以要去理解前几个层不那么直观,例如视觉设计师可能不会参加战略层和范围层的会议。但是你想想,视觉设计师已经有充足的艺术气息、视觉设计技能,再加上对前几个层的理解,会是多么强大啊。

用户研究工程师,在这5个层是非常关键的。你们是用户和业务之间的桥梁。用户是什么样子,他们的一颦一笑一举一动,都是你们带来的。所以用户研究应该贯穿在5个层中,通过使用不同的用户研究方法(专家测试、用户测试、用户画像、问卷、数据分析等)去提供产品设计支持。

前端开发工程师,现在的要求更高了,不仅仅是要实现,还要创造。强大互联网公司(Google)的工程师文化是有依据的,技术创新是设计创新的一大输入点。前端开发工程师精通技术,如果再理解业务懂设计,基本是无敌的。

希望这个5层的设计流程思考维度分析,对你以后对设计的理解有一定帮助

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

推荐阅读更多精彩内容