【建站问】诚心转手,赠高采纳率知道号。

资讯admin 发表了文章 • 0 个评论 • 313 次浏览 • 2017-03-21 21:07 • 来自相关话题

建站问这个网站在15年就在心底萌芽了,但是幻想期比较长,直至去年10月份才开始动手,但是域名在16年2月份就注册了下来。至今已经有5个月左右了。每天也有一些来自各大搜索引擎的长尾关键词流量,虽然不多。各大搜索引擎收录都很不错。

但是因为建站问站长要去做别的事了,无瑕再做这个网站,所以才决定将此站转手,有意的朋友可以通过下面的QQ(984955040)联系我。

标价:500 RMB(元),诚心可小砍,不求赚钱。另外:网站数据不单独出售,请不要再咨询!只是单纯整站出售!

转手内容:包括建站问域名(www.jianzhanwen.com  域名在易名 名已经续费到2018年)和 网站数据 !

交易流程:因为域名在易名,所以直接易名把域名带价PUSH给你,你接收收后,我在将网站数据打包给你,包括把赠送的知道账号过户给你。

网站有一部分内容原创,发展方向是(建站帮助中心,建站问答,建站相关资讯,优惠活动),帮助中心 有很多原创建站图文教程。

至今,建站问已有一百多篇内容。各大搜索引擎收录都比较好,具体可以自己查一下。

同时,网站注册用户几乎为零,只有几位用户,还是不经常登陆的,联系我时请看清这点,能接受再联系我,毕竟本站的卖点不是用户数量,而是整个网站发展方向和网站内容。只要你接手做的好,做点活动推广啥的,用户量应该难不住你,我是没多少推广经验的孩子,套路都难得去学。

想做建站/站长类的网站的朋友 / 网站建设行业的朋友抓紧了哦,接手建站问是一个不错的选择,无论是搜索引擎收录,还是界面,还是内容,都还不错。仅此一枚。

-------

同时再附赠一个建站问的专属知道号 :  回答的问题部分是和网站建设相关!回答数150左右,采纳率86%(完全是良心回答,不是什么刷知道号的),另外账号内还有15000的财富值(值20来块钱),这个账号还是做得不错的,既然打算转手,留着也没用了。












有意,联系方式:QQ 984955040
  查看全部
51150efc.png


建站问这个网站在15年就在心底萌芽了,但是幻想期比较长,直至去年10月份才开始动手,但是域名在16年2月份就注册了下来。至今已经有5个月左右了。每天也有一些来自各大搜索引擎的长尾关键词流量,虽然不多。各大搜索引擎收录都很不错。

但是因为建站问站长要去做别的事了,无瑕再做这个网站,所以才决定将此站转手,有意的朋友可以通过下面的QQ(984955040)联系我。

标价:500 RMB(元),诚心可小砍,不求赚钱。另外:网站数据不单独出售,请不要再咨询!只是单纯整站出售!

转手内容:包括建站问域名(www.jianzhanwen.com  域名在易名 名已经续费到2018年)和 网站数据 !

交易流程:因为域名在易名,所以直接易名把域名带价PUSH给你,你接收收后,我在将网站数据打包给你,包括把赠送的知道账号过户给你。

网站有一部分内容原创,发展方向是(建站帮助中心,建站问答,建站相关资讯,优惠活动),帮助中心 有很多原创建站图文教程。

至今,建站问已有一百多篇内容。各大搜索引擎收录都比较好,具体可以自己查一下。

同时,网站注册用户几乎为零,只有几位用户,还是不经常登陆的,联系我时请看清这点,能接受再联系我,毕竟本站的卖点不是用户数量,而是整个网站发展方向和网站内容。只要你接手做的好,做点活动推广啥的,用户量应该难不住你,我是没多少推广经验的孩子,套路都难得去学。

想做建站/站长类的网站的朋友 / 网站建设行业的朋友抓紧了哦,接手建站问是一个不错的选择,无论是搜索引擎收录,还是界面,还是内容,都还不错。仅此一枚。

-------

同时再附赠一个建站问的专属知道号 :  回答的问题部分是和网站建设相关!回答数150左右,采纳率86%(完全是良心回答,不是什么刷知道号的),另外账号内还有15000的财富值(值20来块钱),这个账号还是做得不错的,既然打算转手,留着也没用了。


20170322052715.jpg


20170322053009.jpg


有意,联系方式:QQ 984955040
 

[ISUX译]响应式图像

问答xgzx 发表了文章 • 0 个评论 • 48 次浏览 • 2017-02-10 09:48 • 来自相关话题

自从2010年Ethan Marcotte开始讨论 响应式网页设计,开发者和设计师们竞相寻求 处理响应式图片的方法 。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像?你愿意在你的手机上加载一个巨大的(虽然更漂亮的)图像?这个问题令人左右为难。

一群来自响应式问题社区组(RICG)的聪明家伙致力于解决这个难题,他们使picture元素和srcset、sizes属性纳入HTML 5.1规范草案 。因为我们无法预测用户在何地以及如何访问我们的网站,所以我们需要浏览器自身根据情况选择最好的图像。新规范将解决以下问题:

1、基于设备象素比(device-pixel-radio)选择
2、基于viewport选择
3、基于Art direction(美术设计)选择
4、基于图像格式选择

该规范中,img元素增加了两个新属性:srcset 和 sizes 。srcset 用来声明一组图像源,浏览器根据我们使用描述符指定的条件来选择图像。描述符x表示图像的像素密度,描述符w表示图像的宽度;浏览器使用这些信息从列表中选择合适的图像。sizes 属性为浏览器提供将要显示图像的尺寸信息,srcset 使用w描述符时必须包含此属性。这种方法尤其适用于可变宽度的图像,我将在后面详细讨论。

我们现在可以根据用户的viewport,提供不同质量或美术设计(art direction)的图像,无需借助复杂的服务器端设置。响应式图像将成为HTML规范的重要组成部分,所有浏览器终将都会支持此解决方案。

固定宽度图像:基于设备像素比选择

视网膜屏幕的广泛应用,使我们不仅需要考虑屏幕分辨率,而且也需要考虑像素密度。视网膜屏幕,4K显示器,UltraHD-它们都比相同尺寸的标准分辨率显示器填充了更多的像素。更多的像素=更清晰的图像。

有些图片不管屏幕尺寸,始终以固定宽度显示-如站点logo或人物简介图像,也就是说需要根据设备像素比来选择。浏览器将根据设备像素比来选择加载哪张图像。

srcset 属性列出了浏览器可以选择加载的源图像池,是一个由逗号分隔的列表。x描述符表示图像的设备像素比。浏览器根据运行环境,利用这些信息来选择适当的图像。不理解 srcset 的浏览器会直接加载src属性中声明的图像。<img srcset="crest-383.jpg 1.5x, crest-510.jpg 2x" src="crest-255.jpg" alt="[ISUX译]响应式图像" alt="USWNT crest" />




网站logo就是固定宽度图像的一个例子,不管viewport的宽度如何,始终保持相同的宽度。不过,与内容相关的图片,通常也需要响应式,它们的大小往往随viewport改变。对于这类图像,还有更好的处理方法。

可变宽度的图像:基于viewport选择

对于可变宽度的图像,我们使用srcset搭配w描述符以及sizes属性 。w描述符告诉浏览器列表中的每个图象的宽度。sizes属性是一个包含两个值的,由逗号分隔的列表。根据最新规范,如果srcset中任何图像使用了w描述符,那么必须要设置sizes属性。

sizes属性有两个值:第一个是媒体条件;第二个是源图尺寸值,在特定媒体条件下,此值决定了图片的宽度。需要注意是,源图尺寸值不能使用百分比,vw是唯一可用的CSS单位。<img srcset="uswnt-480.jpg 480w,
uswnt-640.jpg 640w,
uswnt-960.jpg 960w,
uswnt-1280.jpg 1280w"
sizes="(max-width: 400px) 100vw,
(max-width: 960px) 75vw,
640px"
src="uswnt-640.jpg" alt="[ISUX译]响应式图像" alt="USWNT World Cup victory">




上例中,我们告诉浏览器在viewport宽度小于400像素时,使图像的宽度与viewport等宽。在viewport宽度小于960像素时,使图像的宽度为viewport宽度的75%。当viewport大于960像素时,使图像的宽度为640像素。如果你不熟悉vw ,可以看看Tim Severien的大文viewport单位详解 。

浏览器利用srcset和sizes信息来选择最符合规定条件的图像。如果浏览器的viewport是600像素,图像最可能以75vw的宽度显示。浏览器将尝试加载第一张大于450像素(600*0.75)的图像,也就是uswnt-480.jpg。如果我的是dpr为2的Retina显示屏,那么浏览器就会尝试加载第一张大于900像素(600*0.75*2)的图像,也就是uswnt-960.jpg。我们无法确定究竟显示哪张图像,因为每个浏览器根据我们提供的信息挑选适当图像的算法是有差异的。(译者注:srcset和size列表是对浏览器的一个建议(hint),而非指令。例如,设备像素比(dpr)为1.5的设备,亦可用1x也可用2x的图像,由浏览器根据其能力、网络等因素来决定。)

前两个例子都是以不同质量显示相同的图像,仅用srcset属性就足够了。不必担心老旧浏览器,老旧浏览器会把它看作为一个普通的图像并从src中加载。如果你想在不同宽度下显示稍微不同的图像,比如在较窄屏幕下仅显示图像的关键部分,那么要使用picture元素。

picture:基于Art direction(美术设计)选择

picture元素就像是图像和其源的容器。浏览器仍然需要img元素,用来表明需要加载图片,如果没有img,那么什么都不会渲染。source为浏览器提供了要显示图像的供选版本。基于美术设计选择的适用场景为:在一个特定的转效点(breakpoint)需要显示一个特定的图像。使用picture元素选择图像,不会有歧义。<picture>

<source media="(min-width: 960px)" srcset="ticker-tape-large.jpg">
<source media="(min-width: 575px)" srcset="ticker-tape-medium.jpg">
<img src="ticker-tape-small.jpg" alt="[ISUX译]响应式图像" alt="USWNT ticker-tape parade">
</picture>




在本例中,当viewport大于960像素时,会加载图像的风景模式版本(ticker-tape-large.jpg)。当viewport宽度大于575像素时,浏览器会加载图像的裁剪过的肖像模式版本(ticker-tape-medium.jpg)。而当宽度小于575像素时,加载的图像( ticker-tape-small.jpg)已经被裁剪成焦点仅在一个球员上了。

picture元素是向后兼容的;不支持picture元素的浏览器将显示img。图像的所有标准属性(如alt),应该作用在img上而不是picture上。

source:基于图片格式选择

最近几年出现了一些新的图片格式,这些新图像格式在较小的文件大小情况下保证了较好的图片质量。听起来还不错,但残酷的事实是没有一个新格式被所有浏览器支持。谷歌的WebP表现不错,但只有Chrome和Opera原声支持。JPEG-XR,最初被称为高清照片,是微软发布的一个专有图像格式,仅Internet Explorer支持。如果你想了解更多信息,可以查看Zoltan Hawryluk对这些新格式的深入研究。<picture>
<source type="image/vnd.ms-photo" src="wwc2015.jxr"> <source type="image/jp2" src="wwc2015.jp2"> <source type="image/webp" src="wwc2015.webp"> <img src="wwc2015.png" alt="[ISUX译]响应式图像" alt="WWC 2015">
</picture>
source的type属性用来指定每个图像的MIME类型,浏览器会选择第一个含有其支持的MIME类型的源。源的顺序是至关重要的,如果浏览器无法识别所有的图象类型,它会回退至原来的img元素。

现在可以使用这些东东吗?

在写这篇文章的时候, Firefox,Chrome和Opera的最新稳定版本均支持picture。Safari和IE本身均不支持picture。srcset的情况稍微好一点,Firefox、Chrome和Opera的最新稳定版本完全支持,Safari8和Internet Explorer Edge部分支持,可以使用x描述符用于根据分辨率切换,但不支持w描述符。Safari9已经完全支持srcset了(译者注)。

现有不少polyfills解决支持性问题,最知名的恐怕是Scott Jehl的picturefill。目前我(原作者)在我自己的网站上使用Alexander Farkas的respimage。目前的状况是,我们已对响应式图像的处理方案达成一致,并且这些解决方案逐渐被所有的主流浏览器实现。尽管该规范仍在不断完善之中,但原生的响应式解决方案离我们越来越近了。

来源:腾讯ISUX
  查看全部
自从2010年Ethan Marcotte开始讨论 响应式网页设计,开发者和设计师们竞相寻求 处理响应式图片的方法 。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像?你愿意在你的手机上加载一个巨大的(虽然更漂亮的)图像?这个问题令人左右为难。

一群来自响应式问题社区组(RICG)的聪明家伙致力于解决这个难题,他们使picture元素和srcset、sizes属性纳入HTML 5.1规范草案 。因为我们无法预测用户在何地以及如何访问我们的网站,所以我们需要浏览器自身根据情况选择最好的图像。新规范将解决以下问题:

1、基于设备象素比(device-pixel-radio)选择
2、基于viewport选择
3、基于Art direction(美术设计)选择
4、基于图像格式选择

该规范中,img元素增加了两个新属性:srcsetsizessrcset 用来声明一组图像源,浏览器根据我们使用描述符指定的条件来选择图像。描述符x表示图像的像素密度,描述符w表示图像的宽度;浏览器使用这些信息从列表中选择合适的图像。sizes 属性为浏览器提供将要显示图像的尺寸信息,srcset 使用w描述符时必须包含此属性。这种方法尤其适用于可变宽度的图像,我将在后面详细讨论。

我们现在可以根据用户的viewport,提供不同质量或美术设计(art direction)的图像,无需借助复杂的服务器端设置。响应式图像将成为HTML规范的重要组成部分,所有浏览器终将都会支持此解决方案。

固定宽度图像:基于设备像素比选择

视网膜屏幕的广泛应用,使我们不仅需要考虑屏幕分辨率,而且也需要考虑像素密度。视网膜屏幕,4K显示器,UltraHD-它们都比相同尺寸的标准分辨率显示器填充了更多的像素。更多的像素=更清晰的图像。

有些图片不管屏幕尺寸,始终以固定宽度显示-如站点logo或人物简介图像,也就是说需要根据设备像素比来选择。浏览器将根据设备像素比来选择加载哪张图像。

srcset 属性列出了浏览器可以选择加载的源图像池,是一个由逗号分隔的列表。x描述符表示图像的设备像素比。浏览器根据运行环境,利用这些信息来选择适当的图像。不理解 srcset 的浏览器会直接加载src属性中声明的图像。
<img srcset="crest-383.jpg 1.5x, crest-510.jpg 2x" src="crest-255.jpg" alt="[ISUX译]响应式图像" alt="USWNT crest" />

20160314203815205.jpg

网站logo就是固定宽度图像的一个例子,不管viewport的宽度如何,始终保持相同的宽度。不过,与内容相关的图片,通常也需要响应式,它们的大小往往随viewport改变。对于这类图像,还有更好的处理方法。

可变宽度的图像:基于viewport选择

对于可变宽度的图像,我们使用srcset搭配w描述符以及sizes属性 。w描述符告诉浏览器列表中的每个图象的宽度。sizes属性是一个包含两个值的,由逗号分隔的列表。根据最新规范,如果srcset中任何图像使用了w描述符,那么必须要设置sizes属性。

sizes属性有两个值:第一个是媒体条件;第二个是源图尺寸值,在特定媒体条件下,此值决定了图片的宽度。需要注意是,源图尺寸值不能使用百分比,vw是唯一可用的CSS单位。
<img srcset="uswnt-480.jpg 480w, 
uswnt-640.jpg 640w,
uswnt-960.jpg 960w,
uswnt-1280.jpg 1280w"
sizes="(max-width: 400px) 100vw,
(max-width: 960px) 75vw,
640px"
src="uswnt-640.jpg" alt="[ISUX译]响应式图像" alt="USWNT World Cup victory">

20160314203817341.jpg

上例中,我们告诉浏览器在viewport宽度小于400像素时,使图像的宽度与viewport等宽。在viewport宽度小于960像素时,使图像的宽度为viewport宽度的75%。当viewport大于960像素时,使图像的宽度为640像素。如果你不熟悉vw ,可以看看Tim Severien的大文viewport单位详解 。

浏览器利用srcset和sizes信息来选择最符合规定条件的图像。如果浏览器的viewport是600像素,图像最可能以75vw的宽度显示。浏览器将尝试加载第一张大于450像素(600*0.75)的图像,也就是uswnt-480.jpg。如果我的是dpr为2的Retina显示屏,那么浏览器就会尝试加载第一张大于900像素(600*0.75*2)的图像,也就是uswnt-960.jpg。我们无法确定究竟显示哪张图像,因为每个浏览器根据我们提供的信息挑选适当图像的算法是有差异的。(译者注:srcset和size列表是对浏览器的一个建议(hint),而非指令。例如,设备像素比(dpr)为1.5的设备,亦可用1x也可用2x的图像,由浏览器根据其能力、网络等因素来决定。)

前两个例子都是以不同质量显示相同的图像,仅用srcset属性就足够了。不必担心老旧浏览器,老旧浏览器会把它看作为一个普通的图像并从src中加载。如果你想在不同宽度下显示稍微不同的图像,比如在较窄屏幕下仅显示图像的关键部分,那么要使用picture元素。

picture:基于Art direction(美术设计)选择

picture元素就像是图像和其源的容器。浏览器仍然需要img元素,用来表明需要加载图片,如果没有img,那么什么都不会渲染。source为浏览器提供了要显示图像的供选版本。基于美术设计选择的适用场景为:在一个特定的转效点(breakpoint)需要显示一个特定的图像。使用picture元素选择图像,不会有歧义。
<picture> 

<source media="(min-width: 960px)" srcset="ticker-tape-large.jpg">
<source media="(min-width: 575px)" srcset="ticker-tape-medium.jpg">
<img src="ticker-tape-small.jpg" alt="[ISUX译]响应式图像" alt="USWNT ticker-tape parade">
</picture>

20160314203833264.jpg

在本例中,当viewport大于960像素时,会加载图像的风景模式版本(ticker-tape-large.jpg)。当viewport宽度大于575像素时,浏览器会加载图像的裁剪过的肖像模式版本(ticker-tape-medium.jpg)。而当宽度小于575像素时,加载的图像( ticker-tape-small.jpg)已经被裁剪成焦点仅在一个球员上了。

picture元素是向后兼容的;不支持picture元素的浏览器将显示img。图像的所有标准属性(如alt),应该作用在img上而不是picture上。

source:基于图片格式选择

最近几年出现了一些新的图片格式,这些新图像格式在较小的文件大小情况下保证了较好的图片质量。听起来还不错,但残酷的事实是没有一个新格式被所有浏览器支持。谷歌的WebP表现不错,但只有Chrome和Opera原声支持。JPEG-XR,最初被称为高清照片,是微软发布的一个专有图像格式,仅Internet Explorer支持。如果你想了解更多信息,可以查看Zoltan Hawryluk对这些新格式的深入研究。
<picture>
<source type="image/vnd.ms-photo" src="wwc2015.jxr"> <source type="image/jp2" src="wwc2015.jp2"> <source type="image/webp" src="wwc2015.webp"> <img src="wwc2015.png" alt="[ISUX译]响应式图像" alt="WWC 2015">
</picture>

source的type属性用来指定每个图像的MIME类型,浏览器会选择第一个含有其支持的MIME类型的源。源的顺序是至关重要的,如果浏览器无法识别所有的图象类型,它会回退至原来的img元素。

现在可以使用这些东东吗?

在写这篇文章的时候, Firefox,Chrome和Opera的最新稳定版本均支持picture。Safari和IE本身均不支持picture。srcset的情况稍微好一点,Firefox、Chrome和Opera的最新稳定版本完全支持,Safari8和Internet Explorer Edge部分支持,可以使用x描述符用于根据分辨率切换,但不支持w描述符。Safari9已经完全支持srcset了(译者注)。

现有不少polyfills解决支持性问题,最知名的恐怕是Scott Jehl的picturefill。目前我(原作者)在我自己的网站上使用Alexander Farkas的respimage。目前的状况是,我们已对响应式图像的处理方案达成一致,并且这些解决方案逐渐被所有的主流浏览器实现。尽管该规范仍在不断完善之中,但原生的响应式解决方案离我们越来越近了。

来源:腾讯ISUX
 

word-spacing 设置字间隔失效

问答admin 回复了帖子 • 2 人关注 • 1 个回复 • 73 次浏览 • 2017-02-08 15:44 • 来自相关话题

老薛主机终身7折优惠码!携手建站问

活动yhhd 发表了文章 • 0 个评论 • 407 次浏览 • 2017-01-18 15:44 • 来自相关话题

前言:之前建站问为广大建站朋友提供了 老薛主机75折和85折的优惠码 !这次建站问将与老薛主机更进一步合作,携手共赢。为广大建站朋友提供老薛主机终身7折的福利。






专属传送们:https://my.laoxuehost.net/aff.php?aff=5108

建站问携手老薛主机,全网首发优惠码:jianzhanwen7  (终身7折!)

使用教程:

点击上面 建站问的专属传送们,进入老薛主机官网,按需要选择空间,结账时输入建站问独家终身7折优惠码:jianzhanwen7 即可!

科普一下:

什么叫终身7折?就是这次你购买是7折,下次续费也是一样的7折哦!

老薛主机官网:

http://www.laoxuehost.com

相关推荐:

1、老薛主机优惠码

  查看全部
前言:之前建站问为广大建站朋友提供了 老薛主机75折和85折的优惠码 !这次建站问将与老薛主机更进一步合作,携手共赢。为广大建站朋友提供老薛主机终身7折的福利。

jianzhanwen7.jpg


专属传送们:https://my.laoxuehost.net/aff.php?aff=5108

建站问携手老薛主机,全网首发优惠码:jianzhanwen7  (终身7折!)

使用教程

点击上面 建站问的专属传送们,进入老薛主机官网,按需要选择空间,结账时输入建站问独家终身7折优惠码:jianzhanwen7 即可!

科普一下

什么叫终身7折?就是这次你购买是7折,下次续费也是一样的7折哦!

老薛主机官网:

http://www.laoxuehost.com

相关推荐:

1、老薛主机优惠码

 

2017 年网页设计的十大趋势

资讯xgzx 发表了文章 • 0 个评论 • 82 次浏览 • 2017-01-13 01:06 • 来自相关话题

又迎来了崭新的一年,让我们来了解网页设计的发展趋势吧。





随着技术的蓬勃发展,它们已经深入到了我们日常生活的方方面面,而用户们也越来越注重线上的体验。

自身、互动、相关这三个关键词,是用户期望通过他们的 UX 设计来满足的体验。而这也意味着网页设计师将要面临更加严峻的网站开发挑战,他们需要感知用户的体验,并贯穿到网站开发的全过程。

2017 年会出现哪些新趋势?

去年,我写了篇关于 2016 年七大网页设计趋势的文章。它受到了众多网友的关注。因此,我决定不再更新去年的文章,而与大家分享一篇关于 2017 年网页设计趋势见解的新文章。

让我们开始吧!

1. 传统网页设计的消亡

网页设计正从传统的概念中逐渐的消亡。或像 Eric Meyer 在最近的 Offscreen 杂志中所说的,他停止称自己为网页设计师,而是称自己为“体验设计师”。

在传统的网页设计中,设计的作用更多是让研发人员看起来不错,而现如今网页设计已演变的不仅如此了。

网页设计师(或体验设计师)不再只是使网站“看起来美丽”。 相反,他们需要研究用户的体验以及他们之间的故事。

2. 对话式 UI

2016 年是对话式交互发展的重要的一年,作为 hashtag 的创始人以及前 Google 员工 Chris Messina 说:

“2016 年是对话式商务的元年。”

