ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 整体到细节的交互设计规划

整体到细节的交互设计规划

原创 Linux操作系统 作者:q77585214 时间:2012-07-28 14:20:48 0 删除 编辑
2012年初,我负责了对公司“深度匹配”产品进行了一次全面的用户体验规划,对产品整体的设计开展提供了用户视角的依据。过程收到了PD同学和业务团队的一些不错的反馈。在这里和大家分享一下这个设计推导过程。 新设计师在进行交互设计时,很容易直接进入具体的界面层的设计思考,而整个过程中的前期推导过程却很容易被忽略,在这个案例中会着重前期推导的部分。 基于提炼的方法论 先放出一张我在设计过程中提炼的设计思维完整的流程图,案例中的整个设计规划过程也基于该图的阶段过程展开,本文范围主要针对概念到定义页面的这部分。

整体到细节的交互设计规划

上图可以看出我们的整个转化过程涉及产品从概念到元素的始终,不同阶段的侧重点和目的各不相同,且每个阶段的转化节点都基于客观实际的实线关联,以保证由始至终的需求转化不失真。 以此来看,整个设计过程就是一个不断Zoom in(放大聚焦)的过程,基于用户本源需求不断具体化。在验证我们的设计是否符合目标的时候,我们也需要不断的Zoom out(缩小),从更整体视角去俯视。 接下来我们开始看这个设计过程。 全局 OK,我们首先来看一下用户在外贸中的主要行为,用户需求的基本概念是什么? 下图可以看到,买家和卖家首先要达成订单意向,然后买家得到货物,卖家得到货款,这样就完成了外贸的整个过程,我们的网站服务也是基于这个模式展开。

整体到细节的交互设计规划

让我们Zoom in一下.. “深度匹配”是什么?我们定义它的目标是:促成买家卖家达成订单意向,简单说就是撮合服务。这是买卖家在外贸行为中的首要的一环。

整体到细节的交互设计规划

当我们的用户目标和产品目标清楚之后,怎么做? 让我们继续Zoom in.. 基于外贸专家提供的一些依据,我们以外贸过程中的用户行为建立起对应的产品用户行为概念模型,这样以来用户在整个过程中,主路径、任务目标就非常清晰了,交互设计后续展开有了基本骨架。

整体到细节的交互设计规划

继续 Zoom in.. 对应上图的纯用户行为视角,再稍微细化一下,把他转化为产品的用户行为流程图,把抽象的信息结构化。比如,上图中报价只是一个箭头表示信息流买家,而实际的网站行为中,报价需要买家主动去查看。所以该行为被结构化成一个标准网站行为术语“查看”。整体着眼,我们可以观察到不同用户的目标,行为,产生的信息,以及之间的关联和流向。

整体到细节的交互设计规划

上图已经很清楚的描述了该产品中的用户行为逻辑,但是作为设计的需求还是不够具体。 我们还得继续Zoom in .. 我们把这些结构化的信息基于用户情景转化为页面架构关系,如下图。注:因为一些原因,我们隐去了图片中的部分名称。 整体到细节的交互设计规划 上图中,和前一张图进行对照,之前结构化的行为和信息,被转化成了不同的页面来进行承载,而本身的逻辑关系依然没变化,和之前完全一致。(仅因为用户的管理需求增加了管理部分)我们可以观察到不同的用户有完全不同的情景和操作页面,同时之间的信息又是互相关联的,整个流程最终能到达目标闭环。 PS:基于这个图,我们可以观察出用户的页面环境应分为不同的角色独立展开.. 继续Zoom in

Link URL: http://blog.jobbole.com/24353/?utm_source=rss&utm_medium=rss&utm_campaign=%25e6%2595%25b4%25e4%25bd%2593%25e5%2588%25b0%25e7%25bb%2586%25e8%258a%2582%25e7%259a%2584%25e4%25ba%25a4%25e4%25ba%2592%25e8%25ae%25be%25e8%25ae%25a1%25e8%25a7%2584%25e5%2588%2592

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/27207730/viewspace-737974/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2012-07-28

  • 博文量
    16
  • 访问量
    7514