交互探讨:以用户场景和产品需求导向的设计

标签: 产品设计 交互设计 | 发表时间:2012-09-03 23:25 | 作者:P迪
出处:http://www.alibuybuy.com

在对设计师而言,对自己设计最重要的就是深刻理解产品需求,深入考虑用户是如何使用产品,

 

作为交互设计师,我觉得有几个发展阶段:

初入这个领域,大部份人可能更多精力放在如何使用工具、如何画线框图、如何将想法变为实际可见的Demo;

再往下一个阶段的设计师,可能会考虑线框图怎样做得更加合理、怎样可以有更棒的交互效果、关注任务流程和信息结构的设计以及可用性原则;

再到一个更高层次,我觉得需要设计师在前两个层次的基础上去前置产品,深刻理解产品需求,深入考虑用户是如何使用产品的。用户使用产品有哪些路径以及在这些路径上的实际使用场景是怎样的。哪些是强场景,哪些是弱场景,在各场景下用户目标是怎样的,他们有怎样的需求,哪些是强需求,哪些是弱需求……

跟大家分享第3个层次的设计方法,这些方法适合WebBase类产品的设计。

首先做产品的初期,从PM那里拿到需求时,一定不是立马开始画线框图。做一个产品,我们设计师的工作就是要确定两个核心的问题:1、需要哪些页面以及这些页面的关系;2、每个页面应该如何设计。

对于第1个问题我是这样考虑的。首先确定产品的用户群和使用场景,这里的用户群是产品中实际存在的、互斥的几个群体,分类方法很多,以产品自身特征来确定,也可以在前期用研的基础上来确定。基于此思路就产生下面的一个思维图:

 
当然,这里需要去判断哪些是强场景,哪些是弱场景,然后在做设计时,做些取舍。比如强场景下,可以考虑将较核心的路径入口添加到明显的位置(如导航)。

拿百度身边来举例,这里按这种模型大致罗列了页面路径:

 

(这边重点介绍设计模型,对于里面的分类方法是否有优化空间这里不做特别的探讨)

​    在设计时,我们综合考虑这两种用户,并从中选择几个最强的场景,如找美食、商家,这样就需要有清晰的商家聚合页及美食聚合页。

​    现在,“需要哪些页面以及这些页面之间的关系”已经非常清楚了,我们就可以产出如下产品架构图:

 

第1个问题解决了,下面看看单独一个页面应该如何去设计。

首先还是引用与第1个问题类似的设计模型:考虑此页面有几种互斥的用户,这些用户在这个页面有哪些使用场景,每一种使用场景下用户有哪些需求及对应的功能。针对每一个功能,从深度、广度、频度这3个维度来评价功能的强弱。功能越强,设计时需要优先考虑此功能,比如在最明显的位置给予最强的展现;功能越弱,则考虑将功能隐藏、合并或置于非核心视图区域。

以百度XX产品APP官网为例,引用此模型则可以导出以下思维图:

由此模型,我们发现平台入口、下载入口、产品功能等得分较高,因此这些是我们在设计时需要重点考虑和突出展示的信息。因此,我们做了以下的设计:

在设计一个产品过程中,引入以上设计模型,我们可以真正做到“以用户为中心“去设计,同时,可以非常清晰的解决以下问题:

模拟重现真实用户实际是如何使用我们的产品,避免盲目的主观臆断;

设计师与PM能用同样的思维模式考虑同一个问题,避免无休的争论;

真实考虑每一种用户的使用路径,为任务流程的优化以及页面路径的合理化提供依据;

重现每个页面的用户目标及需求,从而使页面布局和功能展现更加合理,符合用户预期;

原文链接:【 交互探讨:以用户场景和产品需求导向的设计

 


© 推荐 for 互联网的那点事, 2012. | Permalink | No comment | Add to del.icio.us
Post tags:

你可能也喜欢:

评价:马化腾内部演讲的《产品设计与用户体验》PPT (@70man)

Product2.0——用户创造产品的影响力 (@showeb20)

从春节回家买票看产品设计和用户需求把握

了解用户需求,做有用户价值的产品

浅谈设计的一致性与用户需求
无觅