Chris 在这篇文章里提到,人们将通过聊天应用,通讯应用和其他自然语言界面来与公司、服务商和机器人进行交互。作为通讯应用平台(例如 Slack,Facebook Messenger 或 WeChat)也超越了社交网络应用的下载,企业开始思考如何利用这一变化。





因此,对话式用户界面(例如网站)的设计,将成为大多数网页设计师在 2017 年关注的重点。





虽然,仍然有诸多问题尚未解决,但请放心:对话式界面将成为 2017 年里的一个主要的话题。

3. GIFs 和其他动画

众多的网站和应用程序正在使用着动画,而 GIFs 也逐步的成为了主流。

作为 Buffer 网站的内容制作官 Ash 说:

“GIFs 是伟大的。它们无处不在。”

现在它已经内置到 Facebook 和 Twitter 中,你也可以将 GIFs 用于你的网页设计。

但不要过度的依赖它们——虽然,它们很好的吸引了用户的注意。GIFs 可让你提供更丰富的产品体验,演示工作流程,或者为你的客户提供简单的指导。





随着多款 GIF 制作工具的出现(如 Photoshop,Giphy 或 record.it),网页设计师在其设计的过程中也不会受到限制。

4. 下一代响应式设计

响应式设计将继续占据着主导地位,因为它是实现最佳用户体验的有效方式之一。CSS media queries 为网站提供了灵活性,并根据访问网站的不同设备进行调整。

2016 年 4 月,谷歌对网站的排名算法进行了调整,并对网站内容进行了优化。我们看到了不少公司正忙于重新提升他们网站的 Google 排名。

作为建站者,我们必须接受这种情况。虽然,没有一个通用标准,但我确信的是网站提供的选项越少,响应的时间越短,那么网站的转化率就会得到提升。





5. 极简主义的网页设计

在 2017 年极简主义将会达到一个全新的高度。当用户点击首页后,呈现的将是类似于“卡片”一样的展现,它们成为了用户获取网站更多信息的入口。而对于网站本身,多图片的展示也可用于可视化的专题推荐,并可以促使用户进行点击。





Netflix 就是一个比较成功的网站示例。卡片图像不仅能够诠释节目或电影的更多内容,而且可以减少网站的使用空间。

总体上,人们更青睐那些在视觉上清晰、简单的网页设计。

6. 数据可视化

现如今,数据和分析越来越重要。而大品牌服务商正为用户提供了一个查看自己网站的统计数据的机会。





通过可视化的数据展示来增加用户与数据间的交互。当涉及让用户更好的表达时,丰富多彩的图表会特别有用。例如你可以使用 Tableau 来创建吸引用户注意的图表。

7. 减少图库图片,增加真实照片

这是一个简单却有趣的网页设计趋势。 在过去几个月浏览网站的过程中,我们发现使用图库图片的网站在不断的减少。作为用户,我们更愿意看到那些能够表明公司或业务的照片,而不只是一张通用的图片。

我也有这样的感觉,网页设计师宁可不选择图片,也不会使用图库图片。

摄影是一种艺术的表现形式,却被人们遗忘了若干年。但在2017年它会强势回归。然而,铭记于心的事情是你网站的服务目的是什么。因此,上述的一切,包括网站图像的选择,请务必要这样做。

个人照片(团队照片)同样很受欢迎——请给品牌一个门面





不仅真实图像的使用率在不断的增长,而且像卡通、漫画以及其他插图的使用比例也在增加。尤其是在一些科技类的社区中,通常会用一则漫画来谈论特定的主题或阐述一些细节。

8. Material Design

近年来,由 Google 推出的材料设计语言正稳步的推广到其应用程序中,包括 Gmail,Google 地图,Google 云盘和 YouTube 。而早在 2013 年,材料设计就以搜索词的形式出现了,但直到 2015 年它才成为了主流。

它是一种在页面上创建具有意义的层次排版结构的设计方法,在移动和响应用户动作的同时,将用户的焦点绘制到不同的区域。他们称后者为材料动效。而材料设计则是利用几何形状从视觉上来增强他们网站的体验。

由于它具备极大的灵活性,以及所有设备的兼容性,它也越来越受欢迎。

这是一个关于材料设计及其未来的持续讨论。要详细了解材料设计,请参阅Google上的简介。

9. 长滚动页网站

它是一个拥有利弊的长滚动页网站。总而言之,我们看到了越来越多的长滚动页网站的出现,例如 Facebook,Twitter 或 Instagram 。它们看似无底,然而又很成功。

在 Facebook,Twitter 和 Instagram 网站上,用户通过长时间滑动页面,来不断的刷新与浏览新的内容。作为慵懒的人类,我们已经习惯了现在的行为方式。许多网站也都在摒弃菜单和标签选项,取而代之的是将所有内容放在一个长长的页面上。而网站也可以拆解为图像、文字与视频,用以增添一些让人们感到有趣的体验。

那么,就继续愉快地滚动吧!





10. 字体排印越来越大

字体排印越来越大,并且更大胆。

2016 年我们已经看到了字体的大小与外观设计的增长,但这种趋势不会很快就停止。品牌名称将会变得更大、更醒目,甚至会全屏出现。而动态的颜色与纹理也将添加到那些有趣、充满活力的字体中,并创造出一个让你“哇”的效果。

无论是用于绘图,还是用来吸引用户的注意,字体排印工作都在有条不紊的进行着。而大型字体的排印可以有效地打破网格的界限,尤其针对那些拥有较长滚动页面的网站。

总结

虽然,我们认为这份列表上的所有内容都相当不错的,但不要尝试将每一个趋势都纳入到你设计的新网站上。它们中的一些适合为企业服务,而你也可以选择一些客户需要和想要的样式和功能。同时,不要尝试太多不必要的功能,这样会立刻降低网站的用户体验。所以,请谨慎的选择,最重要的是要有创意。

感谢你的阅读,如果觉得文章不错,不妨点个赞。

译者:IT程序狮 / 原文作者: Thomas Peham
  查看全部
又迎来了崭新的一年,让我们来了解网页设计的发展趋势吧。

148412844951480877.PNG

随着技术的蓬勃发展,它们已经深入到了我们日常生活的方方面面,而用户们也越来越注重线上的体验。

自身、互动、相关这三个关键词,是用户期望通过他们的 UX 设计来满足的体验。而这也意味着网页设计师将要面临更加严峻的网站开发挑战,他们需要感知用户的体验,并贯穿到网站开发的全过程。

2017 年会出现哪些新趋势?

去年,我写了篇关于 2016 年七大网页设计趋势的文章。它受到了众多网友的关注。因此,我决定不再更新去年的文章,而与大家分享一篇关于 2017 年网页设计趋势见解的新文章。

让我们开始吧!

1. 传统网页设计的消亡

网页设计正从传统的概念中逐渐的消亡。或像 Eric Meyer 在最近的 Offscreen 杂志中所说的,他停止称自己为网页设计师,而是称自己为“体验设计师”。

在传统的网页设计中,设计的作用更多是让研发人员看起来不错,而现如今网页设计已演变的不仅如此了。

网页设计师(或体验设计师)不再只是使网站“看起来美丽”。 相反,他们需要研究用户的体验以及他们之间的故事。

2. 对话式 UI

2016 年是对话式交互发展的重要的一年,作为 hashtag 的创始人以及前 Google 员工 Chris Messina 说:

“2016 年是对话式商务的元年。”

Chris 在这篇文章里提到,人们将通过聊天应用,通讯应用和其他自然语言界面来与公司、服务商和机器人进行交互。作为通讯应用平台(例如 Slack,Facebook Messenger 或 WeChat)也超越了社交网络应用的下载,企业开始思考如何利用这一变化。

148412845846651370.PNG

因此,对话式用户界面(例如网站)的设计,将成为大多数网页设计师在 2017 年关注的重点。

148412844909962354.PNG

虽然,仍然有诸多问题尚未解决,但请放心:对话式界面将成为 2017 年里的一个主要的话题。

3. GIFs 和其他动画

众多的网站和应用程序正在使用着动画,而 GIFs 也逐步的成为了主流。

作为 Buffer 网站的内容制作官 Ash 说:

“GIFs 是伟大的。它们无处不在。”

现在它已经内置到 Facebook 和 Twitter 中,你也可以将 GIFs 用于你的网页设计。

但不要过度的依赖它们——虽然,它们很好的吸引了用户的注意。GIFs 可让你提供更丰富的产品体验,演示工作流程,或者为你的客户提供简单的指导。

148412844947940988.GIF

随着多款 GIF 制作工具的出现(如 Photoshop,Giphy 或 record.it),网页设计师在其设计的过程中也不会受到限制。

4. 下一代响应式设计

响应式设计将继续占据着主导地位,因为它是实现最佳用户体验的有效方式之一。CSS media queries 为网站提供了灵活性,并根据访问网站的不同设备进行调整。

2016 年 4 月,谷歌对网站的排名算法进行了调整,并对网站内容进行了优化。我们看到了不少公司正忙于重新提升他们网站的 Google 排名。

作为建站者,我们必须接受这种情况。虽然,没有一个通用标准,但我确信的是网站提供的选项越少,响应的时间越短,那么网站的转化率就会得到提升。

148412844919266719.PNG

5. 极简主义的网页设计

在 2017 年极简主义将会达到一个全新的高度。当用户点击首页后,呈现的将是类似于“卡片”一样的展现,它们成为了用户获取网站更多信息的入口。而对于网站本身,多图片的展示也可用于可视化的专题推荐,并可以促使用户进行点击。

148412845014743223.PNG

Netflix 就是一个比较成功的网站示例。卡片图像不仅能够诠释节目或电影的更多内容,而且可以减少网站的使用空间。

总体上,人们更青睐那些在视觉上清晰、简单的网页设计。

6. 数据可视化

现如今,数据和分析越来越重要。而大品牌服务商正为用户提供了一个查看自己网站的统计数据的机会。

20170113010715.jpg

通过可视化的数据展示来增加用户与数据间的交互。当涉及让用户更好的表达时,丰富多彩的图表会特别有用。例如你可以使用 Tableau 来创建吸引用户注意的图表。

7. 减少图库图片,增加真实照片

这是一个简单却有趣的网页设计趋势。 在过去几个月浏览网站的过程中,我们发现使用图库图片的网站在不断的减少。作为用户,我们更愿意看到那些能够表明公司或业务的照片,而不只是一张通用的图片。

我也有这样的感觉,网页设计师宁可不选择图片,也不会使用图库图片。

摄影是一种艺术的表现形式,却被人们遗忘了若干年。但在2017年它会强势回归。然而,铭记于心的事情是你网站的服务目的是什么。因此,上述的一切,包括网站图像的选择,请务必要这样做。

个人照片(团队照片)同样很受欢迎——请给品牌一个门面

148412845299045912.PNG

不仅真实图像的使用率在不断的增长,而且像卡通、漫画以及其他插图的使用比例也在增加。尤其是在一些科技类的社区中,通常会用一则漫画来谈论特定的主题或阐述一些细节。

8. Material Design

近年来,由 Google 推出的材料设计语言正稳步的推广到其应用程序中,包括 Gmail,Google 地图,Google 云盘和 YouTube 。而早在 2013 年,材料设计就以搜索词的形式出现了,但直到 2015 年它才成为了主流。

它是一种在页面上创建具有意义的层次排版结构的设计方法,在移动和响应用户动作的同时,将用户的焦点绘制到不同的区域。他们称后者为材料动效。而材料设计则是利用几何形状从视觉上来增强他们网站的体验。

由于它具备极大的灵活性,以及所有设备的兼容性,它也越来越受欢迎。

这是一个关于材料设计及其未来的持续讨论。要详细了解材料设计,请参阅Google上的简介。

9. 长滚动页网站

它是一个拥有利弊的长滚动页网站。总而言之,我们看到了越来越多的长滚动页网站的出现,例如 Facebook,Twitter 或 Instagram 。它们看似无底,然而又很成功。

在 Facebook,Twitter 和 Instagram 网站上,用户通过长时间滑动页面,来不断的刷新与浏览新的内容。作为慵懒的人类,我们已经习惯了现在的行为方式。许多网站也都在摒弃菜单和标签选项,取而代之的是将所有内容放在一个长长的页面上。而网站也可以拆解为图像、文字与视频,用以增添一些让人们感到有趣的体验。

那么,就继续愉快地滚动吧!

20170113010911.jpg

10. 字体排印越来越大

字体排印越来越大,并且更大胆。

2016 年我们已经看到了字体的大小与外观设计的增长,但这种趋势不会很快就停止。品牌名称将会变得更大、更醒目,甚至会全屏出现。而动态的颜色与纹理也将添加到那些有趣、充满活力的字体中,并创造出一个让你“哇”的效果。

无论是用于绘图,还是用来吸引用户的注意,字体排印工作都在有条不紊的进行着。而大型字体的排印可以有效地打破网格的界限,尤其针对那些拥有较长滚动页面的网站。

总结

虽然,我们认为这份列表上的所有内容都相当不错的,但不要尝试将每一个趋势都纳入到你设计的新网站上。它们中的一些适合为企业服务,而你也可以选择一些客户需要和想要的样式和功能。同时,不要尝试太多不必要的功能,这样会立刻降低网站的用户体验。所以,请谨慎的选择,最重要的是要有创意。

感谢你的阅读,如果觉得文章不错,不妨点个赞。

译者:IT程序狮 / 原文作者: Thomas Peham
 

互联网域名管理办法将出台:境外域名将不能解析到境内服务器

资讯xgzx 发表了文章 • 0 个评论 • 82 次浏览 • 2017-01-13 00:56 • 来自相关话题

域名是一个网站的名片,就算是现在,输入域名访问互联网还是人们必不可少的上网方式。但是互联网域名却没有管理的规定。最近据上海证券报报道:工信部制定的《互联网域名管理办法》(简称《办法》)修订工作已经接近尾声,可能尽快出台。这意味着以后咱们在国外注册的域名,将无法解析到国内服务器了。





根据征求意见稿,在境内进行网络接入的域名应当由境内域名注册服务机构提供服务,并由境内域名注册管理机构运行管理。在境内进行网络接入、但不属于境内域名注册服务机构管理的域名,互联网接入服务提供者不得为其提供网络接入服务。

按照征求意见稿要求,提供域名解析服务,不得为违法网络信息服务提供域名跳转。

只要不被墙,域名和服务器均在境外的网站也是可以访问的。这个政策主要是影响那些域名注册在国外,服务器在国内的网站,必须把域名转回来。

为啥工信部非要让网站站长们用国内的域名注册商,因为国内可以强制域名实名制,比如阿里的万网现在已经要求转入域名必须实名认证,否则就不能转入。实名认证的好处就是方便抓人,你开个网站,只要发送一条评论包含“有害信息”,五分钟后就会开门查水表,效率多高啊。对于这次域名管理办法你们怎么看?

来源:卢松松博客
  查看全部
域名是一个网站的名片,就算是现在,输入域名访问互联网还是人们必不可少的上网方式。但是互联网域名却没有管理的规定。最近据上海证券报报道:工信部制定的《互联网域名管理办法》(简称《办法》)修订工作已经接近尾声,可能尽快出台。这意味着以后咱们在国外注册的域名,将无法解析到国内服务器了。

717.jpg

根据征求意见稿,在境内进行网络接入的域名应当由境内域名注册服务机构提供服务,并由境内域名注册管理机构运行管理。在境内进行网络接入、但不属于境内域名注册服务机构管理的域名,互联网接入服务提供者不得为其提供网络接入服务。

按照征求意见稿要求,提供域名解析服务,不得为违法网络信息服务提供域名跳转。

只要不被墙,域名和服务器均在境外的网站也是可以访问的。这个政策主要是影响那些域名注册在国外,服务器在国内的网站,必须把域名转回来。

为啥工信部非要让网站站长们用国内的域名注册商,因为国内可以强制域名实名制,比如阿里的万网现在已经要求转入域名必须实名认证,否则就不能转入。实名认证的好处就是方便抓人,你开个网站,只要发送一条评论包含“有害信息”,五分钟后就会开门查水表,效率多高啊。对于这次域名管理办法你们怎么看?

来源:卢松松博客
 

运营简史:一文读懂互联网运营的20年发展与演变

资讯xgzx 发表了文章 • 0 个评论 • 114 次浏览 • 2017-01-10 21:01 • 来自相关话题

文 / 黄有璨 (范晓俊亦为本文搜罗了大量资料,并采写了文中部分内容)

前言

“运营”是个有趣的东西。

作为一个现今互联网行业中最为普及的工作职能,它却又往往被称为是一大“玄学”。

一方面它的地位和权重越来越高;另一方面,似乎它又很模糊,看起来,少有人能够从真正意义上讲清楚到底“运营”是什么。

回溯起来,“运营”这项工种的出现,其实不过短短十几年。

某种意义上,我们愿意相信,一件事物,如果你并不足够了解它的过去,那你一定很难真正理解它的现在和未来。

我们猜想,假如我们能够回过头去认真回顾一下“运营”在互联网世界中的发展史,会是件有趣,且有价值的事。这形成了本文写作的初衷。

那么,究竟什么是“运营”?

我发现,在现有的互联网世界中,“运营”的范畴下所能包含的具体工作内容,可谓繁杂无比:推广投放、活动策划、内容制作、数据监测、用户管理、客服……诸多内容似乎都能够往其中装填,几乎每一个被称为是“运营”的互联网从业者,身上都会背着不止一项工作内容。

因而,要试着谈论运营,我们必须要先界定运营。

按照我在《运营之光》第一章中给出的定义,运营的目的最终是为了“更好的连接产品和用户”。再进一步讲,这里又存在两个目的,一是能够获取用户并实现用户付费;二是能够更好的维系住这些用户,令之愿意与你持续发生关系。

而一切围绕着这两个目的来展开的具体工作内容,都可被视作某种运营手段。以及,一个靠谱的运营,一定是能够懂得、并熟练掌握多种运营手段的——这与传统行业中的状态全然不同。

但是,这样一项既复杂又多样有时又会显得有些宽泛的职能,到底是怎么诞生的?以及为何会诞生它?

为了更好地回答这样几个问题,我们依次梳理了从互联网诞生至今的行业发展历程,提炼出了其中每一个阶段的代表性产品,并试图着重去分析这些互联网产品在他们所处的时代,是如何实现“用户获取&用户付费”、“用户维系”这样两件事的。

以及,我们也同时关注着“运营”这个概念在行业从业者心目中的认知变化。

我试着回溯了互联网过去20年的发展历程以及去观察在其每个阶段围绕着“用户获取&付费”与“用户维系”这样两个目的产生过哪些不同的具体做法,在经过观察和思考后,我粗步有了以下几个结论:

1、在互联网诞生之初,是不存在“运营”这样一个职能的,这个职能及其称呼是渐渐被演化出来的;

2、最早出现的最贴近于当前“运营”的岗位,是“网络编辑”和“社区BBS管理员”,其次是各种网络推广;

3、“运营”的概念最早大约成型于2001年前后,而真正意义上“运营”这样一个概念和职能在互联网圈内开始逐渐普及开来,大约是从2004、2005年前后开始的——从那时阶段开始,包括新浪在内的大量互联网公司中的“编辑”开始被称为“内容运营”,而类似“社区运营”这样的叫法也开始被普及开来。

我发现,这是一个很有趣,也很值得去思考的过程。

以下,我将分7个阶段为你带来我更具体的观察与思考。

1984-1993:互联网的萌芽

少有人知道,人与人之间第一次可以通过“互联网”进行较大规模的信息交换,差不多是在1984年。

那一年,一个叫“惠多网”(FidoNet)的BBS建站程序在美国出现。用户通过电话线连接,以点对点的方式转发信件。惠多网是全世界第一个BBS网络。

7年后,中国的惠多网“长城”站开通,这时候上“长城”站的几乎都是从海外拨长途回国的中国留学生,以及部分后来的国内前沿技术爱好者。在当时的“长城”站上,就已经有了马化腾、求伯君、丁磊等人的身影。





年轻的马化腾

1993年开始,随着拥有PC的用户越来越多,以及众多相关技术的发展,在大洋彼岸的美国,“互联网”开始如野草般无预兆地疯狂生长起来,并先后诞生了如网景、雅虎这样的互联网公司。

大洋彼岸的盛况无疑是令人悸动的。于是,从1995年开始,互联网之风远渡重洋来到中国,开始生根发芽。

1994-1997:互联网是什么?

1、互联网用户体量:不足30万

2、互联网代表产品:门户,早期BBS

3、代表性运营工种:网编,BBS管理员

对于老一辈网民和互联网圈人士们而言,基本上不太有争议的一件事是,中国互联网发展的起点,是1995年前中关村大街上那家叫做“瀛海威”的公司出现。大概人们永远也不会忘记的,是瀛海威当年那个经典无比的广告——“中国人离信息高速公路还有多远?向北1500米。”





瀛海威广告牌

所以,你发现了,那时候的中国,互联网对于人们最大的吸引力所在,是“信息”。在那个大多数人最主要的信息获取渠道还是看“新闻联播”的时代,信息还是100%的稀缺品。

于是,围绕着“信息”的获取和消费,在国内诞生了最早的两种产品形态,分别是“门户网站”和“BBS”。

其中,前者的代表,是新浪、搜狐、网易,而后者的代表,则是天涯、猫扑、西祠以及各大门户网站下属的论坛。它们差不多都集中出现在1995-1996年间。

同样都是提供信息,“门户”与“BBS”之间最大的不同,源自于门户网站的内容都需要自己采集编写,而BBS上的信息则大多来自于用户的自发贡献,用现在的话来讲,一个是PGC,另一个是UGC。

在那个时候,人们对互联网的认知还是模糊的,大家都只知道互联网是个新奇、好玩的玩意儿,能够让你“足不出户就获取到全球资讯”,基本还没什么人会想到互联网上还能赚钱,很多人开始做网站也好,做软件也好,更多都抱着一些半好奇半尝试的心理,并没有任何特定的预期或是规划。

同时,在1998年之前,国内能够上网的人本身就很少,按照中国互联网信息中心提供的数据,在1997年,全国的拨号入网用户,不过才区区25万人而已。因而,那个阶段的网上在线服务也相对单一,基本上除了门户、BBS之外,就是少量的软件下载网站。

那个时候,绝大多数的网站与产品,都是无需考虑“用户获取”的——本身可以找到的网站和在线产品就很少很少,加上上网的人数也不多,基本你只要能够把一个东西做出来,且它不是太差,大家自然就能够找到它,且各类门户、论坛等也愿意无条件免费推荐和介绍你的产品——毕竟,在那个时候如果不介绍些新的网站和热点事件啥的,他们可介绍的东西也就没那么多了。

倒是,在“用户维系”方面,门户网站和BBS们还是要做一些事的。最起码,你既然提供的是信息的供给与消费,你得做好信息的更新和推荐吧?

于是,就诞生了互联网上最早的两种代表性工作:网络编辑和BBS管理员。其中,前者的工作主要是内容的采集、编撰和写作,后者的工作则主要是论坛中的加精、置顶、删帖,以及时不时的组织些灌水顶楼等在线活动。

这,基本可以视作是最早的“运营”类相关工种,他们在做的事,在互联网上信息还较为匮乏的时候,大多与“内容生产与维系”相关。

1998-2001:第一波潮流?

1、互联网用户体量:从100万-2000万

2、互联网代表产品:聊天室,更成熟的BBS,QQ,联众,各类下载类站点

3、代表性运营工种:在线推广,社区管理

如果要为早期中国互联网的发展定义出来一个里程碑式的节点,1998年或许是最为恰当的年份。以此为节点,互联网在国内的发展迎来了第一次长达3-4年之久的爆发与井喷,迎来了自己的第一波春天。

1998年,首先值得我们关注的,是以下两件事:

1、1998年6月,微软Windows98操作系统发布,其中首次全面集成了Internet标准。操作系统的进化与更新,为更多家庭与个人能够接入互联网铺平了道路。

