流量是网站经营的结果和对象

By Nigel on 07月 30th, 2009

mainBanner_anys

流量既是网站经营的结果,也是网站经营的对象。

流量的获得、派生、过滤、保有、转化,是网站经营的关键,每个环节的生产率都需要监控,根据每个环节的目的反复进行针对性的优化。

一.流量的获得——原生流量和派生流量

网站经营者既要按自己的资源和欲望规划好基础的原生流量,又要事先规划好派生流量产生的条件和路径。如果没有事先规划原生流量和派生流量的来龙去脉,计划可以认为是不够充分的。

三.流量过滤——自觉与不自觉,无所不在的过滤

1.流量过滤的意义

网站的流量来源、界面组织、信息结构、服务深度等,无处不在自觉或不自觉地过滤访客,动态地形成访客结构。访客结构对网站发展的影响不言而喻。

访客过滤不仅仅影响访客结构,还影响网站的服务资源。如果进入网站的流量属于符合商业目标的较高价值流量,网站就可以更针对性地以更高代价提供更好的服务和营销,而不会把资源浪费在低价值的访客身上。

网站一方面要清楚了解和反复检讨自己在哪些角度自觉或不自觉地进行了访客过滤,长远影响如何,另一方面要根据自己的商业目标来主动调节访客过滤。

2.从源头进行过滤

从搜索引擎竞价广告或SEO来的访客,通过关键词产生了过滤作用。尤其值得注意的是相关关键词或短句的长尾效应,当网站具有大量高相关内容时,可能会无心插柳地获得分散的相关关键词或短句检索流量,不但价值可能比内涵宽泛的热门关键词高,而且合计量不小。因此主题相关内容的积累和更新是一个很重要的工作。

软文能带来高质量的访客,而且由于转载,可以实现良好的品牌效果和流量效果。笔者认为软文是最好的流量来源之一,用一笔钱做广告,不如用同样的钱找人写软文,将文章发得昏天黑地。

插件广告很流氓,但技术上可以实现很好的过滤性,可以根据访客打开的目标网站或者是检索的关键词而针对性弹出。如果要做付费广告,这是一个很好的选择。

派生流量,也就是访客通过口碑方式带来的流量,是高价值的流量。创造派生流量的模式和技巧,是一个过去缺乏精细研究的领域,很值得深入探讨。有兴趣一起探讨的请联系笔者。

包月广告、联盟广告、友情链接、邮件传播等,靠文字表达进行流量过滤。如果广告内容做得过于宽泛或偏颇,将带来大量无价值流量,要通过测试不断调整。

3.通过界面气氛过滤

界面形式,就象酒店和大排档的环境一样,通过访客认知“这是合适我的地方”,而对访客进行着过滤。美观或粗陋、简洁或花哨、易用或复杂、热闹还是平和,并非只有一个追求方向,而是视乎目标客户的层次、心理而定。猜测客户怎么需要不一定是对的,将之交给美工、策划的个人审美更是冒险,比较理想的做法还是测试,例如将多组界面,虚拟多个网站进行测试。

界面气氛的规划,有两个方面特别重要。第一个方面是人气体验,即感觉到与其匹配的人群富集及活跃于此站,这对于新站而言尤其有价值。就象超市故意把商品弄乱,饭店安排客人先坐外面一样,由于新访客接触到的信息是有限的,人气体验的创造颇有空间。第二个方面是行为暗示,暗示本站的服务适合何种人群、需要访客进行何种行为。例如中国交友中心无处不在暗示这是一个付费交友站,付费的效果很好,很多人付费,从而过滤了愿意付费的人群,并促进其付费行为。

4.信息呈现的过滤

这一点,我体会不是很清,只隐约感觉到在网站设计之初,就应从访客利益角度考虑信息呈现方式会对其带来的影响。要有这样的洞见并不容易,需要积累或对比。希望以后有机会通过一些具体的案例来深入。

5.服务的过滤

服务的设计并非一切以访客之利益、体验为目标,也可能要考虑如何过滤访客的因素,不在目标之内的访客,应让他不自在,尽快离开。

例如在注册环节,某些严肃交友站就通过繁复的注册和验证将严肃交友意向不是很强的访客过滤掉,留下的是容易收钱的一批,可以为他们提供更高品质的服务。

通常我们作为增加网站粘度的工具——积分,也具有过滤访客的能力。管理学上说“想要什么就奖励什么”,什么行为是你认为高价值访客应该拥有的,你就为该行为奖励积分,而不要雨露均沾,给低质量访客任何粘性。

四.流量保有——习惯的创造

