每个网页有大量的链接,如何了解用户会点击哪些链接,以及这些点击会产生什么样的商业结果?我们可以利用Google Analytics中的“网页内分析”功能来回答这些问题。这里,我介绍一下如何使用“网页内分析”的功能和数据解读。

1. 访问“网页内分析”功能

进入GA报表后台,在左侧导航栏内找到 “内容”- “网页内分析”模块(截图下方红圈处)

image

点击链接,可以看到“网页内分析”的界面,左侧有“内容详情”(含访问量及相关统计信息)- “入站来源”(进入当前页面的访问路径,也就是访问者从哪个页面链接引过来的) – “站外目标网页”(离开当前页面后的访问路径,也就是访问者接下来访问什么页面);网页主体部分内将自动加载嵌入小秘书网站页面,并且页面内的链接上会浮现气泡图和相应统计数据。

image

2. 几个关键指标的说明

  • a) “网页内分析”的默认指标是“点击次数”,但实际上GA并非跟踪鼠标的点击行为,而是根据链接目标页面的网页访问(PV)行为进行统计。这样产生的一个问题就是,该页面内的多个链接可能会指向同一个链接目标页面,这样的话,这些相同链接的指标数值就是一样的(目标页面url一样)。GA针对这种情况做了一些标记:

clip_image005 “首页”存在多个指向链接,气泡图用虚线进行标注;“找餐厅”只有唯一指向连接,则是实线

当我们把鼠标停留在有多个指向链接的气泡图上,该网页内相同指向链接的气泡图也会被黑亮显示。如下图:

clip_image007

  • b) 气泡图内的数据计算:
  • 绝对值指标:

“点击次数”=该链接被访问过多少次;

“收入”=“访问过当前网页该链接的所有访问进程中,曾经购买的现金券的金额数”

“目标      1”=“访问过当前网页该链接的所有访问进程中,有多少次访问进程曾经在网上订餐”

  • 相对值指标:

“点击率”=该链接被访问过的次数 / 当前页面所有链接被访问的次数;

“收入”=“访问过当前网页该链接的所有访问进程中,曾经购买的现金券的金额数” / “访问过当前网页所有链接的所有访问进程中,曾经购买的现金券的金额数”

“目标 1”=“访问过当前网页该链接的所有访问进程中,有多少次访问进程曾经在网上订餐”/ “访问过当前网页所有链接的所有访问进程中,所有访问进程曾经在网上订餐的总次数”

注意:这里的相对值指标,并非是“转化率”的概念,而是某一个链接在该网页所有链接访问指标中所占的比重!

3. 分析举例:

首页Banner幻灯片2指向的链接http://www.xiaomishu.com/square/food/special_5999 ,指标数据如下:

image

我们看到,在统计期内,获得了172次点击(浏览次数),在访问过此链接的所有访问进程中,产生了价值“1800.00”的目标价值(我们预设了每次网上订餐均为一次目标完成,价值100元),以及18次网上订餐和1次兑换礼品。172次的点击,占首页总链接点击数的0.5%,分别各占所有首页访问进程目标1完成和目标价值的0.6%。

从首页进入目标网页http://www.xiaomishu.com/square/food/special_5999 (截图下半部分),我们可以看到访问者在该页面点击过哪些链接,以及从哪些路径访问到该页面(除首页Banner幻灯片广告链接外)

clip_image010

clip_image012

4. 常见问题

  • 某些连接为什么没有数据?

页面中所有的出站链接

Google Analytics默认不会追踪出站链接,所以对于页面中所有指向站外的链接都无法统计到点击次数。此外,指向站内子域名的链接,GA也不会进行统计,譬如www.xiaomishu.com某个网页中指向wedding.xiaomishu.com/ 子站的链接。

页面中包含在JS/Flash中的链接

当页面中的链接包含在JS/Flash中时,Google Analytics无法追踪到这部分点击的数据,同样热力图中也不会包含这些链接的点击次数。

网站内使用了Google Analytics的虚拟页面trackPageView()来跟踪链接,由于虚拟页面会人工改写链接url,GA不能获取原始url信息,所以无法跟网页内的真实链接进行匹配了。

  • 下载,订阅等功能性按钮

下载,订阅,视频播放等非页面浏览行为默认都不会被Google Analytics追踪到。解决的方法同样是使用虚拟页面进行追踪。