2、同样在1998年,作为一种比“调制解调器拨号上网”速度更快的上网方式,ISDN开始在国内得到普及,全国26个省会城市开始开通ISDN。

这两件事的之于中国互联网的意义,无异于一个原本只有烂泥路可以通往外界的小山村,终于开始要修筑柏油马路。

于是,我们也可以看到,在这一年前后,在互联网上发生了诸多具有重大意义的事件。

1、BBS和论坛的黄金发展期

1997年10月31日,中国队在世界杯亚洲区预选赛主场2:3负于卡塔尔,失去出线机会。此后2天,有个叫老榕的人跑到四通利方(新浪前身)的体育沙龙论坛里发表了一篇《大连金州不相信眼泪》。





中国队主场2:3负于卡塔尔

这篇文章几乎在一夜间传遍大江南北,后来被称为是“中国第一足球博文”,在发表过后2个月内,几乎被包括《南方周末》在内的国内所有的主流体育媒体乃至大众媒体转载和报道,以至于那个年代的球迷群体里,几乎没有一个人没有听说过这篇文章和“老榕”这个名字的。

顺带说一声,当时体育沙龙论坛的版主,叫做“老沉”,即后来成为新浪总编辑的陈彤。

按照老沉的回忆,老榕的《大连金州没有眼泪》贴出后,体育沙龙的访问点击量达到了平时的数十倍。无数网民留言说:老榕让他们“热泪盈眶”。

此事的发生,是整个主流世界的人们第一次切身感受到互联网的力量和影响。在不经意间,是它把很多人带入了互联网世界的大门。由此开始,BBS和论坛开始迎来了一波黄金发展期,吸引了一波又一波的创作型选手进入。

2、在线聊天室的兴起

同年,一部叫做《第一次的亲密接触》的网络小说突然走红。它讲述了一个一男一女借由网络聊天室相识,然后进而见面、相恋,最后再到女主角不辞而别,最终病逝的浪漫故事,受到了无数中青少年们的追捧。





《第一次的亲密接触》by 痞子蔡

这也是第一部借由网络走红的小说,其火爆程度也几乎达到了无人不晓的状态。

借由这部小说的火爆,人们也越来越对于互联网感到好奇,潜意识中越来越渴望在互联网上去探索、尝试交流,乃至隐隐也开始期待着自己也能够邂逅几段美好的浪漫。

于是,或多或少是因为这部小说的走红,从这一年开始,能够承载多人在线即时互动交流的“在线聊天室”开始兴起。

回想起来,那时候的人们,面对的另一个境况,的的确确就是孤独寂寞。大部分人仅仅基于线下的那个社交圈子既有限,又充满了各种限制。你会发现,几乎每一个人心中都憋着大量想说的话却在现实世界里找不到别人诉说,从十几岁的小毛孩子,一直到三四十岁的大叔阿姨,竟无一例外。

于是,聊天室开始迅速发展起来。那时候最火爆的聊天室,叫做“碧海银沙”,其中最火爆的房间,差不多任何时候上线都会有至少近百人在线,甚为火爆。

总之,基础设施的逐步健全,加上互联网世界中不断频发的各种“焦点事件”,开始促使着一批又一批充满好奇心的网民们开始进入互联网世界的大门。

3、QQ和联众的诞生

当然,正如上面提到的,无数网民们在开始使用互联网之初,最大的需求就是“希望找到某种方式来排解自己的空虚、孤独和寂寞”,于是,除了更加成熟的各大论坛、门户、BBS和聊天室之外,另外两款具有划时代意义的产品出现了。

这两款产品,一个叫OICQ,另一个叫做联众。

OICQ(后更名为QQ)在1999年2月上线,主打即时在线聊天。





QQ

而作为一个在线休闲游戏平台的联众则上线更早,它在1998年3月上线。





联众

这两款产品,几乎都是一经推出就在网民中间呈现出“爆发式增长”的态势,甚至在一定程度上进一步催生了互联网用户的增长——不夸张的说,在《第一次的亲密接触》这样的网络小说走红之后,很多人几乎是为了想要找人在线聊天或是一块玩耍而购买了PC和开始“上网”。

而QQ的走红,某种意义上也是“天时地利人和”的汇总,这当中,既有时机的关系,也有诸如腾讯对于用户体量的更加注重等原因(腾讯在当时首创的卡通头像、聊天记录云端存储等等功能都成为了QQ增长的强大助推力)。

在我的记忆里,我老家的那个小县城里,就正是QQ的出现才真正带火了“网吧”这样的地方。我还记得,差不多就是1999年和2000年前后,我老家的小县城里一下子就冒出来了六七家网吧,每逢周末走进去,你会发现满屋子的人都在上QQ,找人聊天。

数据似乎也可以佐证这一切。查阅CNNIC提供的全国网民数量变化情况,我们可以发现,正是从1998年开始到2001年,全国网民的数量几乎每年都保持着100%以上的增长率,成为了中国互联网发展史上用户基数增长最快的一段时间。





4、互联网商机初现

于是,随着网民数量的增加,互联网上的商机也终于涌现。

1998年世界杯期间,新浪网以24小时滚动播出新闻形式吸引了大量网友,并借此获得了18万元广告收益——这似乎是我们可以查到的早期互联网史上的典型“流量变现”案例。

而这一时期的联众,也开始推出诸如“个人会员”+“身份特权”等增值服务。

于是,当我们开始意识到“原来互联网也能挣到钱”,并且开始有人理解到“网站的点击量和访问量是决定一个网站价值的关键”之后,于是“流量”开始作为一个标准术语登上舞台,慢慢的大家都开始知道,“做互联网就必须要把流量做大”。

总体来说,对一些主流的现象级产品如QQ、联众、聊天室等而言,在这一时期内的用户获取,相对仍然是无需太多操心的——他们只需要能够做好基础服务,就自然会有大量用户源源不断的涌入。按照现在的说法,这仍然是中国互联网发展过程中的“红利期”。

按照官网公布的数据,联众上线3年后,到2001年,注册用户已达到2000万,而QQ到了2001年,注册用户数更是突破了5000万,同时在线人数也超过了100万。

而对于大量中小个人站点的站长和个人开发者们来说,他们的用户获取相比大型网站和主流产品,就必须开始想法设法做更多的事情。

那个时候,为了提升自己网站的流量或产品的下载量,他们常用的手段,包括但不限于互换友链、寻求门户网站的发稿,论坛BBS发广告,想办法提升自己在各个软件下载网站中的排名,提供各种资料包下载以导流等等。

以上种种,开始催生了一个叫做“在线推广”的工种,“导流”和“渠道”,是他们最为关注的事情。

5、运营理论初现

随着网民数量的增多,部分论坛和BBS的管理也开始越发复杂起来——如果你只需要服务1万人,也许你就定期管理清理一些论坛帖子,加加精之类的就好了,但当你开始需要服务50万人甚至更多用户的时候,情况就开始复杂起来——你需要考虑划分更多的论坛版块,你需要开始考虑如何影响并维系好一个论坛的“氛围”,你也不再能够“事必躬亲”的去处理和管理每一个版块中的事务。

于是,在大量社区和BBS中,开始诞生了一种常见的做法——即通过招募和管理好一群管理员和“版主”,来帮助官方更好的管理社区。而官方则只需要少量的“社区管理”负责人,来负责维系好这群管理员和版主就好——甚至,在网上,N多社区管理者们还总结出来了所谓“引导产生兴趣,兴趣催生话题,话题集中讨论,信息聚合用户”的论坛管理四步法。

这,差不多便是后来在运营界被广泛流传的的“社区运营方法论”和“用户金字塔”模型的起源。

以及,这一时期内,部分产品开始会有意识的组织和策划一些活动来吸引用户关注,以及开始推出某些付费增值服务,典型代表如联众。

从1999年开始,联众曾多次引入马晓春等职业棋牌选手与用户在线对弈,并由此引发媒体报道和网民关注。

而联众在2000年举办的中韩在线围棋赛(China-Korea Online Go Tournament),更是有超过12,000名玩家同时在线参与,成为了当时的吉尼斯世界纪录。

以及,从2000年开始,联众也推出了自己的付费增值服务——联众会员,用户按月支付费用,支付后可获得包括个人在线形象美化、踢人等在内的特权。用今天的眼光看,这其实就是联众自己的“QQ秀”和“QQ会员”,但它比QQ会员要早了1年多时间。





诸如此类的一些做法,也差不多形成了后来的“活动运营”和“用户转付费”等常见运营逻辑的雏形。

2001-2005:流量为王的时代与“运营”的出现

1、互联网用户体量:2200万-1.03亿

2、互联网代表产品:百度、hao123、各种强制安装插件、番茄花园、淘宝、网游

3、代表性运营工种:SEO/SEM、流量分发、QQ群管理、电商运营

在2001-2005年这段期间的互联网世界中,有几件事情的发生是不容忽视的。它们分别是:

1、网游的兴起和火爆;

2、以淘宝为首的电商的飞速发展;

3、伴随着网民数量的飞速上升,整个行业对于“流量获取”的越发重视以及部分“流量入口”的成形。

也正是在这段时间,在互联网行业中,“运营”开始渐渐作为一种职能名称开始普及开来。这背后与行业的发展和变化也是息息相关的。

以下我们依次来讲。

1、网游的兴起和火爆

从2000年开始,“网游”的概念就开始受到热捧。

而到了2001年,盛大推出《传奇》,网易也了推出《大话西游》,网游开始了一段长达4-5年的火爆时期。其中又以《传奇》最为成功,这款从韩国引进的网游迅速成为了很长时间以来最火爆也最赚钱的网游。一直要到后来魔兽世界的出现,才能超越当年《传奇》的盛况。





《传奇》

而网游的业务模式较之其他互联网服务也有所不同,相比于其他互联网服务“做流量”的方式,网游有着更加清晰的盈利模式——卖游戏点卡或卖游戏装备。

正是围绕着这样更加清晰的盈利出口,在网游公司的业务开展过程中,除了在线推广外,首次出现了一些此前从鲜少在互联网行业见到过的操作方式。

其一,是围绕着“游戏点卡”的售卖发展了大量的线下渠道和代理商,尤其在校园,更是有大量专职售卖点卡的“校园代理”出现;

其二,则是围绕着“增加用户在线购买游戏装备或增值服务”的导向,开始有了一些不太能够见得光的运作手段。例如,笔者曾经知道有某网游公司为了提升用户付费频次和付费率的做法是类似这样的:注册大量所谓美女号,通过美女号勾引部分“金主”,让金主为美女号付费购买装备。

以上两者,差不多可被视为是最早的“线下地推”和“重点付费用户的维系”。

2、电商的飞速发展

与“网游”一同渐渐兴起的,还有“电商”。





马云与阿里巴巴的成立

1999年,阿里巴巴成立,通过B2B切入到电商领域,不到半年公司已经能提供来自全球178个国家和地区的商业信息;

同年年底,当当网成立,开辟网络图书销售平台;

2000年,雷军参与创办的“卓越网”上线开始运营;

2003年5月,阿里旗下的“淘宝网”上线,并在当年年底推出了第三方支付工具“支付宝”,当年即完成了3400万元成交额,并渐渐发展成为国内最大的电商网站。

与网游一样,电商也是一项能够直接产生交易和支付行为的业务,在这个领域内,除了简单的推广,也出现了一些与其他互联网领域完全不同的工作内容。

比如说,如何选取商品和管理好店铺的商品品类,如何管理好商品库存和配送,如何做好店铺客服,如何包装商品,如何通过打造“爆款”等手段培养在线店铺的用户忠诚度,等等。

这些工作,差不多构成了早期“电商运营”的雏形。并且,在电商行业中,“运营”是一个一开始就有的职能名称,其工作内容差不多涵盖了上面提到的所有事情,主要对于店铺的日常经营及销售额提升负责。

3、“入口”和“流量”

此外,在这一时期,随着整个互联网世界中用户越来越多,且涌入的各类信息和网站也越来越多之后,人们开始面临一个问题:我该如何从浩如烟海的网络世界中找到适合我的信息,并能够记住它们?

于是,从2001年开始,一个概念渐渐兴起,并越来越在互联网世界中占据着举足轻重的地位,它就是“入口”。通俗一点讲,你要是能够占据某个“入口”,你天然就拥有了数量巨大,且源源不断的流量。而就像此前提到的,在互联网世界中,流量已经被证明了是值钱的。

在这一阶段中,包括3721、hao123、百度、浏览器乃至产业链中更加靠前的集成操作系统“番茄花园”都一度成为了某种流量和用户基数巨大的“入口”。

入口既成,抢占“入口”就成为了诸多互联网产品们必须重视的事情,于是,这一时期,围绕着如何能够让自己的产品和品牌能够在“入口”处获得更多的曝光和点击,大家开始各显神通。

比如说,有人开始慢慢发现,百度和其他搜索引擎的网页爬虫程序是具备某种规律的,换句话说,只要你把你的网站变得对这些规则更加友好,你就能够在搜索引擎相关关键词的搜索结果页拥有更高的排名,于是,围绕着如何把自己的网站变得对搜索引擎更加友好,渐渐演化出来一个工种,叫做SEO(搜索引擎优化)。

当然,搜索引擎们也不傻,当他们发现自己的搜索结果排名位会直接决定大量流量的时候,他们毅然决定,开始把自己的搜索结果位拿出来售卖,并采取了一种叫做“竞价排名”的规则来出售自己的搜索结果位,简单说,就是谁出的价格更高,这个位置和词条就卖给谁。于是,慢慢围绕着如何通过搜索引擎来完成付费推广,又进一步诞生了一个叫做SEM(搜索引擎营销)的工种。

再比如说,还有人发现,除了搜索引擎这样“集中型”的入口,还有一部分入口,可能是“分布式”的——典型例如门户网站上的诸多新闻页面,也许他们每一个页面都没有多大流量,但要是这些页面上的流量都加总被起来,将会是一个惊人的数字。

于是,有人开发出了一种叫做“广告联盟”的东西,简单说,就是一种通过集合大量中小网络媒体资源(如中小网站、个人网站等)组成联盟,通过这些页面和站点来统一进行广告投放和在线推广的做法。

当然,围绕着如何获取流量,此前仍然常见的论坛推广、网站之间的流量互换、门户网站发稿,乃至渐渐出现的QQ群推广等等,也仍然是常见的手段。

于是,围绕着如何更有效的获取流量并降低流量获取成本,一个叫做“流量运营”的工种开始慢慢在这一时期出现。

以及,随着部分互联网产品尤其是社区类产品的用户体量直线上升到达数百万量级,如何更好管理如此庞大的用户群也变成了一个需要进一步加以思考的问题。

于是,开始有部分社区开始尝试结合数据,通过一些产品化的机制对于用户行为更好进行引导和约束,典型比如用户等级、勋章、积分等等手段都开始先后在不少社区内出现。

以至于,围绕着论坛的搭建和管理,还出现了类似Discuz这样的标准化BBS建站管理工具——这差不多也应该算是较早的标准化运营工具了。

4、“运营”概念的诞生

据我们观察,正是在这一时期的互联网行业中,如新浪等一线互联网公司以及天涯、猫扑等知名互联网公司内部也开始有了“运营”的叫法。比如说,以往的“编辑”开始被叫做“内容运营”,而以往的“社区管理”则开始被叫做“社区运营”。

回顾这一变化背后的原因,我们有如下推测和理解:

1、随着互联网行业的发展以及网民数量的持续提升,流量的获取来源开始不那么单一,而是越来越丰富和多样,且技术含量和讲究也开始越来越多,越来越复杂,包括对于相关数据的监测,也开始越来越全面和完善。以往简单推广就能看到数据直线上涨的时代已经过去了,现在,你可能得去评估竞品的状况,评估渠道和用户匹配程度,还要监测每一个渠道的转化率等数据等等。

2、同理,在“内容”方面,随着相关产品和服务的越来越多,以往的“编辑”需要完成的工作和需要掌握的技能也越来越多。比如说除了写好稿子,还需要考虑内容本身对于搜索引擎怎样能够更友好,还要考虑怎样的标题更容易获得流量,还要考虑相关稿件是否可以与其他媒体和站点进行合作和分发等等。

3、亦同理,关于“用户维系”方面,我们可以采用的手段也在变得越来越多。比如说我们可以拉个QQ群跟用户们的关系更近,可以组织线下活动,可以不时送些小礼物。包括,随着很多网站用户体量的直线上升,管理数百万用户也开始需要一个更加严谨的管理机制和体系。

4、当任何一个工作方向下,摆在我们面前的可选项越来越多时,我们对于相关岗位从业者们的技能和专业知识要求也会越高,希望他们能够去独立完成的事也会越来越多。比如说,你应该很难想象一个早期初创的淘宝店铺能够有一个人专职去只写文案吧?更常见的状况,一定是一个人,既能管点儿推广,又能管部分商品包装和文案,还能捎带手把客服给做了。

5、于是,随着行业发展,当互联网行业越来越需要类似的多面手,但又不再能够用“编辑”、“策划”、“网络推广”等岗位来定义他们的时候,最好的方式,或许就是称呼他们为“运营”。

到此为止,“运营”这个职能,正式在互联网行业中登上大舞台。

在2005年前后,一个概念开始再一次在互联网圈内火热起来,席卷全球,这就是“Web 2.0”。

所谓Web2.0,可以简单理解为是“由用户主导而生成内容的互联网产品模式”,为了区别于“由公司和网站雇员主导生成内容的产品模式”,称之为Web 2.0。当然,与之相对应,后者就是Web 1.0。

1、用户力量的崛起

承接着这一概念,在2005-2009年这个时间窗口中,有大量所谓Web 2.0型的产品诞生和兴起,比如说优酷、土豆、酷六等视频网站,比如大量的P2P下载软件,比如豆瓣、开心网、人人网等SNS社区,还有博客。

他们都有一个共同点——“用户”才是创造内容的主角,而官方要做的更重要的事,则是管理和氛围的维系塑造。

按照行业普遍认可的说法,web2.0是互联网的一次理念和思想体系的升级换代——由原来的自上而下的由少数资源控制者集中控制主导的互联网体系,转变为自下而上的由广大用户集体智慧和力量主导的互联网体系。

看起来,在整个中国互联网网民数量突破1亿之后,“用户”们终于开始获得越来越多的话语权,尽情发挥自己无处释放的能量和创造力,让整个互联网世界变得更加丰富和精彩,拥有更大的可能性。

事实也确实如此,在这一时期内,“用户”和“个体”的力量开始在互联网世界中变得越来越大。如果说过去的互联网世界中,信息的传播和分发更多是以“一对多”的形式完成的,到了这一时期后,整个线上的信息分发传播逻辑开始呈现为一种“一对多”和“多对多”并存的局面。

再具体来说,就是整个互联网世界中,意见领袖和大众舆论的力量,开始能够渐渐压过甚至引领传统媒体。

例如说,在这一时期内,开始发生了无数自下而上产生的网络热点事件,例如天涯论坛的镇坛神帖“北纬周公子大战易烨卿”,例如胡戈恶搞电影《无极》的“一个馒头引发的血案”。





胡戈恶搞电影《无极》

再例如在此期间多次由网友主导发起,进而完全影响了大众舆论导向的“人肉搜索”。

又例如说,在这一时期内,借由博客和无数网络社区的力量,诞生了国内的第一批“网红”,比如Ayawawa、流氓燕、木子李、当年明月、美食界的文怡……

2、运营的新要点:传播

于是,在这一时期内,整个互联网世界内获取用户的方式,又在开始悄然发生着一些改变——如果说此前2001-2005年这个阶段中,大家更加看重的是“对于关键渠道的占据和流量获取效率”的话,到了2005-2009这个时期内,大家更加关注的事情变成了“传播”。即,是否能够通过一些趣味性或是话题性的内容或事件策划,在整个互联网世界中借助博客、BBS、SNS等的力量,形成广泛的传播。

在很长一段时间内,这成为了线上推广和营销最受青睐的做法。

于是,在这段时间内,类似网络推手、事件营销、话题营销这样的一些职能也开始出现。

其中网络推手是一群很有意思的人,他们往往由早期很多中小论坛的管理员演变而来。整个过程大体是这样的:

1、人人都知道,一个论坛,一旦有了人气,各种小广告就会开始出现。这种小广告极其令人讨厌,且无孔不入,封也封不完,令各种论坛版主和管理员们非常头大。

2、直到有一天,有一部分版主和管理员们突然开窍了:这事干嘛非得封杀不可啊,哥几个联合起来,开个经纪公司之类的,谁想发广告直接找我们,我们负责给他们在论坛顶起来不得了?这个钱,赚得名正言顺无比自然。

3、再后来,各种不同论坛的版主们也都纷纷被整合起来,这批人就成了最早的网络营销团队,或者说是网络推手。

我们曾经耳熟能详的许多网络红人和热点事件背后,从芙蓉姐姐到天仙妹妹,从小月月事件到“别针换别墅”再到贾君鹏事件,其背后都少不了这群“推手”们的影子。

总体来说,在这一时期内大量产品的“用户获取”,确实是更依赖于“传播”而非“推广投放”的。

而在用户维系方面,伴随着Web2.0时代的到来,无论是在“用户分级理论”,“用户数据挖掘”,乃至“KOL管理维系”方面,都有了更加成熟的一套逻辑和做法。这方面的佼佼者,当属猫扑、天涯、新浪等——其中,新浪在博客时代所攒下的无数名博和KOL资源,此后直接决定了新浪微博的快速崛起。

3、从“封闭”到“开放”

此外,另有一个现象在此段时间内也是值得注意的——在这段窗口期内,整个互联网的大生态开始逐渐真正从“封闭”转为“开放”。具体来说,这体现在包括腾讯、豆瓣、开心网、天涯等等在内的诸多SNS和社交应用都开始构建自己的“开放平台”或是提供自己账号体系的“开放接口”,允许外部的第三方开发者调用自己的基本用户信息,并通过开放平台为自己来开发应用。

对开发者们而言,此举可以让他们获取用户和接触用户的成本更低。而对平台方而言,他们也通过此举加强了自己平台内部所提供的服务和内容,借此巩固了平台生态。印象中,开心网和人人网就曾依靠自己的开放平台获得过可观的用户增长。

反过头来,这种“借助对方的平台和用户资源开发一些小应用来更好获取流量与用户”的做法,也渐渐成为了一种常见的“获取用户”的思路。此后,无论在新浪微博,还是微信的生态中,我们都将会看到这一做法会大量普及开来。

2009-2013:微博时代与移动互联网大局下的运营

1、互联网用户体量:3.84亿-6.18亿

2、互联网代表产品:各类APP、微博、知乎、微信、团购

3、代表性运营工种:微博运营、社会化媒体营销、各类APP推广

从2009年开始,中国互联网的又一个关键性拐点开始到来。

2008年下半年,随着苹果发布iPhone3G以及宣布开放App Store,以及Google旗下Android操作系统的发布,人们开始意识到:移动互联网的时代来了。

由那时开始至今,中国互联网开启了又一个波澜壮阔的时代——所谓的“移动互联网时代”。

智能手机的渐渐普及和“移动时代”的到来瞬间在互联网世界中开辟了一块全新的战场,它意味着原有的格局和用户习惯可能会被打破和重构,意味着人们的碎片时间也将开始可以被抢夺和占据,意味着N多全新的机会。

于是在这个时代,无数人凭借着“移动互联网”时代的红利期和自己开发的APP大获成功,从植物大战僵尸到捕鱼达人,从大姨吗到美柚,从辣妈帮到宝宝树,从陌陌到微信,均纷纷在这一时间窗口内崛起。

1、PC时代逻辑的重演

我们都曾记得,在PC时代,互联网世界中曾经先后有过一个“萌芽时代”和“流量驱动时代”。某种意义上,在2009-2013之间的这5年时间里,这两个时代在移动端被重现了。

