数极客首页

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

2012年初,我担任
了对公司“深度匹配”产品中止

了一次全面的用户体验规划,对产品整体的设计展开
提供了用户视角的依据

。过程收到了PD同窗
和业务团队的一些不错的反响

。在这里和大家分享一下这个设计推导过程。

新设计师在中止

交互设计时,很容易直接进入细致

的界面层的设计思索

,而整个过程中的前期推导过程却很容易被疏忽
,在这个案例中会着重前期推导的部分

 

基于提炼的办法

先放出一张我在设计过程中提炼的设计思想
完好
的流程图,案例中的整个设计规划过程也基于该图的阶段过程展开,本文范围主要针对概念到定义页面的这部分

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

上图能够
看出我们的整个转化过程触及
产品从概念到元素的一直
,不同阶段的偏重
点和目的各不相同,且每个阶段的转化节点都基于客观实践
的实线关联,以保证由始至终的需求转化不失真。

以此来看,整个设计过程就是一个不时
Zoom in(放大聚焦)的过程,基于用户本源

需求不时
细致

化。在考证
我们的设计能否
契合
目的
的时分
,我们也需求
不时
的Zoom out(减少
),从更整体视角去俯视。

接下来我们开端
看这个设计过程。

全局

OK,我们第一
来看一下用户在外贸中的主要行为,用户需求的基本

概念是什么?
下图能够
看到,买家和卖家第一
要达成订单意向,然后买家得到货物,卖家得到货款,这样就完成了外贸的整个过程,我们的网站效劳
也是基于这个方式

展开。

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

让我们Zoom in一下..

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

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

当我们的用户目的
和产品目的
分明
之后,怎样
做?

让我们继续Zoom in..

基于外贸专家提供的一些依据

,我们以外贸过程中的用户行为树立
起对应的产品用户行为概念模型,这样以来用户在整个过程中,主途径
、任务目的
就十分
明晰
了,交互设计后续展开有了基本

骨架。

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

继续 Zoom in..

对应上图的纯用户行为视角,再稍微

细化一下,把他转化为产品的用户行为流程图,把笼统
的信息结构

化。比如

,上图中报价只是一个箭头表示信息流买家,而实践
的网站行为中,报价需求
买家主动去查看。所以该行为被结构

化成一个规范
网站行为术语“查看”。整体着眼,我们能够
察看
到不同用户的目的
,行为,产生的信息,以及之间的关联和流向。

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

上图曾经
很分明
的描画

了该产品中的用户行为逻辑,但是作为设计的需求还是不够细致

我们还得继续Zoom in ..

我们把这些结构

化的信息基于用户情形
转化为页面架构关系,如下图。注:由于
一些缘由
,我们隐去了图片中的部分

称号

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

上图中,和前一张图中止

对照,之前结构

化的行为和信息,被转化成了不同的页面来中止

承载,而自身
的逻辑关系依然

没变化,和之前完整
分歧
。(仅由于
用户的管理需求增加了管理部分

)我们能够
察看
到不同的用户有完整
不同的情形
和操作页面,同时之间的信息又是相互
关联的,整个流程最终能抵达
目的
闭环。

PS:基于这个图,我们能够
察看
出用户的页面环境应分为不同的角色独立展开..

继续Zoom in  …

接下来,我们要对一切
的页面中止

一下归结
如下。注:由于
一些缘由
,我们隐去了细致

页面称号

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

去掉了那些箭头联络
后,我们单独来看这些页面,是不是发现很有规律,十分
的有结构

?整理下来,页面需求十分
明晰
了(能够
评价
工作量啦.. 哈哈),如下

  • 主页
  • 表单
  • 操作提示
  • 细致
    页面
  • 收件箱
  • 列表
  • 编辑页

在这个基础

上,我们依据
每个页面自身
的形态来定制统一框架, 再基于页面承载的信息和功用
中止

规划
,整个交互设计就曾经
基本

OK了。当然在细致

的页面中还会有愈加
细化的设计,我们能够
依据

我们的设计组件和设计规则来完成,在这里就不展开赘述了

总结

回想

刚才

的这个过程,会发现,我们的交互设计就是一个不时
基于需求的本源

Zoom in的一个推导过程,在这个过程中,每个细化过程都基于上一步的明晰
目的
展开
,环环相扣。这样的办法
能够
让我们设计的每个步骤都有系统化的支撑,不会偏离主要的目的
。在设计工作终了

后,我们再经过
Zoom out的方式来反向考证
,来检验最终的设计能否
契合
了最初的设计目的
。(想让我演示一下Zoom out的童鞋,请把本文倒序阅读…)

以上是基于个人设计思绪
办法
的一个由粗到细的推导过程案例,能够
应用在新产品的设计、老产品的优化、设计评价
等过程中,希望能给大家带来一些辅佐

欢送
大家和我讨论

电子邮箱: ruihang.tianrh@alibaba-inc.com
新浪微博: http://weibo.com/tianruihang 欢送
关注

特别感激
 Eric 小贩熊 对本文的鼎力
指导和支持:)

来源:http://www.aliued.com/2012/07/24/916/

给大家引荐
我国新一代大数据用户行为剖析
与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析
用户行为数据和业务数据,能够
自动监测网站、APP、小程序等多种渠道推行
效果剖析
,是增长黑客们必备的互联网数据剖析
软件。数极客支持实时多维剖析
、漏斗剖析
、留存剖析
、途径
剖析
等十大数据剖析
办法
以及APP数据剖析
网站统计网站剖析
小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析
模型,是用户行为剖析
范畴
首款应用定量剖析
与定性剖析
办法
数据剖析
产品

发表评论

评论已关闭。

相关文章