高价值流量的获得和过滤,成本很高,让你的网站成为这个流量钟爱或信任的品牌,甚至成为他/她习惯的去处,比获得流量更为重要。如果你做不到,那么就象用漏水的桶打水,时间越长,漏的越多,白浪费。我经常奉劝想大规模做推广的朋友,先测试了你的回头率和口碑派生率再说,数字不满意之前,别做推广,先整好产品和服务。

是不是有了好的产品和服务,访客就会一来再来使用呢?未必!访客太忙,太多事儿,虽然感觉不错,未必想到再来一趟,更别论形成习惯。就象我们小时候一样,习惯的形成,是要人督促的。还可以举另一个例子,日久生情,你得经常在他/她面前出现、互动。如何不令人反感地引导访客一来再来,最终形成行为习惯或品牌依赖,是网站运营中的一个关键环节,值得下大力气去做。

以前听过一个说法,一件事情连续做21天就会形成习惯,不知道真假,但起码可见习惯的形成不是一次两次就可以的。有些网站过段时间就提醒你一下,你有好些时间没来了,有些网站过段时间给你提供一些与你有关的资讯,但这样够吗?从推动习惯的角度,我们不只是要提醒,更是要促使其行为的重复发生,因此接触的角度应该是发生式的,而且频度应该先紧后松,而不是松松垮垮。我想到销售人员常用的一个技巧,就是一次不把资料或信息给足,为下次联络创造机会。在网站的服务设计上,也可以使用类似的技巧。

五.流量转化——推动行为的发生

曾谈到:在传统商业中,故意削减客户体验的例子到处都是,访客体验优化的中心是:围绕经营目标,推动发生变化。强调的不是“体验”,而是“发生”。

怎么推动发生?

没有经验的销售人员跟客户可以谈得情投意合,就是无法推动销售的发生,也不知道客户是否打算现在交易;有经验的销售人员很容易创造一个“咱们来交易吧”的情境,与客户一起自然地走入交易,或者快速识别暂时不会发生交易的客户。

网站设计也是如此。有经验的和没有经验的组织,在推动访客行为发生方面有着巨大的差异。笔者以为,销售技巧中的很多内容,可以搬到网站流量转化中。如果策划人员和设计人员进行一下销售技巧方面的进修,可能会有很大的好处。

六.总结

对流量的经营,核心是对客户利益、心理和行为的分析,必须对该领域的行业和客户有深入的理解。在任何一个服务方向,这都是一个需要长期积累才能做好的工作。对于一个网站来说,这样的人才是至为宝贵的,挖来一个,少走N年弯路,节约无数投资。换一个角度,如果你对某个领域感兴趣或有积累,最好就一直积累下去,直到成精,不要轻易切换。对客户的理解是所有能力中最值钱的能力。

流量经营是需要数字监控的。如果是我的网站,我会在流量的获得、派生、过滤、保有、转化各个环节放置监测代码,检测各环节的生产率和损失率,并长期做纵向对比;并且,在资源许可下,在关键环节多做不同角度的优化模拟测试。

在这样的优化及监测基础上,就可以做比较准确的规划,按目前能力可以实现怎样的目标,如果要提高目标,需要在哪些环节做怎样的投入。许多网站的经营如同黑箱,只能看到总投入和总产出,分解不出每个环节对结果的影响,有点靠天吃饭的味道。笔者认为,这是作坊式的,不适合规模生产。
来自:CHINA UED

【转】语义化的HTML结构到底有什么好处?

By Nigel on 07月 27th, 2009

本文来自:愚人码头
        相信大家都知道html和css,知道html结构和css表现分离,知道html语义化,这些都是这几年的热门关键字。语义化的html在国内也是一两年前才开始被追捧的,看看现在群里谈论的html结构,关于html结构的面试题,语义化的html占据了很大一部分。那么为什么要使用语义化的HTML?语义化的HTML到底有什么好处呢?

HTML是提供网页文档内容的上下文结构和含义;html本身是没有表现的,我们看到例如<h1>是粗体,字体大小2em,加粗;<strong>是加粗的,不要认为这是html的表现,这些其实html默认的css样式在起作用,所以首先我们要知道html和页面的表现是没有关系的,这些是css的事情。HTML在页面中的作用就是结构和含义,通俗点说就是划分内容,这里放什么,我们放的是什么。

语义化的HTML结构首先要强调HTML结构