最初,当移动时代刚刚兴起时,能够迅速流行和占据大家视野的,多是一些更加“轻快”的东西。典型例如一些工具、阅读类应用,又或是游戏,这一时期内,类似墨迹天气、汤姆猫以及大量杂志类APP等得到了大量普及。

然后,随着2011、2012年之后移动端用户的越来越多,加入移动战局的互联网公司也越来越多,曾经在PC端出现过的“流量时代”再一次在移动端出现了——大量应用商店先后出现并发展起来,成为了移动端的“流量入口”,并依靠着“流量分发”这样的生意赚得盆满钵满。

以及,各类围绕着移动端的流量截取和分发手段也开始层出不穷,类似移动广告联盟、积分墙、换量等等手段在移动端也渐渐普及和火热起来。

这一时期,围绕着以上这些APP推广手段,诞生了无数的新岗位和新工作机会,成为了这一时期“运营”工作的一类典型代表,行业俗称“APP推广运营”。

2、前无古人的微博

在这一时期,中国互联网还诞生了一个庞然大物,这就是微博。

2009年8月,新浪微博上线内测,此后2-3年时间内,凭借着自己此前在博客和门户时代积累下来的大量资源,以及微博本身“快速传播”式的产品机制,它以暴风般的速度席卷整个互联网,成为了互联网圈内最令人瞩目的产品:

在2010-2012年间的3年,从钟如九事件到动车事件,从“免费午餐”公益到拯救乞讨儿童再到明星娱乐八卦绯闻,在无数社会、娱乐重大事件中,微博都成为了第一舆论阵地,其信息传播发酵的能力和在重大事件发生,几乎让任何一个传统媒体都黯然失色。

姚晨,这个当时只能够算得上二线明星的姑娘凭借着“玩微博”,竟然在短短3年内积累起来了超过1000万粉丝——这意味着,她的舆论话语权,已经超过了大多数电视台。

“微博将可能改变一切。”这句最早从李开复说出的话,在那个时期内一度成为了几乎所有互联网界的共识。

在微博巨大的向心力面前,几乎所有人都被卷入其中,从论坛时代的意见领袖和娱乐明星,从企业、政府机关到商业领袖,几乎无一幸免。

而微博,也成为了这一时代最大的“流量”和“用户”聚集地。

由此,微博也给“运营”带来了新的可能。有很多敏锐的人发现,基于微博的生态和产品逻辑,你只要能够做好一些微博内容和用户互动的维系,你将可以在这里收获巨大的粉丝数和传播。以及,哪怕是同样做推广,通过微博来做推广可能要比其他渠道的广告投放要划算得多得多。

以及,微博的强互动和传播属性,也让它成为了诸多产品和品牌用于“维系用户”时的一个最佳选择。

于是,一类叫做“微博运营”和“社会化媒体营销”的职能又出现了,它成为了这个时代的另一“运营”类代表工种。

而在微博上,也渐渐诞生了一些诸如“冷笑话精选”、“魔鬼经济学”这样的“大号”,他们的经营者多是PC时代的那些草根站长们,他们对于互联网世界的风吹草动以及网民们的心理喜好有着天然的敏感,凭借着自己在微博早期时代的苦心经营,他们迅速成为了某种新的流量分发和推广渠道。

但与传统的推广渠道不同的是,微博的推广这时候已经开始对于“推广内容”有了更高的要求。简而言之,哪怕你找了一个大号帮你推广,但如果你的推广内容得不到大量转发,那一样并无卵用。

3、团购大战

此外,这一时期的互联网,发生过的另一件令人瞩目的大事,就是“团购”的崛起与惨烈大战。

团购网站的出现,第一次开始试着把互联网与更多人们线下生活中的具体服务连接起来,也第一次把互联网世界中的战争从纯粹的“线上”拉到了“线上+线下同时进行”。

但是,这还只是开端。

2013至今:连接一切的互联网与运营

1、互联网用户量:6.18亿-7.10亿

2、互联网代表产品:微信、各类O2O产品、滴滴出行、今日头条、罗辑思维等自媒体

3、代表性运营工种:新媒体运营、社群运营、微博运营、社会化媒体营销、各类APP推广

进入到2013年之后,整个互联网世界的用户增速开始明显放缓——按照CNNIC的数据,从2013年到2016年的3年间,网民数量不过才增加了区区1亿人,成为了互联网在中国诞生迄今为止20年间用户增速最为缓慢的一段时间。

在任何一个市场内,当“绝对用户数量”的增长空间已经不那么明显,大家竞争和PK的重点就会开始调转方向,要么是开辟新的战场,要么就是在原有的基础上做得更加“精细”,抢占用户使用和触碰频次更高的场景,这是永恒不变的规律。

与此同时,随着智能手机的大范围普及,人们手中开始拥有了一个可以随时随地帮助自己连接到互联网中的终端设备,这第一次让人们开始拥有了可以“连接一切”的可能性。

从这一时期开始,开始出现了所谓“互联网+”的说法,即让互联网可以连接到除了信息以外的更多事物,例如服务。

大约从2013年开始到2016年,国内互联网界出现了一波迅猛无比的O2O创业潮,一大批类似滴滴出行、美团这样的公司从中成长起来,成为新的估值百亿美元级别的巨头。

诸多O2O创业公司的出现,也真正全面把“运营”的竞争从线上拉到了线下,在这一时期内,由于竞争的激烈和用户时间、注意力等的逐渐稀缺,对于诸多O2O公司的用户获取,一维的“线上推广和传播”已经显著不管用,更常见的做法是线下地推+线上推广+PR传播等海陆空并行,唯有如此,才能起到更好的成效。

1、运营升级

在这一时期,运营与产品之间的关系开始更加紧密,也越来越需要更精密计算和规划过后的“策略”。因为越来越多的运营动作和手段开始需要通过产品来实现,而随着用户体量的增加和用户构成的复杂性,运营所拉来的用户也越来越会影响到一款产品的成长,因而,在“策略”和“节奏操盘”层面,运营也开始需要有更加精密细致的思考。

这当中最典型的代表,就是滴滴出行的发展和成长——其在发展过程中的用户获取和用户维系,既有大量线下的“重动作”和与竞争对手间的惨烈PK,也涉及到大量线上的数据监测和产品形态、产品策略等的设计(如滴滴的红包派发、派单策略、滴米等用户激励措施等)。

由此,在这一时期内,互联网公司中对于“运营”的职能要求,再次升级和提高。

2、微信的全面崛起

这一时期内另一件不得不提的事,就是微信的全面崛起。

2012年,微信先后推出了朋友圈和微信公众号,恰是这两个功能,加上“微信群”等即时多人互动等功能,让微信开始全面抢占包括微博等互联网产品在内的大量时间。

据数据称,微信在2016年下半年的日登录用户已经达到了5.7亿——这是一个足以甩开任何互联网产品十万八千里的数字。

于是,微信的朋友圈与微信公号,开始成为了更加备受青睐的“流量入口”,随之而来的,就是大量微信公号运营与“微商”的出现。

再后来,因为在微博和微信公众号中很多活动、内容维系等的执行逻辑高度相似,这两者在互联网圈中开始被人们放到一起,共同称之为“新媒体运营”,在微信兴起和“互联网+”、“互联网思维”大行其道的时代里,这个职能开始迅速走红,一时间成为了互联网圈内最火热的职位。

3、内容价值的回归

但与任何一个新平台相似,在微信公号和朋友圈微商的“红利期”过去之后,微信公号也呈现出了内容高度同质化、阅读量逐渐走低的境况。为此,微信官方迅速推出了一系列包括“赞赏”、“原创内容保护”、“举报”等在内的措施。

这些措施立竿见影,使得整个公众号逐渐从早年良莠不齐的“标题党”“段子内容”等逐渐升级,也开始有越来越多的优质内容生产者加入到微信公号的内容生态中来,加上用户品味的提升,这使得内容和创意越来越成为一个公众号好坏,以及能否获得更多转发和阅读量的重要准则。

进入到2016年后,随着用户的时间精力越来越稀缺,这一境况开始有过之而无不及,大量还依赖于打折促销广告等无营养内容支撑的微信公号开始越来越举步维艰,而拥有优质内容生产能力的公号则更加受到用户青睐。

这一时期,在整个互联网界和运营圈内,许多人都在高呼:内容的价值在回归。

4、社群运营的兴起

以及,在用户时间更稀缺、话语权更大以及时间更加碎片化的情况下,另一个概念也渐渐诞生了,那就是“社群运营”。

简单说,社群运营是一种“基于共同兴趣和爱好将大量用户聚集到一起,通过持续的优质内容输出和“微信群”等工具来实现用户互动和维系”的一种做法。

相比起自己做一个APP或开发某个产品来说,“社群运营”最大的吸引力在于:





1、它无须开发产品,因而启动成本可能更低;

2、如果做得好,它有可能在短时间内借由微信群等方式聚合起来大量用户和流量,且这些用户和流量都是真实的;

3、因为“群组”本身的即时、强互动属性,如果社群经营得好,群内的用户在实现付费、注册等进一步行为转化时,往往将会拥有更高的转化率。

在国内互联网圈,最早尝试社群运营并小范围取得一定成就与成功的,包括罗辑思维、秋叶等人,他们依靠低成本所获得的成功,也引来了无数人效仿和尝试。

但迄今为止,所谓“社群运营”,更多还只停留在某种概念上,更多人可能会倾向于通过“快速拉群聚合用户”的方式来短期获得流量和转化,但一个所谓“社群”的长期生命力,仍然需要建立在高质量内容的持续供给和文化建设的基础上。

5、今天的运营

总体来说,在这一时期内,伴随着微信公号等的出现,以及移动互联网的全面爆发,无论是用于实现“用户获取”还是“用户维系”的各种手段,都开始变得越来越多样,越来越复杂,彼此之间交集也越来越多。

恰恰是在这段周期内,从张亮在知乎连载他的《从零开始做运营》开始,互联网圈内开始逐渐倾向于把运营按照工作侧重点的不同划分为所谓“内容运营”、“活动运营”、“用户运营”三大模块。

然而,如果落实到具体工作内容,这三大模块之间仍然会出现大量交叉,这让“运营”对于更多圈外人甚至是行业新人来说,仍然是一个高度抽象和模糊的事情。

结语

回溯整个互联网的20年,以及以上的诸多变化,我们可以发现:所谓“运营”,其实是一种需要通过较为多样的手段和技能来更好实现“用户获取&用户付费”,以及“更好实现已有用户的维系”这样两个目的的职能。

恰恰是因为在整个互联网世界中,围绕着这两个目的我们可以选择和使用的手段实在太多太丰富,需要做的事情也太繁杂,我们才无法把这样的岗位用一个更加具体的词来描述,因而只能称其为“运营”。

同时,我们也会发现,“运营”岗位的工作内容从来不是固定的,而往往会随着主流产品形态和整个互联网世界中信息分发和传播的逻辑而改变。

例如:

1、当搜索和门户网站推荐位成为“流量入口”时,人们愿意花费大量时间和精力去琢磨如何让自己的网站在搜索结果页上排名更高,以及能够在门户网站中得到更多推荐;

2、而当Web2.0时代到来后,人们又开始愿意花费更多时间去进行“事件策划”,依靠论坛、社区等用户的声音和力量来助推自己获得更多关注;

3、到了今天,人们更愿意把更多的时间精力耗费在微信公号、知乎等地的关注和运营上,背后的逻辑也都是一样的——“流量”和“用户”在哪里,运营的关注点就在哪里。

本文主笔作者黄有璨,三节课联合创始人,资深互联网运营从业者,《运营之光》作者。如需转载,请联系三节课微信公众号(ID:sanjieke),并注明出处。本文部分参考资料来源于以下出处,特此鸣谢:百度百科,天涯论坛,CNNIC,网易新闻,新浪网,人民网,《腾讯传》,《浪潮之巅》,《沸腾十五年》。

来源:虎嗅网 查看全部
103253859828.jpg

文 / 黄有璨 (范晓俊亦为本文搜罗了大量资料,并采写了文中部分内容)

前言

“运营”是个有趣的东西。

作为一个现今互联网行业中最为普及的工作职能,它却又往往被称为是一大“玄学”。

一方面它的地位和权重越来越高;另一方面,似乎它又很模糊,看起来,少有人能够从真正意义上讲清楚到底“运营”是什么。

回溯起来,“运营”这项工种的出现,其实不过短短十几年。

某种意义上,我们愿意相信,一件事物,如果你并不足够了解它的过去,那你一定很难真正理解它的现在和未来。

我们猜想,假如我们能够回过头去认真回顾一下“运营”在互联网世界中的发展史,会是件有趣,且有价值的事。这形成了本文写作的初衷。

那么,究竟什么是“运营”?

我发现,在现有的互联网世界中,“运营”的范畴下所能包含的具体工作内容,可谓繁杂无比:推广投放、活动策划、内容制作、数据监测、用户管理、客服……诸多内容似乎都能够往其中装填,几乎每一个被称为是“运营”的互联网从业者,身上都会背着不止一项工作内容。

因而,要试着谈论运营,我们必须要先界定运营。

按照我在《运营之光》第一章中给出的定义,运营的目的最终是为了“更好的连接产品和用户”。再进一步讲,这里又存在两个目的,一是能够获取用户并实现用户付费;二是能够更好的维系住这些用户,令之愿意与你持续发生关系。

而一切围绕着这两个目的来展开的具体工作内容,都可被视作某种运营手段。以及,一个靠谱的运营,一定是能够懂得、并熟练掌握多种运营手段的——这与传统行业中的状态全然不同。

但是,这样一项既复杂又多样有时又会显得有些宽泛的职能,到底是怎么诞生的?以及为何会诞生它?

为了更好地回答这样几个问题,我们依次梳理了从互联网诞生至今的行业发展历程,提炼出了其中每一个阶段的代表性产品,并试图着重去分析这些互联网产品在他们所处的时代,是如何实现“用户获取&用户付费”、“用户维系”这样两件事的。

以及,我们也同时关注着“运营”这个概念在行业从业者心目中的认知变化。

我试着回溯了互联网过去20年的发展历程以及去观察在其每个阶段围绕着“用户获取&付费”与“用户维系”这样两个目的产生过哪些不同的具体做法,在经过观察和思考后,我粗步有了以下几个结论:

1、在互联网诞生之初,是不存在“运营”这样一个职能的,这个职能及其称呼是渐渐被演化出来的;

2、最早出现的最贴近于当前“运营”的岗位,是“网络编辑”和“社区BBS管理员”,其次是各种网络推广;

3、“运营”的概念最早大约成型于2001年前后,而真正意义上“运营”这样一个概念和职能在互联网圈内开始逐渐普及开来,大约是从2004、2005年前后开始的——从那时阶段开始,包括新浪在内的大量互联网公司中的“编辑”开始被称为“内容运营”,而类似“社区运营”这样的叫法也开始被普及开来。

我发现,这是一个很有趣,也很值得去思考的过程。

以下,我将分7个阶段为你带来我更具体的观察与思考。

1984-1993:互联网的萌芽

少有人知道,人与人之间第一次可以通过“互联网”进行较大规模的信息交换,差不多是在1984年。

那一年,一个叫“惠多网”(FidoNet)的BBS建站程序在美国出现。用户通过电话线连接,以点对点的方式转发信件。惠多网是全世界第一个BBS网络。

7年后,中国的惠多网“长城”站开通,这时候上“长城”站的几乎都是从海外拨长途回国的中国留学生,以及部分后来的国内前沿技术爱好者。在当时的“长城”站上,就已经有了马化腾、求伯君、丁磊等人的身影。

205826374946.jpg

年轻的马化腾

1993年开始,随着拥有PC的用户越来越多,以及众多相关技术的发展,在大洋彼岸的美国,“互联网”开始如野草般无预兆地疯狂生长起来,并先后诞生了如网景、雅虎这样的互联网公司。

大洋彼岸的盛况无疑是令人悸动的。于是,从1995年开始,互联网之风远渡重洋来到中国,开始生根发芽。

1994-1997:互联网是什么?

1、互联网用户体量:不足30万

2、互联网代表产品:门户,早期BBS

3、代表性运营工种:网编,BBS管理员

对于老一辈网民和互联网圈人士们而言,基本上不太有争议的一件事是,中国互联网发展的起点,是1995年前中关村大街上那家叫做“瀛海威”的公司出现。大概人们永远也不会忘记的,是瀛海威当年那个经典无比的广告——“中国人离信息高速公路还有多远?向北1500米。”

205835438990.jpg

瀛海威广告牌

所以,你发现了,那时候的中国,互联网对于人们最大的吸引力所在,是“信息”。在那个大多数人最主要的信息获取渠道还是看“新闻联播”的时代,信息还是100%的稀缺品。

于是,围绕着“信息”的获取和消费,在国内诞生了最早的两种产品形态,分别是“门户网站”和“BBS”。

其中,前者的代表,是新浪、搜狐、网易,而后者的代表,则是天涯、猫扑、西祠以及各大门户网站下属的论坛。它们差不多都集中出现在1995-1996年间。

同样都是提供信息,“门户”与“BBS”之间最大的不同,源自于门户网站的内容都需要自己采集编写,而BBS上的信息则大多来自于用户的自发贡献,用现在的话来讲,一个是PGC,另一个是UGC。

在那个时候,人们对互联网的认知还是模糊的,大家都只知道互联网是个新奇、好玩的玩意儿,能够让你“足不出户就获取到全球资讯”,基本还没什么人会想到互联网上还能赚钱,很多人开始做网站也好,做软件也好,更多都抱着一些半好奇半尝试的心理,并没有任何特定的预期或是规划。

同时,在1998年之前,国内能够上网的人本身就很少,按照中国互联网信息中心提供的数据,在1997年,全国的拨号入网用户,不过才区区25万人而已。因而,那个阶段的网上在线服务也相对单一,基本上除了门户、BBS之外,就是少量的软件下载网站。

那个时候,绝大多数的网站与产品,都是无需考虑“用户获取”的——本身可以找到的网站和在线产品就很少很少,加上上网的人数也不多,基本你只要能够把一个东西做出来,且它不是太差,大家自然就能够找到它,且各类门户、论坛等也愿意无条件免费推荐和介绍你的产品——毕竟,在那个时候如果不介绍些新的网站和热点事件啥的,他们可介绍的东西也就没那么多了。

倒是,在“用户维系”方面,门户网站和BBS们还是要做一些事的。最起码,你既然提供的是信息的供给与消费,你得做好信息的更新和推荐吧?

于是,就诞生了互联网上最早的两种代表性工作:网络编辑和BBS管理员。其中,前者的工作主要是内容的采集、编撰和写作,后者的工作则主要是论坛中的加精、置顶、删帖,以及时不时的组织些灌水顶楼等在线活动。

这,基本可以视作是最早的“运营”类相关工种,他们在做的事,在互联网上信息还较为匮乏的时候,大多与“内容生产与维系”相关。

1998-2001:第一波潮流?

1、互联网用户体量:从100万-2000万

2、互联网代表产品:聊天室,更成熟的BBS,QQ,联众,各类下载类站点

3、代表性运营工种:在线推广,社区管理

如果要为早期中国互联网的发展定义出来一个里程碑式的节点,1998年或许是最为恰当的年份。以此为节点,互联网在国内的发展迎来了第一次长达3-4年之久的爆发与井喷,迎来了自己的第一波春天。

1998年,首先值得我们关注的,是以下两件事:

1、1998年6月,微软Windows98操作系统发布,其中首次全面集成了Internet标准。操作系统的进化与更新,为更多家庭与个人能够接入互联网铺平了道路。

2、同样在1998年,作为一种比“调制解调器拨号上网”速度更快的上网方式,ISDN开始在国内得到普及,全国26个省会城市开始开通ISDN。

这两件事的之于中国互联网的意义,无异于一个原本只有烂泥路可以通往外界的小山村,终于开始要修筑柏油马路。

于是,我们也可以看到,在这一年前后,在互联网上发生了诸多具有重大意义的事件。

1、BBS和论坛的黄金发展期

1997年10月31日,中国队在世界杯亚洲区预选赛主场2:3负于卡塔尔,失去出线机会。此后2天,有个叫老榕的人跑到四通利方(新浪前身)的体育沙龙论坛里发表了一篇《大连金州不相信眼泪》。

205840346706.jpg

中国队主场2:3负于卡塔尔

这篇文章几乎在一夜间传遍大江南北,后来被称为是“中国第一足球博文”,在发表过后2个月内,几乎被包括《南方周末》在内的国内所有的主流体育媒体乃至大众媒体转载和报道,以至于那个年代的球迷群体里,几乎没有一个人没有听说过这篇文章和“老榕”这个名字的。

顺带说一声,当时体育沙龙论坛的版主,叫做“老沉”,即后来成为新浪总编辑的陈彤。

按照老沉的回忆,老榕的《大连金州没有眼泪》贴出后,体育沙龙的访问点击量达到了平时的数十倍。无数网民留言说:老榕让他们“热泪盈眶”。

此事的发生,是整个主流世界的人们第一次切身感受到互联网的力量和影响。在不经意间,是它把很多人带入了互联网世界的大门。由此开始,BBS和论坛开始迎来了一波黄金发展期,吸引了一波又一波的创作型选手进入。

2、在线聊天室的兴起

同年,一部叫做《第一次的亲密接触》的网络小说突然走红。它讲述了一个一男一女借由网络聊天室相识,然后进而见面、相恋,最后再到女主角不辞而别,最终病逝的浪漫故事,受到了无数中青少年们的追捧。

210143127652.jpg

《第一次的亲密接触》by 痞子蔡

这也是第一部借由网络走红的小说,其火爆程度也几乎达到了无人不晓的状态。

借由这部小说的火爆,人们也越来越对于互联网感到好奇,潜意识中越来越渴望在互联网上去探索、尝试交流,乃至隐隐也开始期待着自己也能够邂逅几段美好的浪漫。

于是,或多或少是因为这部小说的走红,从这一年开始,能够承载多人在线即时互动交流的“在线聊天室”开始兴起。

回想起来,那时候的人们,面对的另一个境况,的的确确就是孤独寂寞。大部分人仅仅基于线下的那个社交圈子既有限,又充满了各种限制。你会发现,几乎每一个人心中都憋着大量想说的话却在现实世界里找不到别人诉说,从十几岁的小毛孩子,一直到三四十岁的大叔阿姨,竟无一例外。

于是,聊天室开始迅速发展起来。那时候最火爆的聊天室,叫做“碧海银沙”,其中最火爆的房间,差不多任何时候上线都会有至少近百人在线,甚为火爆。

总之,基础设施的逐步健全,加上互联网世界中不断频发的各种“焦点事件”,开始促使着一批又一批充满好奇心的网民们开始进入互联网世界的大门。

3、QQ和联众的诞生

当然,正如上面提到的,无数网民们在开始使用互联网之初,最大的需求就是“希望找到某种方式来排解自己的空虚、孤独和寂寞”,于是,除了更加成熟的各大论坛、门户、BBS和聊天室之外,另外两款具有划时代意义的产品出现了。

这两款产品,一个叫OICQ,另一个叫做联众。

OICQ(后更名为QQ)在1999年2月上线,主打即时在线聊天。

205836290900.jpg

QQ

而作为一个在线休闲游戏平台的联众则上线更早,它在1998年3月上线。

205836655380.jpg

联众

这两款产品,几乎都是一经推出就在网民中间呈现出“爆发式增长”的态势,甚至在一定程度上进一步催生了互联网用户的增长——不夸张的说,在《第一次的亲密接触》这样的网络小说走红之后,很多人几乎是为了想要找人在线聊天或是一块玩耍而购买了PC和开始“上网”。

而QQ的走红,某种意义上也是“天时地利人和”的汇总,这当中,既有时机的关系,也有诸如腾讯对于用户体量的更加注重等原因(腾讯在当时首创的卡通头像、聊天记录云端存储等等功能都成为了QQ增长的强大助推力)。