链接目标页面中不包含GATC

Google Analytics利用后续页面的PV计算前一页面链接的点击量,所以,如果碰巧后面的页面没有实施GATC,那么Google Analytics也就没有数据用来计算热力图中的链接点击量了。

  • 整页点击量汇总等于100%吗?

是的,整个页面中各个链接的点击量占比加在一起是等于100%的。

 

案例:“大众点评网”使用的“微数据Microdata”,应用于站内连接、面包屑、餐厅点评和地址等信息,从而在搜索引擎结果展示页面上提供更用户友好的信息展示,从而提高搜索转化率。

clip_image002

clip_image004

 

从上面的截图可以看到,“大众点评网”在Google的搜索结果页,具有良好的结构化呈现,并且信息丰富,满足搜索用户的多样化需要,从而提供了极佳的体验,对搜索结果展示转化成点击量,具有非常重要的提升作用。“大众点评网”是如何做到的呢?我碰到的一些所谓SEO业内人士(譬如预定酒店机票“X程”内部SEO经理)竟然说这是因为“大众点评网”跟Google的关系很好,所以有所优待……真能扯淡啊!

随便找一个“大众点评网”的搜索着陆页看看里面的html代码吧。

 

clip_image006

代码内标黄的部分,即可看出不同之处,是一个item申明标签还有一个链接 http://data-vocabulary.org/ ,其实这就是富文本摘要(Rich Snippets)的一种规范,还有几种可选规范(microdata, microformats, and RDFa)。可参考Google支持中心的介绍 http://www.google.com/support/webmasters/bin/answer.py?&answer=185417

注:有多种实施方案可选, 我个人推荐使用RDFa,相对语法更简洁明了。

针对一般的电子商务/订餐网站,可考虑部署内容:

  1. 面包屑
  2. 线下实体店/餐厅简介(本地化商业搜索)
  3. 产品/餐厅评论
  4. 菜谱

这只需要一个小的技术改造即可实现。当然,网站的产品或评论页面添加富文本摘要之后,也不会马上就在Google搜索结果页面展示,国外一些同行称需要1个月的时间才能更新上去。此外,Google似乎也会对这些富文本摘要进行比较严格的审核,不符合规范的话,也不能被展示。

 

Periodic-Table-v2-bolder

 

良好优化后的网页结构

image

 

最近看到一些电子商务网站在部署Google Analytics代码时,只是简单的加入了默认的GA页面跟踪代码,这实在是对GA这一强悍的免费网站分析工具的一个巨大浪费。因此,写了一个针对电子商务网站的GA代码部署片子,简要介绍GA的功能和部署可能性。

 

LandingPage-Infographic

http://www.formstack.com/the-anatomy-of-a-perfect-landing-page

  1. 页面标题和文案
    1. 着陆页(landing page)标题和广告文案应互为补充
    2. 广告词(AdWords)得分可让网站了解每点击成本。一致连贯的广告信息和着陆页文字能提高这一得分。
  2. 清晰和简洁的标题
    1. 作为访问者首先会阅读的内容之一,着陆页标题不应含糊或令人感觉乏味,而是促进访问者的阅读兴趣。
    2. 通过对网站相关内容的某个卖点进行声明,将比模糊无趣的标题更能捕获读者的注意力。
  3. 无错误的语法
    1. 在线零售商想要访问者购买并提供个人和支付信息,如果网站存在糟糕的语法错误或错别字,将会极大的损害客户的信任感。
  4. 充分利用信任指示器
    1. 要有效的建立起信任感,把公司证明,媒体报道,保障标签,和第三方信任和安全认证标识都展示出来。
  5. 使用强烈的行动呼吁(Call to action)
    1. 当访问者阅读着陆页标题后,需要让他们知道下一步该做什么。
  6. 按钮和行动呼吁应该醒目
    1. 找出可能吸引人们来到你的网站的关键词,譬如“免费”、“全新”,“购买”或“立即下载”。
    2. 转化按钮应该醒目,位置要正好在行动呼吁口号下面,或者把行动呼吁口号作为按钮。无论如何,按钮应该要大、明亮、出现在首屏。
    3. 黄色或橘黄色按钮的行动呼吁能吸引阅读者的眼球。
  7. 链接要少
    1. 如果链到其他网站或页面的链接过多,会分散访问者的注意力,对转化造成负面影响。
    2. 正常首页上有很多链接,这是没问题的,但在着陆页上简约是王道。
  8. 使用跟文案相关的图片和视频
    1. 在首页部署动画式的会话,用户证言视频,产品图片能对读者产生正面影响,以及给购物者而外的推动力来进一步了解产品。
  9. 让信息保持在首屏上
    1. 访问者不需要拖动滚动条即可看到的网页部分,是网页最重要内容应该出现的位置。
    2. 在首屏和读者眼球能扫描到的地方放置行动呼吁按钮。永远不要把这个按钮放在要搜寻才能看到的地方。
  10. 不断的进行测试
    1. 对着陆页进行优化来进行持续转化。进行A/B测试,更换文案、图片、行动呼吁来看哪一种最能引起用户的共鸣。
    2. 除了A/B测试,测试两个完全不同的网站设计来相互比较,这能对长期运营带来好处。(A/B测试是一种针对单一变量的基准控制抽样测试,来提高响应率。)
 