Feed enhanced by Better Feed from Ozh

相关 [探讨 用户 景和] 推荐:

交互探讨:以用户场景和产品需求导向的设计

- - 互联网的那点事
在对设计师而言,对自己设计最重要的就是深刻理解产品需求,深入考虑用户是如何使用产品,. 作为交互设计师,我觉得有几个发展阶段:. 初入这个领域,大部份人可能更多精力放在如何使用工具、如何画线框图、如何将想法变为实际可见的Demo;. 再往下一个阶段的设计师,可能会考虑线框图怎样做得更加合理、怎样可以有更棒的交互效果、关注任务流程和信息结构的设计以及可用性原则;.

Hadoop版本选择探讨

- - 董的博客
Dong | 新浪微博: 西成懂 | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及 版权声明. 网址: http://dongxicheng.org/mapreduce-nextgen/how-to-select-hadoop-versions/. 由于Hadoop版本混乱多变,因此,Hadoop的版本选择问题一直令很多初级用户苦恼.

卡片式设计探讨

- - 盒子UI
生活中我们会接触到各式各样的卡片. 比如直截了当的扑克,一个图案,一个文字,很清晰传达出这张卡片所代表的含义.        又比如名片,小小的卡片上需要短时间让一个陌生人认识你,需要提炼哪些信息来实现:姓名,电话,职位,公司等.       卡片作为普遍使用的信息传达的承载样式,它具有以下这些特点:.

探讨对称性交互应用

- Draven - 所有文章 - UCD大社区
在界面设计中,对称性的信息呈现方式非常普遍,信息等价并且均匀分布在规则的几何图形周边能带来和谐的比例与平衡. 在交互设计过程中,让用户的操作流也以对称性的方式完成,我们称之为对称性交互(Symmetry of Interaction). 比如iPhone手机的开关机过程,都是以如下流程进行:. 开关机作为手机常用的一套相关操作,其设计思路也采纳了对称性交互原则,让两者遵循同样的流程进行,很容易理解和学习.

关于支付流程的探讨

- susanna.fang - 互联网的那点事
一直很奇怪的一点是:类似团购等模式最近越来越火,关于团购行为的分析文章也很多. 但是当我网上搜索关于团购网站支付流程等相关的文章时,竟然没有任何类似的文章,不得以本人亲自研究了一下,由此写下了关于团购支付流程的这篇文章. 本人没有做过相关的支付流程,也并不确认每家网站的做法一致,纯属抛砖引玉,有考虑不详敬请赐教.

切客(Checker)Check in核心价值探讨

- 壮壮爱 - 天涯海阁-Web2.0Share
前一阵去北京参加了2010年中国首届切客大会,在大会上作了《切客(Check in)核心价值探讨》的分享,现将分享主要内容和大家分享:). 这次分享的《切客(Check in)核心价值探讨》主要分享了我对于切客,LBS提供商和商家三个LBS服务中重要角色使用LBS服务的核心驱动或者商业价值. 切客通过LBS服务进行签到,分享自己的位置,LBS服务为商家提供营销的平台,同时商家也为活跃的切客提供一些折扣或者其他方式的奖励,这三者围绕地理位置着一个元素很紧密的结合在一起.

iphone Web App 导航设计探讨

- Vingel - 互联网的那点事
最近在做iphone端Web App的项目. 由于产品形式新颖,技术环境不成熟,公司给与了较宽松的研发时间. 在一个月的交互设计阶段,每个环节都得到多次讨论推敲,我从中感悟颇多. 导航系统的设计是一个比较典型的点,拿出来与大家分享讨论一下. iphone Native App较常见的导航如下图所示:.

实战探讨:电商如何落地?

- - 商业不靠谱
去年年底央视年度经济人物评选时,王健林和马云的一个赌局吸引了很多人的关注,也引来了电商与传统业态喜忧参半的大思考. 电商喜在其发展速度惊人,未来几乎所有商业都是电商,电商已经融入人们生活的方方面面. 传统业态喜的是,并不是所有电商都赚钱,2012年沉沦的电商比比皆是,而懂得率先E化和转型的传统商业将顺应消费者的习惯,通过网络平台赢得更多客源.