在我的记忆里,我老家的那个小县城里,就正是QQ的出现才真正带火了“网吧”这样的地方。我还记得,差不多就是1999年和2000年前后,我老家的小县城里一下子就冒出来了六七家网吧,每逢周末走进去,你会发现满屋子的人都在上QQ,找人聊天。

数据似乎也可以佐证这一切。查阅CNNIC提供的全国网民数量变化情况,我们可以发现,正是从1998年开始到2001年,全国网民的数量几乎每年都保持着100%以上的增长率,成为了中国互联网发展史上用户基数增长最快的一段时间。

205837268441.png.jpg

4、互联网商机初现

于是,随着网民数量的增加,互联网上的商机也终于涌现。

1998年世界杯期间,新浪网以24小时滚动播出新闻形式吸引了大量网友,并借此获得了18万元广告收益——这似乎是我们可以查到的早期互联网史上的典型“流量变现”案例。

而这一时期的联众,也开始推出诸如“个人会员”+“身份特权”等增值服务。

于是,当我们开始意识到“原来互联网也能挣到钱”,并且开始有人理解到“网站的点击量和访问量是决定一个网站价值的关键”之后,于是“流量”开始作为一个标准术语登上舞台,慢慢的大家都开始知道,“做互联网就必须要把流量做大”。

总体来说,对一些主流的现象级产品如QQ、联众、聊天室等而言,在这一时期内的用户获取,相对仍然是无需太多操心的——他们只需要能够做好基础服务,就自然会有大量用户源源不断的涌入。按照现在的说法,这仍然是中国互联网发展过程中的“红利期”。

按照官网公布的数据,联众上线3年后,到2001年,注册用户已达到2000万,而QQ到了2001年,注册用户数更是突破了5000万,同时在线人数也超过了100万。

而对于大量中小个人站点的站长和个人开发者们来说,他们的用户获取相比大型网站和主流产品,就必须开始想法设法做更多的事情。

那个时候,为了提升自己网站的流量或产品的下载量,他们常用的手段,包括但不限于互换友链、寻求门户网站的发稿,论坛BBS发广告,想办法提升自己在各个软件下载网站中的排名,提供各种资料包下载以导流等等。

以上种种,开始催生了一个叫做“在线推广”的工种,“导流”和“渠道”,是他们最为关注的事情。

5、运营理论初现

随着网民数量的增多,部分论坛和BBS的管理也开始越发复杂起来——如果你只需要服务1万人,也许你就定期管理清理一些论坛帖子,加加精之类的就好了,但当你开始需要服务50万人甚至更多用户的时候,情况就开始复杂起来——你需要考虑划分更多的论坛版块,你需要开始考虑如何影响并维系好一个论坛的“氛围”,你也不再能够“事必躬亲”的去处理和管理每一个版块中的事务。

于是,在大量社区和BBS中,开始诞生了一种常见的做法——即通过招募和管理好一群管理员和“版主”,来帮助官方更好的管理社区。而官方则只需要少量的“社区管理”负责人,来负责维系好这群管理员和版主就好——甚至,在网上,N多社区管理者们还总结出来了所谓“引导产生兴趣,兴趣催生话题,话题集中讨论,信息聚合用户”的论坛管理四步法。

这,差不多便是后来在运营界被广泛流传的的“社区运营方法论”和“用户金字塔”模型的起源。

以及,这一时期内,部分产品开始会有意识的组织和策划一些活动来吸引用户关注,以及开始推出某些付费增值服务,典型代表如联众。

从1999年开始,联众曾多次引入马晓春等职业棋牌选手与用户在线对弈,并由此引发媒体报道和网民关注。

而联众在2000年举办的中韩在线围棋赛(China-Korea Online Go Tournament),更是有超过12,000名玩家同时在线参与,成为了当时的吉尼斯世界纪录。

以及,从2000年开始,联众也推出了自己的付费增值服务——联众会员,用户按月支付费用,支付后可获得包括个人在线形象美化、踢人等在内的特权。用今天的眼光看,这其实就是联众自己的“QQ秀”和“QQ会员”,但它比QQ会员要早了1年多时间。

205837580637.jpg

诸如此类的一些做法,也差不多形成了后来的“活动运营”和“用户转付费”等常见运营逻辑的雏形。

2001-2005:流量为王的时代与“运营”的出现

1、互联网用户体量:2200万-1.03亿

2、互联网代表产品:百度、hao123、各种强制安装插件、番茄花园、淘宝、网游

3、代表性运营工种:SEO/SEM、流量分发、QQ群管理、电商运营

在2001-2005年这段期间的互联网世界中,有几件事情的发生是不容忽视的。它们分别是:

1、网游的兴起和火爆;

2、以淘宝为首的电商的飞速发展;

3、伴随着网民数量的飞速上升,整个行业对于“流量获取”的越发重视以及部分“流量入口”的成形。

也正是在这段时间,在互联网行业中,“运营”开始渐渐作为一种职能名称开始普及开来。这背后与行业的发展和变化也是息息相关的。

以下我们依次来讲。

1、网游的兴起和火爆

从2000年开始,“网游”的概念就开始受到热捧。

而到了2001年,盛大推出《传奇》,网易也了推出《大话西游》,网游开始了一段长达4-5年的火爆时期。其中又以《传奇》最为成功,这款从韩国引进的网游迅速成为了很长时间以来最火爆也最赚钱的网游。一直要到后来魔兽世界的出现,才能超越当年《传奇》的盛况。

205836005265.jpg

《传奇》

而网游的业务模式较之其他互联网服务也有所不同,相比于其他互联网服务“做流量”的方式,网游有着更加清晰的盈利模式——卖游戏点卡或卖游戏装备。

正是围绕着这样更加清晰的盈利出口,在网游公司的业务开展过程中,除了在线推广外,首次出现了一些此前从鲜少在互联网行业见到过的操作方式。

其一,是围绕着“游戏点卡”的售卖发展了大量的线下渠道和代理商,尤其在校园,更是有大量专职售卖点卡的“校园代理”出现;

其二,则是围绕着“增加用户在线购买游戏装备或增值服务”的导向,开始有了一些不太能够见得光的运作手段。例如,笔者曾经知道有某网游公司为了提升用户付费频次和付费率的做法是类似这样的:注册大量所谓美女号,通过美女号勾引部分“金主”,让金主为美女号付费购买装备。

以上两者,差不多可被视为是最早的“线下地推”和“重点付费用户的维系”。

2、电商的飞速发展

与“网游”一同渐渐兴起的,还有“电商”。

205843568869.jpg

马云与阿里巴巴的成立

1999年,阿里巴巴成立,通过B2B切入到电商领域,不到半年公司已经能提供来自全球178个国家和地区的商业信息;

同年年底,当当网成立,开辟网络图书销售平台;

2000年,雷军参与创办的“卓越网”上线开始运营;

2003年5月,阿里旗下的“淘宝网”上线,并在当年年底推出了第三方支付工具“支付宝”,当年即完成了3400万元成交额,并渐渐发展成为国内最大的电商网站。

与网游一样,电商也是一项能够直接产生交易和支付行为的业务,在这个领域内,除了简单的推广,也出现了一些与其他互联网领域完全不同的工作内容。

比如说,如何选取商品和管理好店铺的商品品类,如何管理好商品库存和配送,如何做好店铺客服,如何包装商品,如何通过打造“爆款”等手段培养在线店铺的用户忠诚度,等等。

这些工作,差不多构成了早期“电商运营”的雏形。并且,在电商行业中,“运营”是一个一开始就有的职能名称,其工作内容差不多涵盖了上面提到的所有事情,主要对于店铺的日常经营及销售额提升负责。

3、“入口”和“流量”

此外,在这一时期,随着整个互联网世界中用户越来越多,且涌入的各类信息和网站也越来越多之后,人们开始面临一个问题:我该如何从浩如烟海的网络世界中找到适合我的信息,并能够记住它们?

于是,从2001年开始,一个概念渐渐兴起,并越来越在互联网世界中占据着举足轻重的地位,它就是“入口”。通俗一点讲,你要是能够占据某个“入口”,你天然就拥有了数量巨大,且源源不断的流量。而就像此前提到的,在互联网世界中,流量已经被证明了是值钱的。

在这一阶段中,包括3721、hao123、百度、浏览器乃至产业链中更加靠前的集成操作系统“番茄花园”都一度成为了某种流量和用户基数巨大的“入口”。

入口既成,抢占“入口”就成为了诸多互联网产品们必须重视的事情,于是,这一时期,围绕着如何能够让自己的产品和品牌能够在“入口”处获得更多的曝光和点击,大家开始各显神通。

比如说,有人开始慢慢发现,百度和其他搜索引擎的网页爬虫程序是具备某种规律的,换句话说,只要你把你的网站变得对这些规则更加友好,你就能够在搜索引擎相关关键词的搜索结果页拥有更高的排名,于是,围绕着如何把自己的网站变得对搜索引擎更加友好,渐渐演化出来一个工种,叫做SEO(搜索引擎优化)。

当然,搜索引擎们也不傻,当他们发现自己的搜索结果排名位会直接决定大量流量的时候,他们毅然决定,开始把自己的搜索结果位拿出来售卖,并采取了一种叫做“竞价排名”的规则来出售自己的搜索结果位,简单说,就是谁出的价格更高,这个位置和词条就卖给谁。于是,慢慢围绕着如何通过搜索引擎来完成付费推广,又进一步诞生了一个叫做SEM(搜索引擎营销)的工种。

再比如说,还有人发现,除了搜索引擎这样“集中型”的入口,还有一部分入口,可能是“分布式”的——典型例如门户网站上的诸多新闻页面,也许他们每一个页面都没有多大流量,但要是这些页面上的流量都加总被起来,将会是一个惊人的数字。

于是,有人开发出了一种叫做“广告联盟”的东西,简单说,就是一种通过集合大量中小网络媒体资源(如中小网站、个人网站等)组成联盟,通过这些页面和站点来统一进行广告投放和在线推广的做法。

当然,围绕着如何获取流量,此前仍然常见的论坛推广、网站之间的流量互换、门户网站发稿,乃至渐渐出现的QQ群推广等等,也仍然是常见的手段。

于是,围绕着如何更有效的获取流量并降低流量获取成本,一个叫做“流量运营”的工种开始慢慢在这一时期出现。

以及,随着部分互联网产品尤其是社区类产品的用户体量直线上升到达数百万量级,如何更好管理如此庞大的用户群也变成了一个需要进一步加以思考的问题。

于是,开始有部分社区开始尝试结合数据,通过一些产品化的机制对于用户行为更好进行引导和约束,典型比如用户等级、勋章、积分等等手段都开始先后在不少社区内出现。

以至于,围绕着论坛的搭建和管理,还出现了类似Discuz这样的标准化BBS建站管理工具——这差不多也应该算是较早的标准化运营工具了。

4、“运营”概念的诞生

据我们观察,正是在这一时期的互联网行业中,如新浪等一线互联网公司以及天涯、猫扑等知名互联网公司内部也开始有了“运营”的叫法。比如说,以往的“编辑”开始被叫做“内容运营”,而以往的“社区管理”则开始被叫做“社区运营”。

回顾这一变化背后的原因,我们有如下推测和理解:

1、随着互联网行业的发展以及网民数量的持续提升,流量的获取来源开始不那么单一,而是越来越丰富和多样,且技术含量和讲究也开始越来越多,越来越复杂,包括对于相关数据的监测,也开始越来越全面和完善。以往简单推广就能看到数据直线上涨的时代已经过去了,现在,你可能得去评估竞品的状况,评估渠道和用户匹配程度,还要监测每一个渠道的转化率等数据等等。

2、同理,在“内容”方面,随着相关产品和服务的越来越多,以往的“编辑”需要完成的工作和需要掌握的技能也越来越多。比如说除了写好稿子,还需要考虑内容本身对于搜索引擎怎样能够更友好,还要考虑怎样的标题更容易获得流量,还要考虑相关稿件是否可以与其他媒体和站点进行合作和分发等等。

3、亦同理,关于“用户维系”方面,我们可以采用的手段也在变得越来越多。比如说我们可以拉个QQ群跟用户们的关系更近,可以组织线下活动,可以不时送些小礼物。包括,随着很多网站用户体量的直线上升,管理数百万用户也开始需要一个更加严谨的管理机制和体系。

4、当任何一个工作方向下,摆在我们面前的可选项越来越多时,我们对于相关岗位从业者们的技能和专业知识要求也会越高,希望他们能够去独立完成的事也会越来越多。比如说,你应该很难想象一个早期初创的淘宝店铺能够有一个人专职去只写文案吧?更常见的状况,一定是一个人,既能管点儿推广,又能管部分商品包装和文案,还能捎带手把客服给做了。

5、于是,随着行业发展,当互联网行业越来越需要类似的多面手,但又不再能够用“编辑”、“策划”、“网络推广”等岗位来定义他们的时候,最好的方式,或许就是称呼他们为“运营”。

到此为止,“运营”这个职能,正式在互联网行业中登上大舞台。

在2005年前后,一个概念开始再一次在互联网圈内火热起来,席卷全球,这就是“Web 2.0”。

所谓Web2.0,可以简单理解为是“由用户主导而生成内容的互联网产品模式”,为了区别于“由公司和网站雇员主导生成内容的产品模式”,称之为Web 2.0。当然,与之相对应,后者就是Web 1.0。

1、用户力量的崛起

承接着这一概念,在2005-2009年这个时间窗口中,有大量所谓Web 2.0型的产品诞生和兴起,比如说优酷、土豆、酷六等视频网站,比如大量的P2P下载软件,比如豆瓣、开心网、人人网等SNS社区,还有博客。

他们都有一个共同点——“用户”才是创造内容的主角,而官方要做的更重要的事,则是管理和氛围的维系塑造。

按照行业普遍认可的说法,web2.0是互联网的一次理念和思想体系的升级换代——由原来的自上而下的由少数资源控制者集中控制主导的互联网体系,转变为自下而上的由广大用户集体智慧和力量主导的互联网体系。

看起来,在整个中国互联网网民数量突破1亿之后,“用户”们终于开始获得越来越多的话语权,尽情发挥自己无处释放的能量和创造力,让整个互联网世界变得更加丰富和精彩,拥有更大的可能性。

事实也确实如此,在这一时期内,“用户”和“个体”的力量开始在互联网世界中变得越来越大。如果说过去的互联网世界中,信息的传播和分发更多是以“一对多”的形式完成的,到了这一时期后,整个线上的信息分发传播逻辑开始呈现为一种“一对多”和“多对多”并存的局面。

再具体来说,就是整个互联网世界中,意见领袖和大众舆论的力量,开始能够渐渐压过甚至引领传统媒体。

例如说,在这一时期内,开始发生了无数自下而上产生的网络热点事件,例如天涯论坛的镇坛神帖“北纬周公子大战易烨卿”,例如胡戈恶搞电影《无极》的“一个馒头引发的血案”。

205837464186.jpg

胡戈恶搞电影《无极》

再例如在此期间多次由网友主导发起,进而完全影响了大众舆论导向的“人肉搜索”。

又例如说,在这一时期内,借由博客和无数网络社区的力量,诞生了国内的第一批“网红”,比如Ayawawa、流氓燕、木子李、当年明月、美食界的文怡……

2、运营的新要点:传播

于是,在这一时期内,整个互联网世界内获取用户的方式,又在开始悄然发生着一些改变——如果说此前2001-2005年这个阶段中,大家更加看重的是“对于关键渠道的占据和流量获取效率”的话,到了2005-2009这个时期内,大家更加关注的事情变成了“传播”。即,是否能够通过一些趣味性或是话题性的内容或事件策划,在整个互联网世界中借助博客、BBS、SNS等的力量,形成广泛的传播。

在很长一段时间内,这成为了线上推广和营销最受青睐的做法。

于是,在这段时间内,类似网络推手、事件营销、话题营销这样的一些职能也开始出现。

其中网络推手是一群很有意思的人,他们往往由早期很多中小论坛的管理员演变而来。整个过程大体是这样的:

1、人人都知道,一个论坛,一旦有了人气,各种小广告就会开始出现。这种小广告极其令人讨厌,且无孔不入,封也封不完,令各种论坛版主和管理员们非常头大。

2、直到有一天,有一部分版主和管理员们突然开窍了:这事干嘛非得封杀不可啊,哥几个联合起来,开个经纪公司之类的,谁想发广告直接找我们,我们负责给他们在论坛顶起来不得了?这个钱,赚得名正言顺无比自然。

3、再后来,各种不同论坛的版主们也都纷纷被整合起来,这批人就成了最早的网络营销团队,或者说是网络推手。

我们曾经耳熟能详的许多网络红人和热点事件背后,从芙蓉姐姐到天仙妹妹,从小月月事件到“别针换别墅”再到贾君鹏事件,其背后都少不了这群“推手”们的影子。

总体来说,在这一时期内大量产品的“用户获取”,确实是更依赖于“传播”而非“推广投放”的。

而在用户维系方面,伴随着Web2.0时代的到来,无论是在“用户分级理论”,“用户数据挖掘”,乃至“KOL管理维系”方面,都有了更加成熟的一套逻辑和做法。这方面的佼佼者,当属猫扑、天涯、新浪等——其中,新浪在博客时代所攒下的无数名博和KOL资源,此后直接决定了新浪微博的快速崛起。

3、从“封闭”到“开放”

此外,另有一个现象在此段时间内也是值得注意的——在这段窗口期内,整个互联网的大生态开始逐渐真正从“封闭”转为“开放”。具体来说,这体现在包括腾讯、豆瓣、开心网、天涯等等在内的诸多SNS和社交应用都开始构建自己的“开放平台”或是提供自己账号体系的“开放接口”,允许外部的第三方开发者调用自己的基本用户信息,并通过开放平台为自己来开发应用。

对开发者们而言,此举可以让他们获取用户和接触用户的成本更低。而对平台方而言,他们也通过此举加强了自己平台内部所提供的服务和内容,借此巩固了平台生态。印象中,开心网和人人网就曾依靠自己的开放平台获得过可观的用户增长。

反过头来,这种“借助对方的平台和用户资源开发一些小应用来更好获取流量与用户”的做法,也渐渐成为了一种常见的“获取用户”的思路。此后,无论在新浪微博,还是微信的生态中,我们都将会看到这一做法会大量普及开来。

2009-2013:微博时代与移动互联网大局下的运营

1、互联网用户体量:3.84亿-6.18亿

2、互联网代表产品:各类APP、微博、知乎、微信、团购

3、代表性运营工种:微博运营、社会化媒体营销、各类APP推广

从2009年开始,中国互联网的又一个关键性拐点开始到来。

2008年下半年,随着苹果发布iPhone3G以及宣布开放App Store,以及Google旗下Android操作系统的发布,人们开始意识到:移动互联网的时代来了。

由那时开始至今,中国互联网开启了又一个波澜壮阔的时代——所谓的“移动互联网时代”。

智能手机的渐渐普及和“移动时代”的到来瞬间在互联网世界中开辟了一块全新的战场,它意味着原有的格局和用户习惯可能会被打破和重构,意味着人们的碎片时间也将开始可以被抢夺和占据,意味着N多全新的机会。

于是在这个时代,无数人凭借着“移动互联网”时代的红利期和自己开发的APP大获成功,从植物大战僵尸到捕鱼达人,从大姨吗到美柚,从辣妈帮到宝宝树,从陌陌到微信,均纷纷在这一时间窗口内崛起。

1、PC时代逻辑的重演

我们都曾记得,在PC时代,互联网世界中曾经先后有过一个“萌芽时代”和“流量驱动时代”。某种意义上,在2009-2013之间的这5年时间里,这两个时代在移动端被重现了。

最初,当移动时代刚刚兴起时,能够迅速流行和占据大家视野的,多是一些更加“轻快”的东西。典型例如一些工具、阅读类应用,又或是游戏,这一时期内,类似墨迹天气、汤姆猫以及大量杂志类APP等得到了大量普及。

然后,随着2011、2012年之后移动端用户的越来越多,加入移动战局的互联网公司也越来越多,曾经在PC端出现过的“流量时代”再一次在移动端出现了——大量应用商店先后出现并发展起来,成为了移动端的“流量入口”,并依靠着“流量分发”这样的生意赚得盆满钵满。

以及,各类围绕着移动端的流量截取和分发手段也开始层出不穷,类似移动广告联盟、积分墙、换量等等手段在移动端也渐渐普及和火热起来。

这一时期,围绕着以上这些APP推广手段,诞生了无数的新岗位和新工作机会,成为了这一时期“运营”工作的一类典型代表,行业俗称“APP推广运营”。

2、前无古人的微博

在这一时期,中国互联网还诞生了一个庞然大物,这就是微博。

2009年8月,新浪微博上线内测,此后2-3年时间内,凭借着自己此前在博客和门户时代积累下来的大量资源,以及微博本身“快速传播”式的产品机制,它以暴风般的速度席卷整个互联网,成为了互联网圈内最令人瞩目的产品:

在2010-2012年间的3年,从钟如九事件到动车事件,从“免费午餐”公益到拯救乞讨儿童再到明星娱乐八卦绯闻,在无数社会、娱乐重大事件中,微博都成为了第一舆论阵地,其信息传播发酵的能力和在重大事件发生,几乎让任何一个传统媒体都黯然失色。

姚晨,这个当时只能够算得上二线明星的姑娘凭借着“玩微博”,竟然在短短3年内积累起来了超过1000万粉丝——这意味着,她的舆论话语权,已经超过了大多数电视台。

“微博将可能改变一切。”这句最早从李开复说出的话,在那个时期内一度成为了几乎所有互联网界的共识。

在微博巨大的向心力面前,几乎所有人都被卷入其中,从论坛时代的意见领袖和娱乐明星,从企业、政府机关到商业领袖,几乎无一幸免。

而微博,也成为了这一时代最大的“流量”和“用户”聚集地。

由此,微博也给“运营”带来了新的可能。有很多敏锐的人发现,基于微博的生态和产品逻辑,你只要能够做好一些微博内容和用户互动的维系,你将可以在这里收获巨大的粉丝数和传播。以及,哪怕是同样做推广,通过微博来做推广可能要比其他渠道的广告投放要划算得多得多。

以及,微博的强互动和传播属性,也让它成为了诸多产品和品牌用于“维系用户”时的一个最佳选择。

于是,一类叫做“微博运营”和“社会化媒体营销”的职能又出现了,它成为了这个时代的另一“运营”类代表工种。

而在微博上,也渐渐诞生了一些诸如“冷笑话精选”、“魔鬼经济学”这样的“大号”,他们的经营者多是PC时代的那些草根站长们,他们对于互联网世界的风吹草动以及网民们的心理喜好有着天然的敏感,凭借着自己在微博早期时代的苦心经营,他们迅速成为了某种新的流量分发和推广渠道。

但与传统的推广渠道不同的是,微博的推广这时候已经开始对于“推广内容”有了更高的要求。简而言之,哪怕你找了一个大号帮你推广,但如果你的推广内容得不到大量转发,那一样并无卵用。

3、团购大战

此外,这一时期的互联网,发生过的另一件令人瞩目的大事,就是“团购”的崛起与惨烈大战。

团购网站的出现,第一次开始试着把互联网与更多人们线下生活中的具体服务连接起来,也第一次把互联网世界中的战争从纯粹的“线上”拉到了“线上+线下同时进行”。

但是,这还只是开端。

2013至今:连接一切的互联网与运营

1、互联网用户量:6.18亿-7.10亿

2、互联网代表产品:微信、各类O2O产品、滴滴出行、今日头条、罗辑思维等自媒体

3、代表性运营工种:新媒体运营、社群运营、微博运营、社会化媒体营销、各类APP推广

进入到2013年之后,整个互联网世界的用户增速开始明显放缓——按照CNNIC的数据,从2013年到2016年的3年间,网民数量不过才增加了区区1亿人,成为了互联网在中国诞生迄今为止20年间用户增速最为缓慢的一段时间。