尊敬的 Google 网站优化工具用户,您好!

谨在此通知您,Google 网站优化工具存在一项潜在安全问题。通过利用 Google 网站优化工具控制脚本的一个漏洞,攻击者可能会使用跨站脚本(Cross-Site Scripting,XSS)攻击的方式在您的网站上执行恶意代码。不过,只有在网站或浏览器已经受到其他独立攻击的威胁时,跨站脚本攻击才会发生。尽管直接遭受此类攻击的可能性不大,不过我们强烈建议您采取行动保护您的网站。

我们已经修复了这一错误,所有新实验都不会受到此类不良影响。不过,您需要更新您当前运行的所有实验,以修复您网站上的这一错误。另外,如果您已暂停或停止的实验是创建于 2010 年 12 月 3 日之前,您也需要删除或更新与其相关的所有 Google 网站优化工具脚本代码。

更新代码的方法有两种。您可以停止当前的实验,删除旧脚本,然后创建新实验;也可以直接在您的网站上更新代码。您最好创建新实验,因为这种方法比较简单。

创建新实验

  • 停止当前运行的所有 Google 网站优化工具实验
  • 从您的网站中删除所有 Google 网站优化工具脚本
  • 按照常规操作创建新实验,新实验不易受到攻击

直接更新 Google 网站优化工具控制脚本
在网站上找到控制脚本。此脚本如下所示:
A/B 测试控制脚本



function utmx_section(){}function utmx(){}
(function(){var k='XXXXXXXXXX',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return c.substring(i+n.
length+1,j<0?c.length:j)}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;
d.write('')})();
utmx("url",'A/B');

多版本测试控制脚本



function utmx_section(){}function utmx(){}
(function(){var k='XXXXXXXXXX',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return c.substring(i+n.
length+1,j<0?c.length:j)}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;
d.write('')})();


在控制脚本中找到 return c.substring(…
按照如下所示修改相应行:
修改前: return c.substring(i+n.length+1,j<0?c.length:j)
修改后: return escape(c.substring(i+n.length+1,j<0?c.length:j))
请不要忘记末尾的右圆括号 “)”
修复的 A/B 控制脚本



function utmx_section(){}function utmx(){} (function(){var k='XXXXXXXXXX',d=document,l=d.location,c=d.cookie;function f(n){ if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);
return escape(c.substring(i+n.length+1,j<0?c.length:j))}}}
var x=f('__utmx'),xx=f('__utmxx'),h=l.hash; d.write('')})();
utmx("url",'A/B');


修复的多版本控制脚本



function utmx_section(){}function utmx(){}
(function(){var k='XXXXXXXXXX',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);
return escape(c.substring(i+n.length+1,j<0?c.length:j))}}}
var x=f('__utmx'),xx=f('__utmxx'),h=l.hash; d.write('')})();


请注意,以上控制脚本示例中的 k=XXXXXXXXX 行是占位符。

在进行上述更新后,您的实验将继续照常运行,您无需暂停或重新开始实验。

我们始终致力于保证 Google 网站优化工具的安全。对于这一安全问题,我们深表歉意。我们将一如既往地努力工作,防止日后再次出现漏洞。

