做以用户为中心的产品设计(上)

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

做以用户为中心的产品设计(上)

本文是写给谁看的?

如果您是用户体验从业新人,对用户体验为中心的产品设计模式有兴趣,本文适合您的阅读。

下面我们会讲到这样一些内容

什么是以用户为中心的产品设计?

怎样做一个以用户为中心的产品设计?

产品设计是什么?

用户研究是什么?

交互设计是什么?

视觉设计是什么?

前端开发是什么?

做有理有据的产品设计

 

Part01  什么是以用户为中心的产品设计?

 

举个例⼦

这样的场景是否眼熟:

因为这样那样的原因手机闹铃没有按时响起;因为半夜响一声电话而惊醒导致醒来头发蒙;因为不会设置微波炉定时功能错过早饭; 因为红绿灯衔接的不恰当凑够了一波路人一起过马路;被闸机挡住后才意识到公交卡里余额为零;加油站加完油后发现自动收款机不识别信用卡,冲到店内现金支付发现要排很长的队;上下班高峰期的拥堵使得绕道走一条平时没走过的路,结果却因导航错误的工作花了更多的时间;历尽千辛万苦终于赶到公司…你以为结束了,但是倒霉的一天才刚刚始。

结果,我们发现,你我无时无刻不被工具所折磨。

提问

一个产品是怎样创造出来的?

提到一个产品时,被提起最多的是什么?

作为一个创造者,你会怎样描述你的产品?

你会这样描述吗:“这是一个好看的产品,一个功能强大的产品。”

很不幸我们大多数人总意识中总会使用制造者的角度来描述一个产品。

我们制造了强大的功能的产品,但是用户却往往被强大的功能所困扰,问题出在哪?

相比传统工业产品,新兴的Web和App产品更是如此——传统产品尚且还附带一本说明书供用户参考(虽说往往作用有限),而Web和App产品,用户往往只能只身面对。

Web/App市场的现状

市场处于早期时,成功的关键是尽快推出新功能,占领先机,所谓功能为王。但随着市场的成熟,技术不再是壁垒,产品研发周期越来越短,同质产品越来越多,市场渐渐趋于成熟,饱和。这个时候,产品的竞争力就从“一个有功能的产品”,转移到了“一个功能好用的产品”。

不得不提的企鹅帝国

提到这个话题不可能不说腾讯。在为用户提供“好用的”产品 这个角度上,腾讯从来不遗余力。往往基于竞争对手产品核心功能,优化体验,推出自己的产品,从体验和渠道上全面打败对手,占据市场。我们不讨论其行为的争议性,但从另外一个角度可以说,腾讯是通过用户体验夺取了中国互联网半壁江山。

通过市场的表现我们已经看到,单纯功能为王的时代已经过去,功能与体验结合的综合素质才是未来的重心。

商业价值

一个产品体现出的商业价值分为不同的阶段,随着产品由卖基础功能向卖体验转变,产品竞争力越来越高。

那么怎样做一个以用户体验为中心的产品呢?

 

以用户为中心的设计核心思想

在产品开发的每一环节都把用户的需求纳入考虑,保证每一步设计都经过慎重的考虑。

妥协是存在的 —— 但不可以是随便的。

我们要保证每件事,每个阶段,都在按照正确的方式工作。

做有理有据的产品设计。

 

Part02  怎样做一个以用户为中心的产品设计?

 

要做到把产品设计每一环节都把用户的需求纳入考虑,首先我们需要分析,一个Web/App产品由那些环节构成。

 上面描述中的步骤,可如下粗略的对应到产品开发的层面中:

表现层:很好理解,你看到的页面的长相;

框架层:页面中不同的元素(比如按钮,输入框,文本)的布局和位置;

结构层:稍微抽象些,想想你怎样通过一系列页面,最终找到一件商品,结构层就是指这些页面的组合规则;

范围层:稍抽象,想想这个页面为你提供的具体功能或具体信息;

战略层:可以这样简单理解,公司或团队为什么要做这样一个网站。

 

产品设计的基本层面

产品的设计就是由上述五个层面构成的,五个层面通过如下方式结合在一起:

 

产品的设计与用户的使用相反,是自下而上的过程,随着层面上升,决策就越具体,并关系到最精细的细节。

基本层⾯面之间的关系

这五个基本层面也并非线性独立的,他们是作为一个整体存在,牵一发而动全身。

每个层面的决定会影响上层的范围和方向!因此在做高层面决策时一定要考虑低层面受到的影响,所以说,一个正确的流程是做有理有据的设计的基础。

基本层⾯面之间的安排

当然也并不是说每个阶段在设计过程中是必须精确的先后完成的——这样的话项目周期将会被无线拉长。从项目角度考虑,我们不主张先完成一个层面工作,再继续下一个。正确的方式是任何一个层面的工作都不可以在其下层工作结束前完成。

每个层面中对应的具体工作

接下来我们在此基础上再引入产品的两个基本特性:功能性,内容性。这样就可以将每一个阶段对应的具体设计工作描述出来了,这时团队中每个角色的职责就清晰起来:

那么每个角色的工作内容和相应的输入物又是什么呢?在后面的文章中我们讲概要说明,未完待续……

 

转载自网秦UEC

 

您的赞赏,是对我创作的最大鼓励。

评论( 0

登录后参与评论
加载中