在任何一个市场内,当“绝对用户数量”的增长空间已经不那么明显,大家竞争和PK的重点就会开始调转方向,要么是开辟新的战场,要么就是在原有的基础上做得更加“精细”,抢占用户使用和触碰频次更高的场景,这是永恒不变的规律。

与此同时,随着智能手机的大范围普及,人们手中开始拥有了一个可以随时随地帮助自己连接到互联网中的终端设备,这第一次让人们开始拥有了可以“连接一切”的可能性。

从这一时期开始,开始出现了所谓“互联网+”的说法,即让互联网可以连接到除了信息以外的更多事物,例如服务。

大约从2013年开始到2016年,国内互联网界出现了一波迅猛无比的O2O创业潮,一大批类似滴滴出行、美团这样的公司从中成长起来,成为新的估值百亿美元级别的巨头。

诸多O2O创业公司的出现,也真正全面把“运营”的竞争从线上拉到了线下,在这一时期内,由于竞争的激烈和用户时间、注意力等的逐渐稀缺,对于诸多O2O公司的用户获取,一维的“线上推广和传播”已经显著不管用,更常见的做法是线下地推+线上推广+PR传播等海陆空并行,唯有如此,才能起到更好的成效。

1、运营升级

在这一时期,运营与产品之间的关系开始更加紧密,也越来越需要更精密计算和规划过后的“策略”。因为越来越多的运营动作和手段开始需要通过产品来实现,而随着用户体量的增加和用户构成的复杂性,运营所拉来的用户也越来越会影响到一款产品的成长,因而,在“策略”和“节奏操盘”层面,运营也开始需要有更加精密细致的思考。

这当中最典型的代表,就是滴滴出行的发展和成长——其在发展过程中的用户获取和用户维系,既有大量线下的“重动作”和与竞争对手间的惨烈PK,也涉及到大量线上的数据监测和产品形态、产品策略等的设计(如滴滴的红包派发、派单策略、滴米等用户激励措施等)。

由此,在这一时期内,互联网公司中对于“运营”的职能要求,再次升级和提高。

2、微信的全面崛起

这一时期内另一件不得不提的事,就是微信的全面崛起。

2012年,微信先后推出了朋友圈和微信公众号,恰是这两个功能,加上“微信群”等即时多人互动等功能,让微信开始全面抢占包括微博等互联网产品在内的大量时间。

据数据称,微信在2016年下半年的日登录用户已经达到了5.7亿——这是一个足以甩开任何互联网产品十万八千里的数字。

于是,微信的朋友圈与微信公号,开始成为了更加备受青睐的“流量入口”,随之而来的,就是大量微信公号运营与“微商”的出现。

再后来,因为在微博和微信公众号中很多活动、内容维系等的执行逻辑高度相似,这两者在互联网圈中开始被人们放到一起,共同称之为“新媒体运营”,在微信兴起和“互联网+”、“互联网思维”大行其道的时代里,这个职能开始迅速走红,一时间成为了互联网圈内最火热的职位。

3、内容价值的回归

但与任何一个新平台相似,在微信公号和朋友圈微商的“红利期”过去之后,微信公号也呈现出了内容高度同质化、阅读量逐渐走低的境况。为此,微信官方迅速推出了一系列包括“赞赏”、“原创内容保护”、“举报”等在内的措施。

这些措施立竿见影,使得整个公众号逐渐从早年良莠不齐的“标题党”“段子内容”等逐渐升级,也开始有越来越多的优质内容生产者加入到微信公号的内容生态中来,加上用户品味的提升,这使得内容和创意越来越成为一个公众号好坏,以及能否获得更多转发和阅读量的重要准则。

进入到2016年后,随着用户的时间精力越来越稀缺,这一境况开始有过之而无不及,大量还依赖于打折促销广告等无营养内容支撑的微信公号开始越来越举步维艰,而拥有优质内容生产能力的公号则更加受到用户青睐。

这一时期,在整个互联网界和运营圈内,许多人都在高呼:内容的价值在回归。

4、社群运营的兴起

以及,在用户时间更稀缺、话语权更大以及时间更加碎片化的情况下,另一个概念也渐渐诞生了,那就是“社群运营”。

简单说,社群运营是一种“基于共同兴趣和爱好将大量用户聚集到一起,通过持续的优质内容输出和“微信群”等工具来实现用户互动和维系”的一种做法。

相比起自己做一个APP或开发某个产品来说,“社群运营”最大的吸引力在于:

205842009249.jpg

1、它无须开发产品,因而启动成本可能更低;

2、如果做得好,它有可能在短时间内借由微信群等方式聚合起来大量用户和流量,且这些用户和流量都是真实的;

3、因为“群组”本身的即时、强互动属性,如果社群经营得好,群内的用户在实现付费、注册等进一步行为转化时,往往将会拥有更高的转化率。

在国内互联网圈,最早尝试社群运营并小范围取得一定成就与成功的,包括罗辑思维、秋叶等人,他们依靠低成本所获得的成功,也引来了无数人效仿和尝试。

但迄今为止,所谓“社群运营”,更多还只停留在某种概念上,更多人可能会倾向于通过“快速拉群聚合用户”的方式来短期获得流量和转化,但一个所谓“社群”的长期生命力,仍然需要建立在高质量内容的持续供给和文化建设的基础上。

5、今天的运营

总体来说,在这一时期内,伴随着微信公号等的出现,以及移动互联网的全面爆发,无论是用于实现“用户获取”还是“用户维系”的各种手段,都开始变得越来越多样,越来越复杂,彼此之间交集也越来越多。

恰恰是在这段周期内,从张亮在知乎连载他的《从零开始做运营》开始,互联网圈内开始逐渐倾向于把运营按照工作侧重点的不同划分为所谓“内容运营”、“活动运营”、“用户运营”三大模块。

然而,如果落实到具体工作内容,这三大模块之间仍然会出现大量交叉,这让“运营”对于更多圈外人甚至是行业新人来说,仍然是一个高度抽象和模糊的事情。

结语

回溯整个互联网的20年,以及以上的诸多变化,我们可以发现:所谓“运营”,其实是一种需要通过较为多样的手段和技能来更好实现“用户获取&用户付费”,以及“更好实现已有用户的维系”这样两个目的的职能。

恰恰是因为在整个互联网世界中,围绕着这两个目的我们可以选择和使用的手段实在太多太丰富,需要做的事情也太繁杂,我们才无法把这样的岗位用一个更加具体的词来描述,因而只能称其为“运营”。

同时,我们也会发现,“运营”岗位的工作内容从来不是固定的,而往往会随着主流产品形态和整个互联网世界中信息分发和传播的逻辑而改变。

例如:

1、当搜索和门户网站推荐位成为“流量入口”时,人们愿意花费大量时间和精力去琢磨如何让自己的网站在搜索结果页上排名更高,以及能够在门户网站中得到更多推荐;

2、而当Web2.0时代到来后,人们又开始愿意花费更多时间去进行“事件策划”,依靠论坛、社区等用户的声音和力量来助推自己获得更多关注;

3、到了今天,人们更愿意把更多的时间精力耗费在微信公号、知乎等地的关注和运营上,背后的逻辑也都是一样的——“流量”和“用户”在哪里,运营的关注点就在哪里

本文主笔作者黄有璨,三节课联合创始人,资深互联网运营从业者,《运营之光》作者。如需转载,请联系三节课微信公众号(ID:sanjieke),并注明出处。本文部分参考资料来源于以下出处,特此鸣谢:百度百科,天涯论坛,CNNIC,网易新闻,新浪网,人民网,《腾讯传》,《浪潮之巅》,《沸腾十五年》。

来源:虎嗅网

超赞!人气超高的HTML5特效排行榜TOP10

问答xgzx 发表了文章 • 0 个评论 • 80 次浏览 • 2017-01-07 03:42 • 来自相关话题

现在市面上有一大批HTML5页面模板制作工具,虽然方便了很多非专业设计师制作HTML5页面。但是不得不吐槽的是,很多模板工具平台上的作品大部分还停留在左飞入右飞出的初级境界,想感受真正精妙的高级特效,这10个专业人士的作品不得不看咯。

那HTML5里有哪些高级动效了?小派几乎仔细体验了国内所有优秀H5页面作品,结合自己的一些理解,整理出下面十大HTML5页面特效。我们的HTML5作品如果能用上其中一两个,相信能增色不少!术语也许不够专业,欢迎吐槽!

-------------------------

提示:图片只是效果截图,查看完整效果可以扫一扫下面的二维码哦!

1. 粒子特效

星际传奇:这是探索宇宙的门票










百度百科:为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块,原理是将无数的单个粒子组合使其呈现出固定形态,借由控制器,脚本来控制其整体或单个的运动,模拟出现真实的效果。

2. SVG路径动画

元小望:SVG练习NO.1_描述孤独










简而言之,就是让SVG的描边像是有人绘制一样的动画效果。动画轻巧不失真,特别适合那些崇尚简约设计风格的网页。

上作品是派友(Epub360用户)元小望用Epub360设计制作的,大家感受下,是不是很酷!

3. 序列帧动画

大众点评:我们之间只有一个字










百度百科:序列帧动画是只在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。 因为逐帧动画的帧序列内容不一样,不但给制作增加了负担而且最终输出的文件量也很大,但它的优势也很明显:逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容,而它类似与电影的播放模式,很适合于表演细腻的动画。例如:人物或动物急剧转身、头发及衣服的飘动、走路、说话以及精致的3D效果等等。

派友晗萧模仿原版用Epub360制作了“我们之间只有一个字”的优化版,大家看看Epub360序列帧组件性能如何?

4. 全线性动画

腾讯UP大会:生命之下,想象之上










全线性动画可以理解为动画连续,几乎不间断播放,像视频一样流畅细腻。

这支HTML5页面打破了传统幻灯片式的呈现方式,塑造出了一种宽广、素雅、幽静的整体感受,该作品也被很多人推崇为HTML5里的动画片。

5. Cinemagraphic

Levi’s: “换”醒你的夏天










什么是Cinemegraphic?如果你不知道,就有点OUT了。顾名思义,Cinema是电影摄影,Graph是图片,Cinemagraphic是一项将神奇的局部运动赋予静态照片的新技术。

其中Cinemagraphic的应用恰到好处地了诠释了“自然风”的概念,只见画面上,人物的头发和衣角飞舞着,仿佛吹拂着一阵阵自然风,在炎炎夏日,他们依旧感受着清爽,尽情玩耍。作为互动者的人们,当看到画面上被风拂过的Cinemagraphic动态场景,他们也身临其境地感受到自然风所能带来的这种清爽感受。

下面说说和交互相关的动画特效。

6. 全景

杜蕾斯的第一座美术馆










虚拟全景美术馆的概念并不新鲜。其鼻祖应该是 Google 的 Art Project,让你能够在线浏览全世界大多数博物馆和美术馆。杜蕾斯“美术馆”的创新,在于它其实是热门广告形式HTML5页面的伪装。“我们想要通过多重手段(比如馆内的彩蛋、12 点闭馆无法访问等等)来创造一个虚拟的真实空间,而不是传统HTML5的单线程教育的逻辑。” Socialab 杜蕾斯组的负责人说,“液体主义群展将是杜蕾斯美术馆无数展览中的第一个。”

7. 3D

康师傅:2015最飞羊的新春祝愿










祝福灯笼可以360旋转呈现,而且具有夜空繁星中题字灯笼飞来飞去的3D炫目效果,彰显“最飞羊的新春祝愿”。其中意趣和精妙所在,恐非文字所能表述。

8. 点击碎屏

大众点评:这个陌生来电你敢接吗?










“点击屏幕”不新鲜,但是这种屏幕击碎的画面好像也特别讨人喜欢,大概有三轮左右的“击碎”动作,这是整个HTML5的互动高峰。发现这种“屏幕敲击”的常规动作特别有惯性,点一点就停不下来。是不是抓住了手机族的某些“强迫症”特点。

9. 长按逐字

韩寒再谈一加:1步1步看清韩寒










整个HTML5页面用打字机的形式呈现,随着用户按下按钮,纸片会逐渐显示出韩寒从1999年起,为人熟知或不知的成长轨迹。触发逐字等动效很有真实感。

10.滑动触发

腾讯视频:这一幕你期待已久










长页HTML5,滑动触发动效,和呆板的幻灯片式样的HTML5页面拉开了距离。Epub360虽然能实现带动效带触发的长页,但是目前暂时还不能实现这种滑动触发动画。

来源:优设 查看全部
现在市面上有一大批HTML5页面模板制作工具,虽然方便了很多非专业设计师制作HTML5页面。但是不得不吐槽的是,很多模板工具平台上的作品大部分还停留在左飞入右飞出的初级境界,想感受真正精妙的高级特效,这10个专业人士的作品不得不看咯。

那HTML5里有哪些高级动效了?小派几乎仔细体验了国内所有优秀H5页面作品,结合自己的一些理解,整理出下面十大HTML5页面特效。我们的HTML5作品如果能用上其中一两个,相信能增色不少!术语也许不够专业,欢迎吐槽!

-------------------------

提示:图片只是效果截图,查看完整效果可以扫一扫下面的二维码哦!

1. 粒子特效

星际传奇:这是探索宇宙的门票

20170107034222.jpg


1483601575848.png

百度百科:为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块,原理是将无数的单个粒子组合使其呈现出固定形态,借由控制器,脚本来控制其整体或单个的运动,模拟出现真实的效果。

2. SVG路径动画

元小望:SVG练习NO.1_描述孤独

1483601575910.jpg


1483601575980.png

简而言之,就是让SVG的描边像是有人绘制一样的动画效果。动画轻巧不失真,特别适合那些崇尚简约设计风格的网页。

上作品是派友(Epub360用户)元小望用Epub360设计制作的,大家感受下,是不是很酷!

3. 序列帧动画

大众点评:我们之间只有一个字

1483601575909.jpg


1483601575588.png

百度百科:序列帧动画是只在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。 因为逐帧动画的帧序列内容不一样,不但给制作增加了负担而且最终输出的文件量也很大,但它的优势也很明显:逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容,而它类似与电影的播放模式,很适合于表演细腻的动画。例如:人物或动物急剧转身、头发及衣服的飘动、走路、说话以及精致的3D效果等等。

派友晗萧模仿原版用Epub360制作了“我们之间只有一个字”的优化版,大家看看Epub360序列帧组件性能如何?

4. 全线性动画

腾讯UP大会:生命之下,想象之上

1483601575242.jpg


1483601575911.png

全线性动画可以理解为动画连续,几乎不间断播放,像视频一样流畅细腻。

这支HTML5页面打破了传统幻灯片式的呈现方式,塑造出了一种宽广、素雅、幽静的整体感受,该作品也被很多人推崇为HTML5里的动画片。

5. Cinemagraphic

Levi’s: “换”醒你的夏天

20170107034742.jpg


1483601575438.png

什么是Cinemegraphic?如果你不知道,就有点OUT了。顾名思义,Cinema是电影摄影,Graph是图片,Cinemagraphic是一项将神奇的局部运动赋予静态照片的新技术。

其中Cinemagraphic的应用恰到好处地了诠释了“自然风”的概念,只见画面上,人物的头发和衣角飞舞着,仿佛吹拂着一阵阵自然风,在炎炎夏日,他们依旧感受着清爽,尽情玩耍。作为互动者的人们,当看到画面上被风拂过的Cinemagraphic动态场景,他们也身临其境地感受到自然风所能带来的这种清爽感受。

下面说说和交互相关的动画特效。

6. 全景

杜蕾斯的第一座美术馆

1483601575297.jpg


1483601575261.png

虚拟全景美术馆的概念并不新鲜。其鼻祖应该是 Google 的 Art Project,让你能够在线浏览全世界大多数博物馆和美术馆。杜蕾斯“美术馆”的创新,在于它其实是热门广告形式HTML5页面的伪装。“我们想要通过多重手段(比如馆内的彩蛋、12 点闭馆无法访问等等)来创造一个虚拟的真实空间,而不是传统HTML5的单线程教育的逻辑。” Socialab 杜蕾斯组的负责人说,“液体主义群展将是杜蕾斯美术馆无数展览中的第一个。”

7. 3D

康师傅:2015最飞羊的新春祝愿

1483601575144.png


1483601575407.png

祝福灯笼可以360旋转呈现,而且具有夜空繁星中题字灯笼飞来飞去的3D炫目效果,彰显“最飞羊的新春祝愿”。其中意趣和精妙所在,恐非文字所能表述。

8. 点击碎屏

大众点评:这个陌生来电你敢接吗?

1483601575693.jpg


1483601575545.png

“点击屏幕”不新鲜,但是这种屏幕击碎的画面好像也特别讨人喜欢,大概有三轮左右的“击碎”动作,这是整个HTML5的互动高峰。发现这种“屏幕敲击”的常规动作特别有惯性,点一点就停不下来。是不是抓住了手机族的某些“强迫症”特点。

9. 长按逐字

韩寒再谈一加:1步1步看清韩寒

1483601575869.jpg


1483601575919.jpg

整个HTML5页面用打字机的形式呈现,随着用户按下按钮,纸片会逐渐显示出韩寒从1999年起,为人熟知或不知的成长轨迹。触发逐字等动效很有真实感。

10.滑动触发

腾讯视频:这一幕你期待已久

1483601575255.jpg


1483601575455.png

长页HTML5,滑动触发动效,和呆板的幻灯片式样的HTML5页面拉开了距离。Epub360虽然能实现带动效带触发的长页,但是目前暂时还不能实现这种滑动触发动画。

来源:优设

减少认知过载:塑造更好的用户体验

问答admin 发表了文章 • 2 个评论 • 142 次浏览 • 2017-01-05 05:18 • 来自相关话题

设计不是美工,想成为优秀的设计师怎么能不懂点心理学?

导读:

文章从认知心理学角度下手,分析了在交互设计过程中时常会犯得几种错误,一些平时稀松见惯的设计方式也都在这儿找到了比较理性的依据。设计是门科学,我们需要掌握一些方法论,以不变应万变。

作者介绍了认知超载和工作记忆这两个心理学概念在交互设计中的重要作用,并列举了在设计过程中因为忽视了用户的认知特点可能会犯得错误,并给出了相应的解决方案。因为原文里反复提到了上面两个概念,所以我先简单解释一下二者的含义,也方便大家更好的理解文章的内容。

认知超载:

认知负荷指在工作记忆中脑力使用的总量。当外界信息量超出大脑接收处理的阈值时,就会出现认知超载的情况。通俗来说,人脑跟电脑一样,处理信息的能力是有极限的,如果超过了一定数量,就会变慢,最后死机,这就是认知超载。

工作记忆:

工作记忆指的是一个容量有限的系统,运用听觉、视觉系统来暂时保持和存储外界信息,也叫短期记忆,是外界信息和长期记忆之间的接口。简单来说,工作记忆是长期记忆的先遣小分队。

下面一张图来直观表达外部信息/认知超载/工作记忆三者之间剪不断理还乱的孽缘:





搞清楚认知超载和工作记忆的概念后就可以正式进入正文了~~~

正文:

所谓最好的用户体验就是能让用户毫无察觉,在界面上的操作如行云流水般顺畅。用户们越少去思考界面布局,他们就会越多得将关注点放在要完成的目标上。而作为设计师,你的工作就是帮助用户全神贯注的完成任务而不被多余的因素打扰。

复杂的界面会迫使用户去解决那些无足轻重的问题。用户在填写选项、界面和导航等地方感觉到困惑时就会中断他们思考的过程,将他们的注意力从网络情境拖拽回现实情境。这种过度的思考就被称为认知超载。

认知负荷的科学根源:

1980年,澳大利亚教育心理学家John Sweller将认知负荷应用到了教学设计中。他旨在寻找对于各类学生来说最好的知识记忆方式。虽然这些理论最初是应用在教育领域的,但它们也同样适用于交互设计中。接下来我会解释这个技术如何用来减少用户的烦恼。

设计中的应用:

著名作家Steve Krug就是将认知负荷理论最广泛的运用到了网页设计当中。他的书“Don't Make Me Think”被许多设计师当做业界圣经。

在他书里提到的观点中,以下我非常赞同的:

1、每一个页面都要清晰明了,因为用户从网站其他页面进入网站的可能性和从首页进入网站的可能性一样大。

2、用户很有可能放弃——也就是说,比起最好的解决方案,采取能够最早解决问题的方案。

3、当一个具有一般互联网经验的用户可以用这套系统来完成他们的目标之时,系统达到可用性就可以了。

4、用户通常会采用一个心态:“要么快要么就去死”。

5、即便从未使用过,屏幕上一个可以看见的home键将会给用户带来安慰。

综合来讲,每当用户浏览网站必须停下来进行思考时,即使一瞬间,他们的工作记忆也是超负荷的。问题类似于: “这个可以点么?” “Home键在哪儿” “我改怎么保存?”,这些都会毁了用户的体验。

认知过载的最主要的几个原因:

有很多设计元素都对用户大脑施加了潜在的负荷,与此同时,外界环境中会有更多的因素超出设计师们的控制范围。比方一个用户浏览网站的同时会担心第二天的工作报告,或者被窗户外装修的噪音所打扰——这些都会消耗他们的工作记忆。

同时,每个用户因为个体差异,会有着不同的工作记忆能力。比起细心谨慎的用户来说,不拘小节的用户会比较容易地将精力集中在你的网站上,而不经常上网的用户会比经常上网的用户思考的要多。即便我们不能量化认知负荷,我们依旧可以归纳出那些经常在设计中出现的错误。下面,我将对最常见的几种错误分类说明并给出解决方案。

1.多余的动作:

用户所进行的每一个步骤都会增加到他们的认知负荷中。过多不必要的动作会破坏用户的思路,甚至有可能激怒他们。因为他们的工作记忆都集中在完成特定的目标上,多余的动作会迫使他们投入更多的精力,这就会增加工作记忆的负担。最终就会耗尽用户的耐性,掀桌子走人。

为了使认知负荷最小化,速度和步骤是需要注意的基本事项。用户希望在一种轻快活泼且有目的性的节奏中完成他们的任务,所以撇开一切拖后腿的废物吧!





(Image: Touch of Modern)

用户希望知道在他们提交邮箱地址之前他们要进入的是什么网站,但Touch of Modern不告诉用户任何信息却要求他们在第一时间进行注册!这个强制且多余的动作将会吓跑许多潜在用户。

解决方案:

这里有个找出多余步骤的方法:列出用户必须要完成的每一步任务。举个发邮件的栗子吧:

1、点击“邮件”图标

2、点击到“发送给”的输入框

3、填写邮箱地址

4、点击“主题”输入框

5、等等吧啦吧啦吧…….

点击“邮件”图标 点击到“发送给”的输入框 填写邮箱地址 点击“主题”输入框 等等吧啦吧啦吧…….现在,我们回头来看这些步骤并找出多余的动作。第二步完全可以删除,因为你可以让光标自动停在“发送给”这一栏而不用让用户自己动手点击。

这会为他们减去不必要的麻烦,虽然看起来微不足道,但你所删减的每一步都是胜利。(这和最近非常流行的微交互设计概念有些不谋而合,微小而不引人注意,并为用户提供平滑、自然的感觉。)





让我们来看看谷歌的首页。光标一开始就出现在搜索栏里面,所以用户们需要做的就是打字。这些细小的交互行为可以为整体的体验加分,所以不要忘记它们。

2.过度的刺激

凌乱冗杂的界面会分散用户注意力,增加工作记忆的负荷从而会妨碍他们去实现目标。就像当很多人同时跟你讲话时一样,你会很难集中精力,当网页上充斥着许多照片,动画,图标,广告,字体和刺眼的亮色时,你同样也很难集中注意力。每一种多余的元素,特别是视觉上的抢眼,都会分散用户的注意力。