此致
Trevor
Google 网站优化工具小组

 

雅虎员工Bryce Glass在2008年IA Summit上所做的一个演讲。Bryce Glass亦著有” Building Web Reputation Systems ” 一书,购买本书。

定义

声誉(Reputation):社会成员的声誉等于成员过往在社区里所作所为的行为综合,无论好的或坏的。

“好”或“坏”是主观的,并由社区本身来判断。符合社会所尊崇的价值观,则是好的;违背了,则是坏的。

声誉系统(Reputation System)试图去调解和自动化这一过程:记录社区成员的行为;评估社区对他们的回应;然后,对这些行为历史记录进行持续的记录。

声誉模式

  • 等级
  • 身份标签(Identifying Labels)
  • 积分点数
  • 顶尖XX大
  • 可收集的成就(Collectible Achievements)
  • 排名
  • 短期奖励(Temporal Awards)
  • 统计记录(Statistical Evidence)
  • 成员之间的推荐证言(Peer Testimonials)
  • 成员给予成员的奖励

声誉系统设计时需回答的问题:

  1. 你的商业目标是什么?

    例如,促进用户的吸引度(engagement);推广某个功能特性;感谢最重要的贡献者;提高网站内容质量;提高用户粘性

  2. 你想要鼓励的社区精神是什么?

    关爱;协作;热诚;竞争;争斗
    image

  3. 激发社区成员的因素是什么?

    不能单靠奖励刺激,但也不能纯依赖于利他主义。这种激励因素应随社区环境而变,要对你的社区做一番深入研究。
    image
    参考:Online participation

  4. 哪一种实体(entities)能产生声誉?

    人,事物,收藏,或全部?
    评估事物,行为,而不是这个“人”!

  5. 需要关注什么样的输入?

    对资产进行审计
    列出成员所能采取的所有行为
    关注那些被定义过的、能产生具有价值声明的实体

  6. 所赢取的声誉应该有什么样的特殊性?
  7. 社区规则应该达到什么样的透明层度?
  8. 声誉是否在成员不活跃后而被削弱?

    简洁的答案是:“必需的”。

  9. 是否要关注某些文化因素?
  10. 声誉在网站上的可见性?
  11. 成员在什么环境下产生和积累声誉?
  12. 成员能获得什么样的额外利益?
  13. 什么样的荣誉呈现模式是恰当的?
  14. 系统会怎样被颠覆或“游戏化”?
  15. 怎样判断项目是成功的?
 

这是我最近做的一次关于交互产品中情感设计交流活动的演讲文档。

之前参加UPAChina 2010会议时,也参加了一个相似主题的工作坊。工作坊由一位前微软的设计师主讲,不过感觉这位设计师讲的东西比较空泛,而且过于强调活色生香的视觉层面(用Don Norman的理论来说,更倾向于“本能层”的设计)。

所以,这次交流活动我就已自己以往的学习、阅读和思考为基础,借鉴了较多的相关书籍、论文和工具,来试图串成一个相对完整的情感设计参考方法论体系。

分享内容
1.      Don Norman关于设计和设计目标,提出的三层次理论
a)      本能层
b)     行为层
c)      反思层

2.      人类的认知能力和交互设计中的一些原则
a)      期待影响我们的感知
b)     视觉会优化发现结构
c)      格式塔法则
d)     我们寻找并利用视觉结构
i.          阅读是非自然的
ii.          结构化能提高人们扫描信息的能力
iii.          视觉化层级能让人们更关注相关信息
iv.          大部分应用/设计的说明文案是不必要的
v.          最小化阅读的需求
vi.          不要打断阅读;要给予支持
e)     人类视力的局限性

3.      度量产品体验的几个工具介绍

a)      Geneva Emotion Wheel
b)     Product Emotion Measurement Instrument (PrEmo)

4.      ZMET介绍:通过图片隐喻和诱导,探寻客户如何思考。
a)      原理简介
b)     案例:
i.          某品牌洗发水的广告创意
ii.          某书店的核心价值挖掘

5.   情绪板介绍:
a)   情绪板:通过关键词和代表性图片,获取视觉设计的启发和灵感,并在设计初期达成共识的一种辅助工具。
b)   MoodBoard:一个情绪板的iPad应用。

