科技: 人物 企业 技术 IT业 TMT
科普: 自然 科学 科幻 宇宙 科学家
通信: 历史 技术 手机 词典 3G馆
索引: 分类 推荐 专题 热点 排行榜
互联网: 广告 营销 政务 游戏 google
新媒体: 社交 博客 学者 人物 传播学
新思想: 网站 新书 新知 新词 思想家
图书馆: 文化 商业 管理 经济 期刊
网络文化: 社会 红人 黑客 治理 亚文化
创业百科: VC 词典 指南 案例 创业史
前沿科技: 清洁 绿色 纳米 生物 环保
知识产权: 盗版 共享 学人 法规 著作
用户名: 密码: 注册 忘记密码?
    创建新词条
科技百科——欢迎光临全球最大的互联网博物馆
  • 人气指数: 3705 次
  • 编辑次数: 1 次 历史版本
  • 更新时间: 2012-07-27
高兴
高兴
发短消息
相关词条
整体到细节的交互设计规划
整体到细节的交互设计规划
页面切换的动画过渡
页面切换的动画过渡
27款海量网站设计集
27款海量网站设计集
让网站适应视网膜分辨率
让网站适应视网膜分辨率
iPhone和iPad Web开发上手指南
iPhone和iPad Web开发上手指南
15个华丽的移动UI设计灵感
15个华丽的移动UI设计灵感
iPad和iPhone App界面设计的30个案例
iPad和iPhone App界面设计的30个案例
通往优秀UI设计师之路的20个路标
通往优秀UI设计师之路的20个路标
统计图和信息可视化之争
统计图和信息可视化之争
Metro风格软件界面欣赏
Metro风格软件界面欣赏
推荐词条
希拉里二度竞选
希拉里二度竞选
《互联网百科系列》
《互联网百科系列》
《黑客百科》
《黑客百科》
《网络舆情百科》
《网络舆情百科》
《网络治理百科》
《网络治理百科》
《硅谷百科》
《硅谷百科》
桑达尔·皮查伊
桑达尔·皮查伊
阿里双十一成交额
阿里双十一成交额
王健林电商梦
王健林电商梦
陌陌IPO
陌陌IPO
最新词条

热门标签

微博侠 数字营销2011年度总结 政务微博元年 2011微博十大事件 美国十大创业孵化器 盘点美国导师型创业孵化器 盘点导师型创业孵化器 TechStars 智能电视大战前夜 竞争型国企 公益型国企 2011央视经济年度人物 Rhianna Pratchett 莱恩娜·普莱契 Zynga与Facebook关系 Zynga盈利危机 2010年手机社交游戏行业分析报告 游戏奖励 主流手机游戏公司运营表现 主流手机游戏公司运营对比数据 创建游戏原型 正反馈现象 易用性设计增强游戏体验 易用性设计 《The Sims Social》社交亮 心理生理学与游戏 Kixeye Storm8 Storm8公司 女性玩家营销策略 休闲游戏的创新性 游戏运营的数据分析 社交游戏分析学常见术语 游戏运营数据解析 iPad风行美国校园 iPad终结传统教科书 游戏平衡性 成长类型及情感元素 鸿蒙国际 云骗钱 2011年政务微博报告 《2011年政务微博报告》 方正产业图谱 方正改制考 通信企业属公益型国企 善用玩家作弊行为 手机游戏传播 每用户平均收入 ARPU值 ARPU 游戏授权三面观 游戏设计所运用的化学原理 iOS应用人性化界面设计原则 硬核游戏 硬核社交游戏 生物测量法研究玩家 全球移动用户 用户研究三部曲 Tagged转型故事 Tagged Instagram火爆的3大原因 全球第四大社交网络Badoo Badoo 2011年最迅猛的20大创业公司 病毒式传播功能支持的游戏设计 病毒式传播功能 美国社交游戏虚拟商品收益 Flipboard改变阅读 盘点10大最难iPhone游戏 移动应用设计7大主流趋势 成功的设计文件十个要点 游戏设计文件 应用内置付费功能 内置付费功能 IAP功能 IAP IAP模式 游戏易用性测试 生理心理游戏评估 游戏化游戏 全美社交游戏规模 美国社交游戏市场 全球平板电脑出货量 Facebook虚拟商品收益 Facebook全球广告营收 Facebook广告营收 失败游戏设计的数宗罪名 休闲游戏设计要点 玩游戏可提高认知能力 玩游戏与认知能力 全球游戏广告 独立开发者提高工作效率的100个要点 Facebook亚洲用户 免费游戏的10种创收模式 人类大脑可下载 2012年最值得期待的20位硅谷企业家 做空中概股的幕后黑手 做空中概股幕后黑手 苹果2013营收 Playfish社交游戏架构

整体到细节的交互设计规划 发表评论(0) 编辑词条

目录

整体到细节的交互设计规划 编辑本段回目录

【编者按】本文转载自AliUED,作者@瑞航-Ryan 。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的童鞋,请把本文倒序阅读…)

以上是基于个人设计思路方法的一个由粗到细的推导过程案例,可以应用在新产品的设计、老产品的优化、设计评估等过程中,希望能给大家带来一些帮助。

原文链接:整体到细节的交互设计规划

→如果您认为本词条还有待完善,请 编辑词条

词条内容仅供参考,如果您需要解决具体问题
(尤其在法律、医学等领域),建议您咨询相关领域专业人士。
1

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

收藏到: Favorites  

同义词: 暂无同义词

关于本词条的评论 (共0条)发表评论>>

对词条发表评论

评论长度最大为200个字符。