要记住的是:在用户实现目标之前,工作记忆都需要将额外的刺激进行归类处理,注意力的每一次分散,都会占用用户的一份工作记忆。





(Image: LINGsCARS)

LINGsCARS就是个极端的例子,你可以看到对比强烈的颜色和动效冲击着人们的感官。在电脑屏幕上,即便处于两个不同位置但却同时进行的动效依旧会对用户造成过度刺激,产生威胁。

解决方案:

首先,避免一切不必要的元素。我们仅需保留通常情况下必要的元素,来减少加载时间并简化交互体验。一项关于“美学是如何影响用户对网站第一印象”的研究发现,比起视觉复杂的网站,用户更倾向于视觉简易的网站。

同样,你也可以进行内容区分从而达到平衡的效果。过多的同质化内容(只有照片或只有文本)会让用户感到烦躁。所以,将视觉信息加以综合——图片,视频,信息图表综合到一起从而达到页面的和谐,使它便于用户理解。

影视网站IMDb本可以在很大程度上轻松地只依靠图片进行排版,但它反而运用同量的文字内容来平衡网站页面。





(Image: IMDb)

当你总结出一个页面的必要元素,将这些元素以便于用户快速理解的方式组织起来。运用对称式或非对称式布局来展示信息以便于用户更快速的理解,也就是说,让大脑少费劲儿。对称式布局或有趣的非对称布局不仅能带来视觉享受,而且它们的结构可以使界面易于交互。

下面来看看Groupon是如何将它的垂直菜单(中间偏左)和描述冻酸奶的文字(中间偏右)进行布局的吧。大图居中被文字包围着,这样就打造了一个舒适自然的沙漏形状。





(Image: Groupon)

对称式并不仅仅是将相同的布局放在两侧,它是用来平衡视觉重量和视觉方向。从这点来讲,非对称性布局依旧可以表现的具有组织性,就像OTHR所做的那样。





(Image: OTHR)

减少页面多余的元素仅仅只胜利了一半,革命尚未成功,大家不要忘了,还要将这些元素以简洁明了的布局方式呈现出来。

3.过多的选择

自相矛盾的是:用户希望拥有更多的选择,但往往过多的选择会给他们的大脑带来负荷。

席克定律(选择困难症)为我们揭示出了一种现象:用户所拥有的选择越多,他需要作出选择的时间则会越长。从设计的角度来看:人机交互中界面中选项越多,意味着用户做出决定的时间越长。席克定律多应用于软件/网站界面的菜单及子菜单的设计中,在移动设备中也比较适用。





(Image: Rakuten)

即便是知名网站,比如说乐天,也会犯类似的错误。因为他们没有很好的理解这个设计准则。给用户需要的而不是给他们认为他们需要的。

解决方案:

你可以将多项选项方进一个集合里面。在很多购物网站里你都可以看到类似的组合方式。完全没必要一次性展示出多种选项。如果可以将他们放在隐藏菜单中,那么就比较理想了。这些隐藏的大型菜单依旧会给用户很多选择,同时这样也不会给他们带来负担。





(Image: Amazon)

然而,隐藏式的导航栏不利于发现,所以电子商务和新闻领域的设计师应该注意。你可以通过放置其他类似产品的链接使缺点最小化(比方说亚马逊的“相关购买”)或者你可以归纳导航菜单的类别,将它们精简为单行导航(就像苹果和CNN那样)。





许多与席克定律有关的问题可以通过信息架构的管理来控制,这也是我们接下来要讨论的部分“不易找到的页面和产品”。

4.过多的内容和产品

和过度的刺激与过多的选择问题一样,内容过多会让用户的工作记忆分散到不同的岔道。很明显,你希望展现的仅仅是重要的内容,但对于一些放荡不羁爱自由的网站来说,所有内容都很重要。如果你的网站也有非常多的内容,为了避免对用户造成困扰,你必须学会怎么去合理的组织他们。





(Image: Arngren)

Arngren的问题并不是它展现了很多的产品,而是同一时间内展示出了很多产品。在组织架构上的调整将会给网站带来好的观感。

解决方法:

George Miller的解决策略是“组块”,它将需要展示的大量内容以可管理的方式组合起来,这是非常有效的。这也是数字组合的记忆方法。一组电话可以分为国家编号,地区编号等将它们组合成一组三个数字和两组四个数字便于记忆,而一连串的11个数字会很难被记住。

你想将许多产品的图片都放在主页上么?比起将它们全部罗列出来,不如通过他们的类型将他们分组罗列。Etsy通过根据不同的店铺将产品进行分组展示。





(Image: Etsy)

说完了图片组块还有文本组块,文本的组块包括简短的自然段,恰当的运用标题和副标题以及足够的留白。

长的信息填写表单是非常吓人的,有时甚至会被用户所遗弃,那么试试一种多步骤的表单吧。你可以将表单的信息分在不同的页面里。记得一定要有一个进度标记来让用户知道还剩下多少页。





(Image: Virgin Atlantic)

买机票通常需要填写大量的信息,通常没有一项信息是多余的。Virgin Atlantic将原本乏味的信息填写项目分配在单独的页面上:选择航班,填写旅客信息,进入付款详情等等。将所有的信息放在一个页面上会对用户造成负担,因而很有可能被他们放弃。

5.模棱两可的界面:

认知过载的最大敌人是混淆不清的用户界面。用户从来都不该花费大量的时间来弄清楚如何来完成他们的动作,也不应该浪费脑力去破译一个图标。





(Image: SpeedCrunch)

并非所有的用户都是技术咖从而能够理解SpeedCrunch这种含义模糊的图标。即使他们能够识别上面的代表Windows系统和Mac OS X系统的符号,那么位于右下角的那两个图标即使是图灵他老人家来了也且得看一会儿呢。

解决方案:

不要费力不讨好:你可以用那些已被用户从其他网站上所了解的视觉提示。用户通常会用他所熟悉的符号来进行操作。如果觉着这样做没有新意,你可以将品牌特质巧妙的转化为用户所熟识的形式。Home Depot虽然运用了较为普遍的图标,但同时也赋予了他们品牌独有的橙色。





(Image: Home Depot)

比起非传统标签例如“姓名”和“去”,像“联系人”和“提交”这类标准的标签更容易被识别出来。能被普遍识别的标记可以增强用户的浏览体验,而非普遍的标识会让用户停下来去想这个按钮是用来做什么的。不要为了个性来牺牲简明。

另外,如果真的需要放个以前从未见过的标识该怎么办?如果那样,运用真实的生活场景展示来让其进行自我解释。这叫做:借壳。它是连接现实和虚拟的桥梁。比方说,早起的互联网奠基人选择信封来代表邮件就是因为信封是邮政系统的象征。

同时,要避免含义模糊的符号,特别是它们可能还会被误认为其他东西的代表。就像下列Issuu的图标,有些是为人所知的,但另外一些却不是。如果用户必须通过点击这个图标来发现它的功能,这就会中断他们的操作进程。





任何一个不能清晰表意的图标都应附带说明来告诉用户它是如何工作的。新的并且不常见的用户界面,需要手把手的教程。比方说,Slack就给出了一个全套的视频指导来说明界面的操作流程。





(Image: Slack)

6.不易寻找到的页面:

即便用户已经拥有了他们所需要的一切东西,他们可能依旧不知道如何去寻找它们。结果是他们会费尽脑力去寻找他们所需要的。作为每个用户体验都不可或缺的元素,导航条应该放在显眼的地方,从而给用户信心去任意浏览网站而不用去担心会迷路。这时就需要信息架构发挥作用了。





(Image: Mojo Yogurt)

如果你认为汉堡图标非常糟糕的话,Mojo Yogurt则会让你见识见识什么是山外有山,你需要将鼠标滑过左上角的图标来显示出导航菜单。虽然围绕着Logo有个小的动效,但就整个屏幕的颜色和动效来说,它并不够明显。





(Image: Mojo Yogurt)

解决方法:

根据用户的喜好来理清你的信息架构。你的目标用户群可能并不认可你的做法,所以要从他们那里学习如何来组织网站。卡片分类试验会告诉你你的用户将会如何对页面和话题进行分类。





1.索引卡片上的内容    2.预先设定的分类   3.将索引卡片放置在相应的分类中。

(Image: Rosenfeld Media)

要了解信息架构更多的知识,阅读Dan Brown的“信息架构八准则”。在这仅有的五页里,他概要阐述了每个设计师都应该知道的八项信息架构准则。比如说多项划分的准则(例:运用一些不同的分类方法来适应不同用户的思维模式)。

除了有效的信息架构外,如果你还想通过组合页面和菜单项来避免冗余该怎么办?设计工作室Waaark通过把工作室的简介,团队成员和联系信息这三个页面合并到一个页面来简化他们的导航。





(Image: Waaark)

如果确实有比其他功能重要的功能时,运用视觉技术来吸引他们的注意力。比如增加尺寸,添加动效或运用亮色以及对比色来吸引用户眼球。





比起新客户来讲,Paypal更关注老用户,并通过将登陆键设置在最吸引眼球的白色背景上。

或者可以用小说式架构(下图解释什么是小说式架构)来展示信息,特别是用一个相应的图形,但前提是,所有的这些元素都是易于理解的。





(右上图即为小说式架构,它就像是在给用户讲故事而不是干巴巴的列出各个项目)

7.内部的不连贯性:

假如一个网站的首页用蓝色文本+下划线代表链接,而其他的页面仅仅只用蓝色文本却并没有加下划线。当用户浏览其他页面时就会停下来去想,“它没有下划线,这还是个链接么?”他们甚至可能不会再去关心链接,而会被其他页的不统一性分散注意力从而影响整体的用户体验。

排版错误和语法错误是一样的。请你记住,最棒的用户体验就是不被用户所注意到,而像上面的错误通常都会被注意到。一个元素是否与网站其他元素具有内在连贯性,是否与其他网站元素具有连贯性(比方说图标)都是至关重要的。在这些例子中,用户都必须花费一些时间来进行思考和处理,因而它们占用了用户的工作记忆。





SIPhawaii到处都是大写,包括字体大小和数字价格。你甚至都想不到去点击汉堡图标,因为它和其他网站上的汉堡图标都不一样。(鹿:加了矩形和阴影跟少先队三道杠一样)

解决方案:

保持统一的一种风格来贯穿整个网站,但说来容易做来难,因为这种错误往往是无意的。一个风格指南将会大有用处。它收集了全球所有的设计决策,当设计师需要它们的时候,就能被轻松的找到。因为类似于背景色、图片尺寸和标题排版这种细节容易被忽略,所以参考现成的会对设计有所帮助。





(Image: Lonely Planet)

在视觉和功能上都具有一致性的一个极好的例子就是Pinterest。不论你想要什么风格的照片,它们的格式都是一致的。标题、描述、作者、网站、收集和活动都使用了相同的字体和排版并且在每张卡片的同一个位置所展示出来。错落有致的排版给了用户更多的视觉吸引力。如果你理解其中的一张卡片,那么你就能明白他们所有的卡片。





附言:

Steve Krug说“不要让我思考”,或多或少表达出了用户们的心声。交互设计就像航行,路上所有的气流颠簸——比如说认知过载——都会影响航行的状态。设计师务必要利用一切机会去迎合用户,所以不要让他们想的太多。
来源:http://www.ui.cn/detail/200862.html
  查看全部
设计不是美工,想成为优秀的设计师怎么能不懂点心理学?

导读

文章从认知心理学角度下手,分析了在交互设计过程中时常会犯得几种错误,一些平时稀松见惯的设计方式也都在这儿找到了比较理性的依据。设计是门科学,我们需要掌握一些方法论,以不变应万变。

作者介绍了认知超载和工作记忆这两个心理学概念在交互设计中的重要作用,并列举了在设计过程中因为忽视了用户的认知特点可能会犯得错误,并给出了相应的解决方案。因为原文里反复提到了上面两个概念,所以我先简单解释一下二者的含义,也方便大家更好的理解文章的内容。

认知超载

认知负荷指在工作记忆中脑力使用的总量。当外界信息量超出大脑接收处理的阈值时,就会出现认知超载的情况。通俗来说,人脑跟电脑一样,处理信息的能力是有极限的,如果超过了一定数量,就会变慢,最后死机,这就是认知超载。

工作记忆

工作记忆指的是一个容量有限的系统,运用听觉、视觉系统来暂时保持和存储外界信息,也叫短期记忆,是外界信息和长期记忆之间的接口。简单来说,工作记忆是长期记忆的先遣小分队。

下面一张图来直观表达外部信息/认知超载/工作记忆三者之间剪不断理还乱的孽缘:

953085.jpg

搞清楚认知超载和工作记忆的概念后就可以正式进入正文了~~~

正文

所谓最好的用户体验就是能让用户毫无察觉,在界面上的操作如行云流水般顺畅。用户们越少去思考界面布局,他们就会越多得将关注点放在要完成的目标上。而作为设计师,你的工作就是帮助用户全神贯注的完成任务而不被多余的因素打扰。

复杂的界面会迫使用户去解决那些无足轻重的问题。用户在填写选项、界面和导航等地方感觉到困惑时就会中断他们思考的过程,将他们的注意力从网络情境拖拽回现实情境。这种过度的思考就被称为认知超载。

认知负荷的科学根源

1980年,澳大利亚教育心理学家John Sweller将认知负荷应用到了教学设计中。他旨在寻找对于各类学生来说最好的知识记忆方式。虽然这些理论最初是应用在教育领域的,但它们也同样适用于交互设计中。接下来我会解释这个技术如何用来减少用户的烦恼。

设计中的应用

著名作家Steve Krug就是将认知负荷理论最广泛的运用到了网页设计当中。他的书“Don't Make Me Think”被许多设计师当做业界圣经。

在他书里提到的观点中,以下我非常赞同的:

1、每一个页面都要清晰明了,因为用户从网站其他页面进入网站的可能性和从首页进入网站的可能性一样大。

2、用户很有可能放弃——也就是说,比起最好的解决方案,采取能够最早解决问题的方案。

3、当一个具有一般互联网经验的用户可以用这套系统来完成他们的目标之时,系统达到可用性就可以了。

4、用户通常会采用一个心态:“要么快要么就去死”。

5、即便从未使用过,屏幕上一个可以看见的home键将会给用户带来安慰。

综合来讲,每当用户浏览网站必须停下来进行思考时,即使一瞬间,他们的工作记忆也是超负荷的。问题类似于: “这个可以点么?” “Home键在哪儿” “我改怎么保存?”,这些都会毁了用户的体验。

认知过载的最主要的几个原因

有很多设计元素都对用户大脑施加了潜在的负荷,与此同时,外界环境中会有更多的因素超出设计师们的控制范围。比方一个用户浏览网站的同时会担心第二天的工作报告,或者被窗户外装修的噪音所打扰——这些都会消耗他们的工作记忆。

同时,每个用户因为个体差异,会有着不同的工作记忆能力。比起细心谨慎的用户来说,不拘小节的用户会比较容易地将精力集中在你的网站上,而不经常上网的用户会比经常上网的用户思考的要多。即便我们不能量化认知负荷,我们依旧可以归纳出那些经常在设计中出现的错误。下面,我将对最常见的几种错误分类说明并给出解决方案。

1.多余的动作

用户所进行的每一个步骤都会增加到他们的认知负荷中。过多不必要的动作会破坏用户的思路,甚至有可能激怒他们。因为他们的工作记忆都集中在完成特定的目标上,多余的动作会迫使他们投入更多的精力,这就会增加工作记忆的负担。最终就会耗尽用户的耐性,掀桌子走人。

为了使认知负荷最小化,速度和步骤是需要注意的基本事项。用户希望在一种轻快活泼且有目的性的节奏中完成他们的任务,所以撇开一切拖后腿的废物吧!

953101.jpg

(Image: Touch of Modern)

用户希望知道在他们提交邮箱地址之前他们要进入的是什么网站,但Touch of Modern不告诉用户任何信息却要求他们在第一时间进行注册!这个强制且多余的动作将会吓跑许多潜在用户。

解决方案

这里有个找出多余步骤的方法:列出用户必须要完成的每一步任务。举个发邮件的栗子吧:

1、点击“邮件”图标

2、点击到“发送给”的输入框

3、填写邮箱地址

4、点击“主题”输入框

5、等等吧啦吧啦吧…….

点击“邮件”图标 点击到“发送给”的输入框 填写邮箱地址 点击“主题”输入框 等等吧啦吧啦吧…….现在,我们回头来看这些步骤并找出多余的动作。第二步完全可以删除,因为你可以让光标自动停在“发送给”这一栏而不用让用户自己动手点击。