参考文献和书籍:

  1. 书:Emotional Design: Why We Love (or Hate) Everyday Things by Donald A. Norman
  2. 书:The Design of Everyday Things by Donald A. Norman
  3. 书:Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules by Jeff Johnson PhD
  4. 书:客户如何思考
  5. 格式塔法则介绍: http://zh.wikipedia.org/zh-tw/%E6%A0%BC%E5%BC%8F%E5%A1%94%E5%AD%A6%E6%B4%BE
  6. Geneva Emotion Wheel http://emotion-research.net/toolbox/toolboxlabellingtool.2006-10-13.4050804919
  7. Product Emotion Measurement Instrument http://www.susagroup.com/en/our-tools/
  8. ZMET: http://www.olsonzaltman.com/html/howzmet.html

 

Above the Fold 在网站设计中指用户不需要拖动滚动条即可看到的屏幕内容,通常网站最重要和关键的信息都会置放在这个区域。

由于“Above the Fold”这块区域是如此重要,Google Ad Innovations为增强广告的效果,专门开发了一个“Above the Fold Advertising”,提供一个以统计为驱动的解决方案,来判断Google Display Network的广告能在用户浏览器首屏上出现。

但不少网站对Above the Fold黄金地段,还欠缺精心的设计和规划。下面,我们来对比一下两家在线旅游网站的首页设计:

image

Expedia首页栏目布局(不含页头和页脚)

•三栏设计,提供了旅游产品搜索框、产品主题推荐信息和横幅广告。主题简明清晰(栏目/呼吁call to action),通过边框将内容进行区隔,主体内容都出现在首屏(Above the fold,即不需要拖动滚动条可看到的屏幕部分)。

•产品主题采用Tab设计,将三类Offers置入同一分栏,实现了空间的较好利用。

携程度假产品首页栏目布局(不含页头和页脚)评述

•携程采用两栏设计,提供搜索框和关键词,横幅广告,产品推介和目的查找入口。

•除搜索框外,其他内容板块没有清晰划分,用户不能一目了然;内容过于拥塞,营销广告过于强势

•旅游目的地和专卖店入口在首屏下(bellow the fold,红色框),用户极可能会忽略,或找不到

参考资料:页面分屏的秘密视觉设计的关键词

再举一个例子:

某蛋新改版首页,Above the Fold部分,相对来说,很多关键栏目和信息并没有能在Above the Fold部分占据一席之地,首页也需要拖动3-4次才能获得网站的完整概念。这对新访问者来说是极不友好的,也提高了一些关键栏目/信息被用户忽略的不利可能性。

举例来说:

至关重要的网站导航栏(首页左侧产品类目),一屏只能显示1/2左右,极可能给用户(尤其新用户)带来困扰,不能一目了然的了解网站的产品种类信息(需依赖不停上下拖动,以及短期记忆力,譬如在“电脑整机”和“电脑产品”主栏目之间做切换式查看)。

image

 

在进入某些栏目后,左侧导航栏消失,而顶部的导航栏(产品类目)只有一级大分类),用户要在不同分类间切换浏览,将可能造成低效、迷失的可用性问题。而且空出来的左侧,既不美观,也浪费了空间,让用户对网站专业性产生怀疑(A Matter of Trust: What Users Want From Web Sites – A Report on Consumer Concerns About Credibility of Web SitesCredity)。

image

当然,造成这种奇怪网页布局的原因是,“iPad/平板电脑”是一个新产品子类。由于新产品类目没有相关产品参数供显示,于是网站系统就不显示正常情况下的Faceted Navigation左侧栏(见下图)。

image

但这也依然存在很大的可用性问题!在电子商务网站中,大部分都会在子分类栏页面中加入“本地导航(local navigation)”,或称为次级导航栏、页面级导航栏。常见布局如下:

image

但新蛋的这个导航设计,却是欠缺的。只有一个主导航栏。而主导航栏只有一级产品类目,用户如果要做跳跃式跨类目的浏览(情景导航 contextual navigation),则无法实现。

image

子类下无法实现跨类目浏览

image

跨子产品类目浏览/导航,只能回到首页去查看!?

而新蛋的竞争对手“京东商城”的首页布局和导航机制设计,则明显高明的多。看图:

image