HTML结构是页面的骨架,一个页面就好像一幢房子,HTML结构就是钢精钢筋混泥土的墙,一幢房子如果没有钢精钢筋混泥土的墙那就是一堆费砖头,不能住人,不能办公。css是装饰材料,是原木地板,是大理石,是油漆,是用来装饰房子的,CSS的强大就不用多说了,css如果没有html结构那就是一堆木板,一同油漆,没有了实际使用价值。CSS完全依靠引用它的(X)HTML文档。如果你想使CSS的能力充分发挥到极致,提供一个用既干净又有结构的内容的html是非常必要的,“HTML是在互联网上发布超文本的通用语……HTML使用标签来对文本结构化”(http://www.w3.org/MarkUp/)。

语义化的HTML结构怎么写?
HTML是一种对文本内容进行结构和意义(或者说“语义”)进行补充的方法。它会告诉我们说:“这行是一个标题,这几行组成了一个段落。这些文字是项目列表,这些文字是链接到互联网上另一个文件的超链接。”值得注意的是,不应该让HTML来告诉我们:“这些文字是蓝色的,这些文字又是红色的。这部分内容是最最靠右的一栏,这行内容是斜体字。”这些和表现相关的信息是CSS的工作。在做前端开发的时候要记住:HTML告诉我们一块内容是什么(或其意义),而不是它长的什么样子。当我们提到“语义标记”的时候,我们所说的HTML应该是完全脱离表现信息的,其中的标签应该都是语义化地定义了文档的结构。

写语义化的HTML结构其实很简单,首先掌握html中各个标签的语义,<div>是一个容器;<strong>是表示强调;<ul><li>是一个无序列表等等…在看到内容的时候想想用什么标签能更好的描述它,是什么就用什么标签。

 

语义化的HTML结构到底有什么好处?
我们知道HTML5新增的标签,比如<header>和<footer>,html正在朝着更加健壮的语义化的HTML结构发展,xhtml2在这点上没html5先进,这也是xhtml2死亡的一个原因,这一点也说明了语义化的HTML结构是html的发展趋势。
1.去掉或样式丢失的时候能让页面呈现清晰的结构:
html本身是没有表现的,我们看到例如<h1>是粗体,字体大小2em,加粗;<strong>是加粗的,不要认为这是html的表现,这些其实html默认的css样式在起作用,所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML结构的优点,但是浏览器都有有默认样式,默认样式的目的也是为了更好的表达html的语义,可以说浏览器的默认样式和语义化的HTML结构是不可分割的。

2.屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页.

例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完整发音.

3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(通常是因为这些设备对CSS的支持较弱).
使用语义标记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条件来渲染网页.

语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况(包括现有的或者将来新的设备).例如,一部手机可以选择使一段标记了标题的文字以粗体显示.而掌上电脑可能会以比较大的字体来显示.无论哪种方式一旦你对文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面.

4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重.

过去你可能还没有考虑搜索引擎的爬虫也是网站的“访客”,但现在它们他们实际上是极其宝贵的用户.没有他们的话,搜索引擎将无法索引你的网站,然后一般用户将很难过来访问.

5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记,而只注重语义标记.
因此,如果页面文件的标题被标记,而不是,那么这个页面在搜索结果的位置可能会比较靠后.除了提升易用性外,语义标记有利于正确使用CSS和JavaScript,因为其本身提供了许多“钩钩”来应用页面的样式与行为.
SEO主要还是靠你网站的内容和外部链接的。

6.便于团队开发和维护

W3C给我们定了一个很好的标准,在团队中大家都遵循这个标准,可以减少很多差异化的东西,方便开发和维护,提高开发效率,甚至实现模块化开发

推荐一份reset.css

By Nigel on 07月 24th, 2009

/*
KISSY CSS Reset
理念:清除和重置是紧密不可分的
特色:1.适应中文 2.基于最新主流浏览器
维护:玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)
*/

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
margin: 0;
padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示,使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */
border-bottom: 1px dotted;
cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */
/* 注:optgroup 无法扶正 */
button, input, select, textarea {
font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* 重置 hr */
hr {
border: none;
height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

来自:蹲乐 前段关注

UED团队建设-以数据为基础,以产品为设计为中心!

By Nigel on 07月 16th, 2009

20080508072312582
以数据为基础

数据,是每个公司都会关心的东西,至少到某一个阶段来说,数据有时候会被“神化”,比如伟大的Google公司,就是一个很典型的数据为一切的公司。

用数据来给我们作为设计导向也是一种很普遍的现象。很多时候设计师对数据便显得无可奈何,因为很多时候数据会成为创新设计师的绊脚石。看看前Google首席视觉设计师Doug Bowman的离职文章,就能看出来鲍曼对于Google用数据作为设计基础产生的愤慨。

数据就像一把双刃剑,有时候我们能用测试结果的数据来说服运营部门利用我们的设计方案,但也有时候运营部门会拿着数据来告诉我们他们的所需。其实作为一名产品设计师来说,对于数据的把握会成为自己对于产品设计的一种经验,就想铸剑师把握火候一样。

一、把握数据的轻重

其实作为数据它只能代表着过去的用户行为,它不能对以后产生影响或有前瞻指导。在进行一些新产品项目设计时,作为产品设计师从运营或者用研拿到一些数据时,要对数据进行自己的判断,这时的数据只能属参考作用,而不起任何引导性或决定性的作用。所以设计师不能被数据牵着鼻子走,要判断数据在这个项目中的轻重权衡。

二、挖掘数据的隐形需求

可用性工程师或用研的同学们会将标本分析整理成数据报告。很多产品设计师会忽略这些报告,认为这些报告对于自己的设计没有太大的帮助,只有拿着自己DEMO去做可用性得出的结果才会改正。而我觉得作为产品设计师,应该更早的参与到用研的过程中。把用户行为习惯,喜好等也作为标本的经历背景来考虑到产品设计当中。比如,iPod的设计时,发现很多用户听歌曲时,不愿意去选择歌手或专辑,他只想随便听听打发时间而已。所以,shuffle的功能就应运而生了。所以不要忽略数据报告后面这些用户行为习惯。

三、先减后加的数据

“少即多”的交互设计原则我想很多设计师都了解。所以对于数据,我们也可以用这样的原则,一个数据代表产品一个属性,那么我们需要抓住产品核心需求,用数据的权重进行排列,之后和核心需求的属性进行对比,从而抓住产品的重点。而不是一股脑啥时髦的功能都放上去,而不考虑数据和需求。

还有很多公司,只在乎某个项目产品开发时的数据调研,当产品上线后就会将这些数据扔到一边。我们应该保留产品开发整个过程中的数据,且某些属性的数据可以归档整理成为一个纵向的整理属性。比如Personas就是数据积累所形成的一种UCD设计方法。

来自:   麦兜的设计   点击查看原文

08063022381172
以产品设计为中心

UED团队包括:交互设计师、视觉设计师、用户体验设计师、可用性工程师、产品设计师和前段开发工程师等等。

UED团队主要的目的是为了将公司的产品变得更加好卖,那么团队不仅仅考虑的产品的可用性或易用性,也需要具备卖产品的能力和对潜在用户的判断, 因此感觉UED应该是具有一定的综合能力的团队。

从“以产品设计为中心”这点上来看看UED团队该是扮演什么样的角色。
不过之前先给“产品”做个定义。
个人感觉现在大部分公司的产品可以分成两种属性,
一类是新市场开发型的产品,一类是现有产品优化型的产品。
前一类型的产品更适合市场产品经理去做,而UED团队主要负责后一类型的产品设计。
一、产品的话语权

在公司里,每个部门都觉得自己是很重要的,因此在产品设计的各个环节,这些部门都会参与讨论,那么各个部门和角色在讨论中的话语权在其专业角度上,都是比较具有权重的。因此,如果该产品是以UED为主的产品的话,当然,决定权在UED手中,但要权衡其他部门的意见,特别是产品经理和市场部门的。

二、部门协调能力

很多时候,产品会像在生产线上的一样,被一个部门丢到下一个部门去。这样的方式适合在具有一定标准和规则的情况下,包括我之前常常说到的创新设计也是可以进行工业化模式生产的。但我不建议这样的去做,特别是在还没有UED团队的公司来说。对于UED团队的每个角色来说,都需要具备这样的部门之前的协调工作的能力。日常的需求处理按照生产线流程走,而项目产品的设计开发,建议可以适用项目组开发形式来作为尝试。当然不仅仅是把各个角色位置都搬到一起坐而已,最重要的是解决协作的能力。

三、以产品设计为中心

这里的设计当然不仅仅只是视觉设计咯。因为很多人理解来说,产品进入到UED环节,就是给制定颜色,设计一些交互方式而已,这样只能算是以产品为中心的美化而已。我觉得首先是老板们需要将一些优化类的产品放手给团队去做,其次也需要团队自己具有主人翁的意思,从以往的美工或交互设计的圈圈中调出来。因为每个人都会对产品有自己的认识,那么通过一些方法把认识形成大体上的统一。而这期间,不要忘记团队的力量,团队中每个角色都会有自己的思考。这时产品设计师需要收集这样的思考,然后做出一个团队统一决定的目标。

来自:未开窍的石头 点击查看原文

火车上是这样过的!

By Nigel on 07月 12th, 2009

IMG0196A

IMG0197A

IMG0198A

IMG0202A

IMG0203A

岁月如歌-淡如沫

By Nigel on 07月 6th, 2009

     经历·淡淡的
     感受·浓浓的
     生活·苦苦的
     感情·甜甜的
    
     笑脸·遗忘了
     身心·复杂了
    
     旅行·迷失了
    
     想起了·屡教不改
     做到了·层出不穷
     说过了·太多太腻人~