这会为他们减去不必要的麻烦,虽然看起来微不足道,但你所删减的每一步都是胜利。(这和最近非常流行的微交互设计概念有些不谋而合,微小而不引人注意,并为用户提供平滑、自然的感觉。

953102.jpg

让我们来看看谷歌的首页。光标一开始就出现在搜索栏里面,所以用户们需要做的就是打字。这些细小的交互行为可以为整体的体验加分,所以不要忘记它们。

2.过度的刺激

凌乱冗杂的界面会分散用户注意力,增加工作记忆的负荷从而会妨碍他们去实现目标。就像当很多人同时跟你讲话时一样,你会很难集中精力,当网页上充斥着许多照片,动画,图标,广告,字体和刺眼的亮色时,你同样也很难集中注意力。每一种多余的元素,特别是视觉上的抢眼,都会分散用户的注意力。

要记住的是:在用户实现目标之前,工作记忆都需要将额外的刺激进行归类处理,注意力的每一次分散,都会占用用户的一份工作记忆。

953103.gif

(Image: LINGsCARS)

LINGsCARS就是个极端的例子,你可以看到对比强烈的颜色和动效冲击着人们的感官。在电脑屏幕上,即便处于两个不同位置但却同时进行的动效依旧会对用户造成过度刺激,产生威胁。

解决方案

首先,避免一切不必要的元素。我们仅需保留通常情况下必要的元素,来减少加载时间并简化交互体验。一项关于“美学是如何影响用户对网站第一印象”的研究发现,比起视觉复杂的网站,用户更倾向于视觉简易的网站。

同样,你也可以进行内容区分从而达到平衡的效果。过多的同质化内容(只有照片或只有文本)会让用户感到烦躁。所以,将视觉信息加以综合——图片,视频,信息图表综合到一起从而达到页面的和谐,使它便于用户理解。

影视网站IMDb本可以在很大程度上轻松地只依靠图片进行排版,但它反而运用同量的文字内容来平衡网站页面。

953104.jpg

(Image: IMDb)

当你总结出一个页面的必要元素,将这些元素以便于用户快速理解的方式组织起来。运用对称式或非对称式布局来展示信息以便于用户更快速的理解,也就是说,让大脑少费劲儿。对称式布局或有趣的非对称布局不仅能带来视觉享受,而且它们的结构可以使界面易于交互。

下面来看看Groupon是如何将它的垂直菜单(中间偏左)和描述冻酸奶的文字(中间偏右)进行布局的吧。大图居中被文字包围着,这样就打造了一个舒适自然的沙漏形状。

953106.jpg

(Image: Groupon)

对称式并不仅仅是将相同的布局放在两侧,它是用来平衡视觉重量和视觉方向。从这点来讲,非对称性布局依旧可以表现的具有组织性,就像OTHR所做的那样。

953107.jpg

(Image: OTHR)

减少页面多余的元素仅仅只胜利了一半,革命尚未成功,大家不要忘了,还要将这些元素以简洁明了的布局方式呈现出来。

3.过多的选择

自相矛盾的是:用户希望拥有更多的选择,但往往过多的选择会给他们的大脑带来负荷。

席克定律(选择困难症)为我们揭示出了一种现象:用户所拥有的选择越多,他需要作出选择的时间则会越长。从设计的角度来看:人机交互中界面中选项越多,意味着用户做出决定的时间越长。席克定律多应用于软件/网站界面的菜单及子菜单的设计中,在移动设备中也比较适用。

953108.jpg

(Image: Rakuten)

即便是知名网站,比如说乐天,也会犯类似的错误。因为他们没有很好的理解这个设计准则。给用户需要的而不是给他们认为他们需要的。

解决方案

你可以将多项选项方进一个集合里面。在很多购物网站里你都可以看到类似的组合方式。完全没必要一次性展示出多种选项。如果可以将他们放在隐藏菜单中,那么就比较理想了。这些隐藏的大型菜单依旧会给用户很多选择,同时这样也不会给他们带来负担。

953109.jpg

(Image: Amazon)

然而,隐藏式的导航栏不利于发现,所以电子商务和新闻领域的设计师应该注意。你可以通过放置其他类似产品的链接使缺点最小化(比方说亚马逊的“相关购买”)或者你可以归纳导航菜单的类别,将它们精简为单行导航(就像苹果和CNN那样)。

953110.jpg

许多与席克定律有关的问题可以通过信息架构的管理来控制,这也是我们接下来要讨论的部分“不易找到的页面和产品”。

4.过多的内容和产品

和过度的刺激与过多的选择问题一样,内容过多会让用户的工作记忆分散到不同的岔道。很明显,你希望展现的仅仅是重要的内容,但对于一些放荡不羁爱自由的网站来说,所有内容都很重要。如果你的网站也有非常多的内容,为了避免对用户造成困扰,你必须学会怎么去合理的组织他们。

953111.jpg

(Image: Arngren)

Arngren的问题并不是它展现了很多的产品,而是同一时间内展示出了很多产品。在组织架构上的调整将会给网站带来好的观感。

解决方法

George Miller的解决策略是“组块”,它将需要展示的大量内容以可管理的方式组合起来,这是非常有效的。这也是数字组合的记忆方法。一组电话可以分为国家编号,地区编号等将它们组合成一组三个数字和两组四个数字便于记忆,而一连串的11个数字会很难被记住。

你想将许多产品的图片都放在主页上么?比起将它们全部罗列出来,不如通过他们的类型将他们分组罗列。Etsy通过根据不同的店铺将产品进行分组展示。

953112.jpg

(Image: Etsy)

说完了图片组块还有文本组块,文本的组块包括简短的自然段,恰当的运用标题和副标题以及足够的留白。

长的信息填写表单是非常吓人的,有时甚至会被用户所遗弃,那么试试一种多步骤的表单吧。你可以将表单的信息分在不同的页面里。记得一定要有一个进度标记来让用户知道还剩下多少页。

953113.jpg

(Image: Virgin Atlantic)

买机票通常需要填写大量的信息,通常没有一项信息是多余的。Virgin Atlantic将原本乏味的信息填写项目分配在单独的页面上:选择航班,填写旅客信息,进入付款详情等等。将所有的信息放在一个页面上会对用户造成负担,因而很有可能被他们放弃。

5.模棱两可的界面

认知过载的最大敌人是混淆不清的用户界面。用户从来都不该花费大量的时间来弄清楚如何来完成他们的动作,也不应该浪费脑力去破译一个图标。

953114.jpg

(Image: SpeedCrunch)

并非所有的用户都是技术咖从而能够理解SpeedCrunch这种含义模糊的图标。即使他们能够识别上面的代表Windows系统和Mac OS X系统的符号,那么位于右下角的那两个图标即使是图灵他老人家来了也且得看一会儿呢。

解决方案

不要费力不讨好:你可以用那些已被用户从其他网站上所了解的视觉提示。用户通常会用他所熟悉的符号来进行操作。如果觉着这样做没有新意,你可以将品牌特质巧妙的转化为用户所熟识的形式。Home Depot虽然运用了较为普遍的图标,但同时也赋予了他们品牌独有的橙色。

953115.jpg

(Image: Home Depot)

比起非传统标签例如“姓名”和“去”,像“联系人”和“提交”这类标准的标签更容易被识别出来。能被普遍识别的标记可以增强用户的浏览体验,而非普遍的标识会让用户停下来去想这个按钮是用来做什么的。不要为了个性来牺牲简明。

另外,如果真的需要放个以前从未见过的标识该怎么办?如果那样,运用真实的生活场景展示来让其进行自我解释。这叫做:借壳。它是连接现实和虚拟的桥梁。比方说,早起的互联网奠基人选择信封来代表邮件就是因为信封是邮政系统的象征。

同时,要避免含义模糊的符号,特别是它们可能还会被误认为其他东西的代表。就像下列Issuu的图标,有些是为人所知的,但另外一些却不是。如果用户必须通过点击这个图标来发现它的功能,这就会中断他们的操作进程。

953116.jpg

任何一个不能清晰表意的图标都应附带说明来告诉用户它是如何工作的。新的并且不常见的用户界面,需要手把手的教程。比方说,Slack就给出了一个全套的视频指导来说明界面的操作流程。

953117.jpg

(Image: Slack)

6.不易寻找到的页面

即便用户已经拥有了他们所需要的一切东西,他们可能依旧不知道如何去寻找它们。结果是他们会费尽脑力去寻找他们所需要的。作为每个用户体验都不可或缺的元素,导航条应该放在显眼的地方,从而给用户信心去任意浏览网站而不用去担心会迷路。这时就需要信息架构发挥作用了。

953119.jpg

(Image: Mojo Yogurt)

如果你认为汉堡图标非常糟糕的话,Mojo Yogurt则会让你见识见识什么是山外有山,你需要将鼠标滑过左上角的图标来显示出导航菜单。虽然围绕着Logo有个小的动效,但就整个屏幕的颜色和动效来说,它并不够明显。

953120.jpg

(Image: Mojo Yogurt)

解决方法

根据用户的喜好来理清你的信息架构。你的目标用户群可能并不认可你的做法,所以要从他们那里学习如何来组织网站。卡片分类试验会告诉你你的用户将会如何对页面和话题进行分类。

953121.jpg

1.索引卡片上的内容    2.预先设定的分类   3.将索引卡片放置在相应的分类中。

(Image: Rosenfeld Media)

要了解信息架构更多的知识,阅读Dan Brown的“信息架构八准则”。在这仅有的五页里,他概要阐述了每个设计师都应该知道的八项信息架构准则。比如说多项划分的准则(例:运用一些不同的分类方法来适应不同用户的思维模式)。

除了有效的信息架构外,如果你还想通过组合页面和菜单项来避免冗余该怎么办?设计工作室Waaark通过把工作室的简介,团队成员和联系信息这三个页面合并到一个页面来简化他们的导航。

953129.jpg

(Image: Waaark)

如果确实有比其他功能重要的功能时,运用视觉技术来吸引他们的注意力。比如增加尺寸,添加动效或运用亮色以及对比色来吸引用户眼球。

953135.jpg

比起新客户来讲,Paypal更关注老用户,并通过将登陆键设置在最吸引眼球的白色背景上。

或者可以用小说式架构(下图解释什么是小说式架构)来展示信息,特别是用一个相应的图形,但前提是,所有的这些元素都是易于理解的。

953138.jpg

右上图即为小说式架构,它就像是在给用户讲故事而不是干巴巴的列出各个项目

7.内部的不连贯性

假如一个网站的首页用蓝色文本+下划线代表链接,而其他的页面仅仅只用蓝色文本却并没有加下划线。当用户浏览其他页面时就会停下来去想,“它没有下划线,这还是个链接么?”他们甚至可能不会再去关心链接,而会被其他页的不统一性分散注意力从而影响整体的用户体验。

排版错误和语法错误是一样的。请你记住,最棒的用户体验就是不被用户所注意到,而像上面的错误通常都会被注意到。一个元素是否与网站其他元素具有内在连贯性,是否与其他网站元素具有连贯性(比方说图标)都是至关重要的。在这些例子中,用户都必须花费一些时间来进行思考和处理,因而它们占用了用户的工作记忆。

953144.jpg

SIPhawaii到处都是大写,包括字体大小和数字价格。你甚至都想不到去点击汉堡图标,因为它和其他网站上的汉堡图标都不一样。(鹿:加了矩形和阴影跟少先队三道杠一样)

解决方案

保持统一的一种风格来贯穿整个网站,但说来容易做来难,因为这种错误往往是无意的。一个风格指南将会大有用处。它收集了全球所有的设计决策,当设计师需要它们的时候,就能被轻松的找到。因为类似于背景色、图片尺寸和标题排版这种细节容易被忽略,所以参考现成的会对设计有所帮助。

953146.jpg

(Image: Lonely Planet)

在视觉和功能上都具有一致性的一个极好的例子就是Pinterest。不论你想要什么风格的照片,它们的格式都是一致的。标题、描述、作者、网站、收集和活动都使用了相同的字体和排版并且在每张卡片的同一个位置所展示出来。错落有致的排版给了用户更多的视觉吸引力。如果你理解其中的一张卡片,那么你就能明白他们所有的卡片。

953147.jpg

附言

Steve Krug说“不要让我思考”,或多或少表达出了用户们的心声。交互设计就像航行,路上所有的气流颠簸——比如说认知过载——都会影响航行的状态。设计师务必要利用一切机会去迎合用户,所以不要让他们想的太多。
来源:http://www.ui.cn/detail/200862.html
 

wordpress设置301重定向方法

回复

问答guichen 发起了帖子 • 1 人关注 • 0 个回复 • 150 次浏览 • 2016-12-20 03:40 • 来自相关话题

网站建设相关任务外包,推荐!

问答admin 发表了文章 • 0 个评论 • 114 次浏览 • 2016-12-01 01:45 • 来自相关话题

建站问 开设了任务板块,大家有 网站建设 相关任务外包,都可以发布在这个板块。

另外,我们还为大家推荐了一些承接外包任务的团体或者个人,大家可以优先考虑一下。被建站问推荐的团体或个人都是经过多方面深入审核并且实名认证后才会被推荐展示。大家在把任务外包给他们期间,遇到任何问题,可以向 建站问 客服投诉。

-------------------------

1、网站搭建:包全套(域名、程序、空间),价格协商!联系 QQ 984955040

-------------------------

Q:如何被 建站问 推荐?

A:联系客服,提交必须的个人资料和作品,通过审核才能被推荐。 查看全部
建站问 开设了任务板块,大家有 网站建设 相关任务外包,都可以发布在这个板块。

另外,我们还为大家推荐了一些承接外包任务的团体或者个人,大家可以优先考虑一下。被建站问推荐的团体或个人都是经过多方面深入审核并且实名认证后才会被推荐展示。大家在把任务外包给他们期间,遇到任何问题,可以向 建站问 客服投诉。

-------------------------

1、网站搭建:包全套(域名、程序、空间),价格协商!联系 QQ 984955040

-------------------------

Q:如何被 建站问 推荐?

A联系客服,提交必须的个人资料和作品,通过审核才能被推荐。

【大拿分享】浅谈网站换域名注意事项

问答admin 发表了文章 • 0 个评论 • 129 次浏览 • 2016-11-27 12:31 • 来自相关话题

网站想要换域名,该怎么做?一直是站长咨询较多的问题,学院特意邀请刚刚完成网站换域名的版主三木,给大家分享下如何换域名:

这里说的网站改版,并不包含单纯的页面样式的改动,仅指原页面URL发生了改变,比如换域名、修改URL结构等。

对于百度来讲,是不建议在网站改版过程中换域名或改动原来页面URL的,只要你这么做,网站排名和收录绝对会有影响,影响有多大,主要看你是如何操作的,下面就简单介绍下上述改版行为的几个注意事项:

一、网站改版尽量别动URL

首先还是再次强调下,除非万不得已,千万不要换域名,包括改变原有页面的URL,尽量做到一个页面针对唯一的URL,就等于我们每个人都有唯一的名字一样,现实生活中,我们换了名字,大家看到你的脸起码还能认识你,可对于网页来讲,你换了URL,搜索引擎会把他当成一个新的页面来计算,就算你做了301跳转和提交了改版规则,依然还需要一个权重转移过程,在这个过程中,流量也会多少有点损失的。

更何况,有的网站改版之后,在301跳转、改版规则提交、死链处理上做的也不是过于完美,会导致原来页面的权重并不能及时和百分百地转移过来。

二、新旧URL要有规则可循

好吧,你真要换换换的话,不管你换域名也好,还是修改原来URL结构也好,新旧页面URL一定要有规则可循,这对后期的301跳转,及站长工具提交改版规则都是有好处的,比如你旧URL是www.a.com/2016/123.html,那么新URL尽量保持ID不变,例www.b.com/2016/123.html。

三、做好新旧URL301跳转关系

换域名也好,改动原来的URL结构也好,完成后,一定要将老页面301跳转到对应的新页面,而不是暴力地将老域名所有页面全部跳转到新域名首页,301跳转前后两个页面的内容主体一定要保持一致,301跳转只是URL的跳转并不是内容的改动,比如你拨打110,最后却呼叫转移到了10086,是不是很虐心,301跳转也是一样的道理。

四、新页面中替换掉指向旧URL的链接

网站改版完事,新页面中,特别是文章正文中的链接,依然存在很多指向老域名(旧URL)的链接,通过程序或者手工将上述链接指向替换成新页面。以及之前和其他网站交换的友情链接,尽量修改成指向新域名。

五、在百度站长工具中提交改版规则

只要新旧页面有规则可循,即可在站长工具中提交改版规则;若无规则可循,只能提交新旧URL对,但这种方式识别比较慢,操作也很困难。提交改版规则有利于百度更好地执行替换关系,将权重快速转移到新页面中。

六、检查新页面存在的死链接并提交死链

因为域名或URL结构的改变,会导致很多死链,有些站长很难发现死链的存在,这时建议借助第三方软件全站爬取所有链接,寻找和收集死链,并将死链放在一个文本文档,上传服务器,并且文件地址添加到站长工具的死链提交中。网站存在大量死链,会影响百度对网站的整体判断。做好上面几步后,几天后,百度开始在搜索结果中陆续释放新页面的排名,但不可能一下子全部替换旧页面,甚至一年后,旧页面仍可能出现在搜索结果页中,但只要网站整体流量恢复到改版之前就不必大惊小怪,另外老域名(旧URL)到新页面的301跳转关系建议一直保留,时间越长越好,尽量不要低于半年。

来源:百度站长平台
  查看全部
1-140110150H2219.jpg


网站想要换域名,该怎么做?一直是站长咨询较多的问题,学院特意邀请刚刚完成网站换域名的版主三木,给大家分享下如何换域名:

这里说的网站改版,并不包含单纯的页面样式的改动,仅指原页面URL发生了改变,比如换域名、修改URL结构等。

对于百度来讲,是不建议在网站改版过程中换域名或改动原来页面URL的,只要你这么做,网站排名和收录绝对会有影响,影响有多大,主要看你是如何操作的,下面就简单介绍下上述改版行为的几个注意事项:

一、网站改版尽量别动URL

首先还是再次强调下,除非万不得已,千万不要换域名,包括改变原有页面的URL,尽量做到一个页面针对唯一的URL,就等于我们每个人都有唯一的名字一样,现实生活中,我们换了名字,大家看到你的脸起码还能认识你,可对于网页来讲,你换了URL,搜索引擎会把他当成一个新的页面来计算,就算你做了301跳转和提交了改版规则,依然还需要一个权重转移过程,在这个过程中,流量也会多少有点损失的。

更何况,有的网站改版之后,在301跳转、改版规则提交、死链处理上做的也不是过于完美,会导致原来页面的权重并不能及时和百分百地转移过来。

二、新旧URL要有规则可循

好吧,你真要换换换的话,不管你换域名也好,还是修改原来URL结构也好,新旧页面URL一定要有规则可循,这对后期的301跳转,及站长工具提交改版规则都是有好处的,比如你旧URL是www.a.com/2016/123.html,那么新URL尽量保持ID不变,例www.b.com/2016/123.html。

三、做好新旧URL301跳转关系

换域名也好,改动原来的URL结构也好,完成后,一定要将老页面301跳转到对应的新页面,而不是暴力地将老域名所有页面全部跳转到新域名首页,301跳转前后两个页面的内容主体一定要保持一致,301跳转只是URL的跳转并不是内容的改动,比如你拨打110,最后却呼叫转移到了10086,是不是很虐心,301跳转也是一样的道理。

四、新页面中替换掉指向旧URL的链接

网站改版完事,新页面中,特别是文章正文中的链接,依然存在很多指向老域名(旧URL)的链接,通过程序或者手工将上述链接指向替换成新页面。以及之前和其他网站交换的友情链接,尽量修改成指向新域名。

五、在百度站长工具中提交改版规则

只要新旧页面有规则可循,即可在站长工具中提交改版规则;若无规则可循,只能提交新旧URL对,但这种方式识别比较慢,操作也很困难。提交改版规则有利于百度更好地执行替换关系,将权重快速转移到新页面中。

六、检查新页面存在的死链接并提交死链

因为域名或URL结构的改变,会导致很多死链,有些站长很难发现死链的存在,这时建议借助第三方软件全站爬取所有链接,寻找和收集死链,并将死链放在一个文本文档,上传服务器,并且文件地址添加到站长工具的死链提交中。网站存在大量死链,会影响百度对网站的整体判断。做好上面几步后,几天后,百度开始在搜索结果中陆续释放新页面的排名,但不可能一下子全部替换旧页面,甚至一年后,旧页面仍可能出现在搜索结果页中,但只要网站整体流量恢复到改版之前就不必大惊小怪,另外老域名(旧URL)到新页面的301跳转关系建议一直保留,时间越长越好,尽量不要低于半年。

来源:百度站长平台
 

搭建网站:一篇实例图文带你入门!

默认admin 发表了文章 • 2 个评论 • 483 次浏览 • 2016-11-26 15:09 • 来自相关话题

在此之前大家可以到【建站帮助中心】科普一下基本知识!

前言:这里只是演示一下一般的 虚拟主机 搭建网站流程,不同的程序,不同的虚拟主机,不同的FTP软件,操作都是大同小异,这个需要自己慢慢去接触了解(主机屋安装wordpress)。

可能会涉及到的东西:1、8UFTP ;2、wordpress ;3、虚拟主机一个!(建站问 用主机屋免费空间为大家演示)

建站流程 开始吧!





1、在自己的电脑上下载并安装 8UFTP ,一会儿上传网站程序到虚拟主机会用到。





2、以上是安装成功后,启动8UFTP软件截图。安装过程十分简单,不再赘述。(建议:安装路径更改成非系统盘路径)





3、百度找到主机屋官网,注册一个账号并开通免费主机,这个过程不再演示,非常简单。(开通成功后,初始化一下!)





4、进入控制面板,我们需要一些用于8UFTP连接这个空间的信息。





5、ftp密码需要自己设置,打开FTP软件,将空间信息对应入座,然后点击 8UFTP 软件上刚刚填写信息后面的 连接 按钮,即可成功连接上空间。





6、连接空间成功,意味着我们已经在自己计算机和主机屋的免费空间之间搭建了一个传输数据的通道,接下来我们要做的就是上传 网站程序。尴尬,还没准备,咱们去网上现下一个。





7、百度 wordpress ,找到官网下载一个 wordpress 程序到自己电脑上,备用。





8、下载完成,在本地解压,我们需要上传到空间的是 wordpress文件夹下面的那些文件。









9、打开 8UFTP 在左侧窗口找到要上传的文件,在右侧窗口打开 Web 目录,并删除里面的 index.htm 默认文件。在左侧文件中选中一个,再Ctrl+A全选,右键选择第一个‘上传’,程序上传算是完工了。





10、是不是上传了程序到空间,我们的网站就搭建好了呢?我们现在访问一下主机屋为我们免费提供的三级域名。第一次访问那个域名可能会叫你输入ftp密码(就是你之前自己设置的那个密码)。

我们会进入一个程序安装页面,会提示你需要准备一些数据库的信息,因为我们使用的wordpress程序,它默认使用mysql数据库,因此我们要在主机屋找到这些信息!





11、点击“MySql数据库”,再初始化一下,然后设置数据库密码。





12、在填写时,只需要把主机屋“MySql数据库”界面上的“数据库账号”记下来,还有就是你自己设置的“数据库密码”。然后填入程序安装界面的相应位置。(提示:主机屋提供的“数据库名”和“用户名”是相同的!)可以参考一下上方截图,数据库主机和表前缀默认即可。

再点击“提交”按钮。进入新界面再点击“进行安装”按钮。





13、这些信息填写我就不再赘述了,比较个性的东西,自己懂就好了。点击“安装WordPress”。然后会显示WordPress安装完成。谢谢!





14、这是网站的首页,无论在何地,只要有网,就能通过域名(主机屋免费为您提供了一个三级域名,仅供测试!)进行访问,网站内的一些设置之类的就属于题外话了,这里就不说了,其次就是如何绑定一个自己喜欢的域名呢?这个问题如果有必要后续建站问会出一些教程。

比如说 建站问的域名: jianzhanwen.com 为什么就能这么有个性呢?

关于域名的文章:注册网站域名

至此,网站程序就安装完成了,感谢大家能够耐心看完这篇文字图片教程。本来不想说太多细节的,但是针对新手的话,很多也不是很了解,所以有些地方还是略微讲一下,如果在操作过程中仍然遇到了问题,可以在下方回复,我们会针对您的问题耐心解答,或者加 建站问的QQ群 寻找答案,也可以。 查看全部
在此之前大家可以到【建站帮助中心】科普一下基本知识!

前言:这里只是演示一下一般的 虚拟主机 搭建网站流程,不同的程序,不同的虚拟主机,不同的FTP软件,操作都是大同小异,这个需要自己慢慢去接触了解(主机屋安装wordpress)。

可能会涉及到的东西:1、8UFTP ;2、wordpress ;3、虚拟主机一个!(建站问 用主机屋免费空间为大家演示)

建站流程 开始吧!

xz8uftp.png

1、在自己的电脑上下载并安装 8UFTP ,一会儿上传网站程序到虚拟主机会用到。

8UFTP.png

2、以上是安装成功后,启动8UFTP软件截图。安装过程十分简单,不再赘述。(建议:安装路径更改成非系统盘路径)

zhujiwubd.png

3、百度找到主机屋官网,注册一个账号并开通免费主机,这个过程不再演示,非常简单。(开通成功后,初始化一下!)

zhujiwu1.png

4、进入控制面板,我们需要一些用于8UFTP连接这个空间的信息。

ftpxx.png

5、ftp密码需要自己设置,打开FTP软件,将空间信息对应入座,然后点击 8UFTP 软件上刚刚填写信息后面的 连接 按钮,即可成功连接上空间。

sccxzb.png

6、连接空间成功,意味着我们已经在自己计算机和主机屋的免费空间之间搭建了一个传输数据的通道,接下来我们要做的就是上传 网站程序。尴尬,还没准备,咱们去网上现下一个。

wordpressxz.png

7、百度 wordpress ,找到官网下载一个 wordpress 程序到自己电脑上,备用。

jyzbsc.png

8、下载完成,在本地解压,我们需要上传到空间的是 wordpress文件夹下面的那些文件。

zbscl.png

success1.png

9、打开 8UFTP 在左侧窗口找到要上传的文件,在右侧窗口打开 Web 目录,并删除里面的 index.htm 默认文件。在左侧文件中选中一个,再Ctrl+A全选,右键选择第一个‘上传’,程序上传算是完工了。

fangwenyuming.png

10、是不是上传了程序到空间,我们的网站就搭建好了呢?我们现在访问一下主机屋为我们免费提供的三级域名。第一次访问那个域名可能会叫你输入ftp密码(就是你之前自己设置的那个密码)。

我们会进入一个程序安装页面,会提示你需要准备一些数据库的信息,因为我们使用的wordpress程序,它默认使用mysql数据库,因此我们要在主机屋找到这些信息!

shujuk.png

11、点击“MySql数据库”,再初始化一下,然后设置数据库密码。

sjkxx.png

12、在填写时,只需要把主机屋“MySql数据库”界面上的“数据库账号”记下来,还有就是你自己设置的“数据库密码”。然后填入程序安装界面的相应位置。(提示:主机屋提供的“数据库名”和“用户名”是相同的!)可以参考一下上方截图,数据库主机和表前缀默认即可。

再点击“提交”按钮。进入新界面再点击“进行安装”按钮。

zykl.png

13、这些信息填写我就不再赘述了,比较个性的东西,自己懂就好了。点击“安装WordPress”。然后会显示WordPress安装完成。谢谢!

site.png

14、这是网站的首页,无论在何地,只要有网,就能通过域名(主机屋免费为您提供了一个三级域名,仅供测试!)进行访问,网站内的一些设置之类的就属于题外话了,这里就不说了,其次就是如何绑定一个自己喜欢的域名呢?这个问题如果有必要后续建站问会出一些教程。

比如说 建站问的域名: jianzhanwen.com 为什么就能这么有个性呢?

关于域名的文章:注册网站域名

至此,网站程序就安装完成了,感谢大家能够耐心看完这篇文字图片教程。本来不想说太多细节的,但是针对新手的话,很多也不是很了解,所以有些地方还是略微讲一下,如果在操作过程中仍然遇到了问题,可以在下方回复,我们会针对您的问题耐心解答,或者加 建站问的QQ群 寻找答案,也可以。

最新老薛主机优惠码/促销码分享!

活动admin 发表了文章 • 1 个评论 • 530 次浏览 • 2016-11-17 14:20 • 来自相关话题

老薛主机 :是否厌倦了与主机商无休止的争吵,是否厌倦了随时且没有期限的宕机,是否厌倦了缓慢的访问速度。来试试我们的主机,我们年轻富有活力,绝对会让你感受到不一样的主机托管经验~~~优质的服务,我们胜在口碑!!!

老薛主机官网 传送门:点击进入>>

传送门:https://my.laoxuehost.net/aff.php?aff=5108

1、首次购买老薛主机时,在购买界面输入优惠码( zhekou75 ),能够享受 75折 优惠!

2、在购买老薛主机任意一款产品时,输入优惠码( zhekou85 ),能够享受终身 85折 购机优惠!

说明:所有虚拟主机方案提供 14天 全额退款服务,由于VPS特殊性,老薛主机仅对购买的第一个VPS,提供 3天 全额退款服务。(官方也有提供优惠码(85折/9折),相对而言,我们的优惠码,优惠力度更大。)

马上进入 选购您心仪的主机! 

---------------

老薛主机优惠码使用方法:

在付款页面下方输入相应优惠码(zhekou75 或者 zhekou85),再点击 验证>> , 验证后那个位置会有文字说明优惠力度,再付款即可享受优惠!






相关推荐:

1、老薛主机终身7折优惠码!携手建站问
  查看全部
老薛主机 :是否厌倦了与主机商无休止的争吵,是否厌倦了随时且没有期限的宕机,是否厌倦了缓慢的访问速度。来试试我们的主机,我们年轻富有活力,绝对会让你感受到不一样的主机托管经验~~~优质的服务,我们胜在口碑!!!

老薛主机官网 传送门:点击进入>>

传送门https://my.laoxuehost.net/aff.php?aff=5108

1、首次购买老薛主机时,在购买界面输入优惠码( zhekou75 ),能够享受 75折 优惠!

2、在购买老薛主机任意一款产品时,输入优惠码( zhekou85 ),能够享受终身 85折 购机优惠!

说明:所有虚拟主机方案提供 14天 全额退款服务,由于VPS特殊性,老薛主机仅对购买的第一个VPS,提供 3天 全额退款服务。(官方也有提供优惠码(85折/9折),相对而言,我们的优惠码,优惠力度更大。)

马上进入 选购您心仪的主机! 

---------------

老薛主机优惠码使用方法:

在付款页面下方输入相应优惠码(zhekou75 或者 zhekou85),再点击 验证>> , 验证后那个位置会有文字说明优惠力度,再付款即可享受优惠!

04023333.jpg


相关推荐:

1、老薛主机终身7折优惠码!携手建站问