商品分类导航栏也居于左侧(全局),只显示一级类目,并通过滑出2级菜单的方式,使得首屏即可一目了然整站商品信息。滑出来的菜单面积也大出许多,整体布局相对来说要清晰和优雅得多。滑出菜单的右侧还充分利用来做商品促销,可谓巧妙。

image

针对情景式导航(用户进入某个类别后),右侧的本地导航栏则提供了当前2级类目及孙子类目,同时也提供了完整的商品一级类目,并用抽屉式菜单进行收纳和展开。用户要进行跨类目浏览,在效率和清晰性自然可以得到很好的结果。

参考图:三种主要的类目导航

image

嗯,这篇博客貌似没啥主题性和结论,先就这样。

参考书:

Designing Web Navigation: Optimizing the User Experience

中文版:Web导航设计

接下来,准备的一个研究主题将是关于In-site Search Analytics站内搜索分析,以及网站分析跟用户体验研究的结合。 Stay tuned~

 

内容策略(Content Strategy)对任何网站设计来说都是中心之中。Kristina Halvorson在2008年对这一学科进行了如下定义:

Content strategy plans for the creation, publication, and governance of useful, usable content.

Necessarily, the content strategist must work to define not only which content will be published, but why we’re publishing it in the first place.

内容策略对有用和易用的内容进行规划,包括内容的创作、发布和管理。

必然的,内容策略师必须不仅要定义哪些内容将被发布,还要给出在第一位置发布这一内容的原因。

这一定义指明了在一个网站项目中,要规划两个首要问题“什么内容What”和“为什么Why”。但这可能还不够,还存在一个问题:“如何How”?相比之下,这个问题可能会更重要:用户如何被这些内容所吸引(engage),并从中产生出价值?要回答这个问题,光做规划是明显不够的,你还需要去做。

Teehan+Lax 在这方面进行了一些实践。下面有一些例子:

情景地图Context Maps

对于重新设计网站的项目来说,通常一个明显的目标就是更好的对内容进行整合。这包括提升单向探索(lateral exploration)以及通过展示相关内容,并与情景相贴切的内容发现。

要实现这一点,我们必须清楚内容的主要组(major groupings of content),以及它们如何彼此编制(map)在一起。

在设计过程中,通过创建情景模式(contextual models)然后对网站进行组织,并与信息架构师一起协作。这里提供一个案例:

image

这张图表表达了主要的内容组,并显示出它们是如何编织在一起的。这样,在设计网站时把内容整合进来就变得更容易一些了。情景区域(圆角矩阵)帮助定义网站的各个区块,而链接器(箭头路径)则定义了各区块不同的“相关资源”模块和导航原理。

要记住的是,内容策略和用户体验设计需要相互利用,在设计过程中能知己知彼。

内容流图表 Content Flow Diagrams(CFDs)

在过去,运营、技术和工作流对内容的考虑,被认为是交互设计的一个隐性副产品:“这个模块要能运作起来,你需要找人来管理,让用户去创作内容,或者利用一个系统来聚合,包括内容X,Y和Z。”

从内容策略的角度看,这种做法太过于天真和草率,毫无规划性:我们需要预先制定自己的内容管理和渠道发布策略。从内容创作、发布和管理的计划开始,然后围绕这个计划来设计用户体验。

这是迈出的重要一步。但对于更复杂、动态和社会化体验来说,这显然还不足够。再次,我们所需要的以内容为中心的学科,是要完全的嵌入设计流程。要做到这一点,需要工具、技巧来帮助我们在一个策略内容体系中对内容如何生存、流动和管理进行设计。

内容流图表即是这样的一个工具。这里提供一个在线客服支持策略的多层面CFD案例。注意,通过视觉化各个组成整体系统的的元素和流程,那么在确定工作流程和系统需求时将变得更容易一些,否则会变成一团乱麻把事情搞砸了。举例,负责跟社会媒体打交道的或者制作元数据(metadata)的团队,在这个模型里被清楚地确定下来。

image

更多关于CFDs的介绍,可以看这篇博客文章

结论

情景地图和内容流图表,提供了内容策略与用户体验设计整合的两种方法。内容策略需要自己的设计思考(design thinking)和行动,来真正实现其目标,并且是用户体验设计过程中的一个关键部分。

© 2012 V的博客 Suffusion theme by Sayontan Sinha