free sea http://www.tofreesea.com 插画 创意 生活 Fri, 04 May 2012 07:05:50 +0000 http://wordpress.org/?v=2.8 en hourly 1 是否需要美女照片吸引眼球？ http://www.tofreesea.com/2012/05/%e6%98%af%e5%90%a6%e9%9c%80%e8%a6%81%e7%be%8e%e5%a5%b3%e7%85%a7%e7%89%87%e5%90%b8%e5%bc%95%e7%9c%bc%e7%90%83%ef%bc%9f/ http://www.tofreesea.com/2012/05/%e6%98%af%e5%90%a6%e9%9c%80%e8%a6%81%e7%be%8e%e5%a5%b3%e7%85%a7%e7%89%87%e5%90%b8%e5%bc%95%e7%9c%bc%e7%90%83%ef%bc%9f/#comments Fri, 04 May 2012 07:05:50 +0000 freesea http://www.tofreesea.com/?p=1539 公司做过EDM投放，目的是邀请用户注册，设计了两个方案，一个方案以slogan为主，直接进入主题——如果注册将获得哪些优惠，第二个方案以美女照片吸引眼球，美女比优惠内容更加醒目；做了A/B测试，跟大家臆想的结果相反，两个方案的转化注册人数比较接近，而且优惠内容比较明显的方案比美女照片方案更胜一筹。所以看来美女照片也得看场合使用。吸引眼球并不能保证转化率比较高。

No related posts.

]]> http://www.tofreesea.com/2012/05/%e6%98%af%e5%90%a6%e9%9c%80%e8%a6%81%e7%be%8e%e5%a5%b3%e7%85%a7%e7%89%87%e5%90%b8%e5%bc%95%e7%9c%bc%e7%90%83%ef%bc%9f/feed/ 0 网页和搜狐头部导航设计比较 http://www.tofreesea.com/2012/03/%e7%bd%91%e9%a1%b5%e5%92%8c%e6%90%9c%e7%8b%90%e5%a4%b4%e9%83%a8%e5%af%bc%e8%88%aa%e8%ae%be%e8%ae%a1%e6%af%94%e8%be%83/ http://www.tofreesea.com/2012/03/%e7%bd%91%e9%a1%b5%e5%92%8c%e6%90%9c%e7%8b%90%e5%a4%b4%e9%83%a8%e5%af%bc%e8%88%aa%e8%ae%be%e8%ae%a1%e6%af%94%e8%be%83/#comments Mon, 12 Mar 2012 05:54:48 +0000 freesea http://www.tofreesea.com/?p=1532 网页和搜狐头部导航设计，一眼就可以看出网易的导航设计比较整洁清晰，便于找到目标信息导航；

网易-首页导航-1
搜狐导航-1

No related posts.

]]> http://www.tofreesea.com/2012/03/%e7%bd%91%e9%a1%b5%e5%92%8c%e6%90%9c%e7%8b%90%e5%a4%b4%e9%83%a8%e5%af%bc%e8%88%aa%e8%ae%be%e8%ae%a1%e6%af%94%e8%be%83/feed/ 0 如何通过数据分析改进用户体验？ http://www.tofreesea.com/2012/02/%e5%a6%82%e4%bd%95%e9%80%9a%e8%bf%87%e6%95%b0%e6%8d%ae%e5%88%86%e6%9e%90%e6%94%b9%e8%bf%9b%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%ef%bc%9f/ http://www.tofreesea.com/2012/02/%e5%a6%82%e4%bd%95%e9%80%9a%e8%bf%87%e6%95%b0%e6%8d%ae%e5%88%86%e6%9e%90%e6%94%b9%e8%bf%9b%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%ef%bc%9f/#comments Thu, 01 Mar 2012 02:39:09 +0000 freesea http://www.tofreesea.com/?p=1524 先说明两个概念跳出率和退出率

跳出率=该页退出页面的访问数/进入该页的访问数；

退出率=浏览单页即退出次数/访问次数；

差别在于，退出率分子中的退出页面可以不是着陆页（访问网站多页后再来到这个页面），分母是该页的综合浏览量（pv）;

跳出率的分子中的单页是指着陆页，分母的访问次数也是指着陆页；

我们可以用退出率来衡量特定页的页面内容质量或者网站操作步骤；

这样的话，我们改版了某网站，想查看改动对网站是否真的有改进，甚至改进了多少，就有了一个量化的标准，即特定页面的跳出率的减少。


退出率和跳出率说明什么

跳出率

跳出率只能衡量该页作为用户的landing page的页面质量，不能衡量其他。

一般来说，如果你做的是从其他媒体引入的流量，说明你的媒体渠道选择失误，搜索引擎付费关键字定位不准、客户群定位不准确，还是landing page的call to action可能不够吸引人。

当然对于不同页面和不同类型的网站的跳出率需要区别对待，很多网站的性质决定用户甚至只要浏览首页，需求就可能得到满足。比如wordpress的博客，可能一些老访问者，访问博客只是看有没有更新，没有更新，跳出很正常。这种情况如果简单的说网站质量很差是值得商権的，这个时候建议细分群体和细分页面去看跳出率，并且关注页面停留时间。

退出率

退出率高也要分情况讨论并不能一概而论，如果你已经规划好你网站的用户访问流程，但是你发现你网站的某个退出页面成为去其他某个很重要的页面的阻碍，那么你应该关心的你的这个退出页面的内容了。

退出率不能用来分析网站所有的页面，只能用来分析特定流程中的某些页面能不能满足用户的需求（交互）的问题。一般认为退出率高需求没有得到满足，但在特定页面不能用退出率衡量用户需求问题。

如果客户需要得到满足直退出，退出率高是很正常的，如电子商务网站的支付成功页面，其他网站的客户服务（eg：联系我们，关于我们）此类页面，退出率一般肯定很高。用户结算支付完需求得到满足，用户知道联系方式需求得到满足。这个时候需要借助其他分析了，例如电子商务可以用转化漏斗分析。但是在同样的类似流程中，注册页面、支付页面和填写收货地址页面却又是可以用退出率来衡量页面质量的（这样的页面一般是有固定步骤的），如果退出率高，那么反映你的注册流程页面、支付流程页面和物流流程页面存在问题了，比如不支持货到付款，需要填写项过多，界面不友好等等。

退出率还反映在页面内容的吸引性，call to action能不能激励用户。另外从网站技术角度来说，页面太大不能被完全加载，页面没有返回任何其他页面的链接入口，也是造成退出率过高的问题。

三、面对跳出和退出，我们如何优化？

跳出率可以用在外部流量渠道分析和付费关键字广告的分析上面，对于那些跳出率过高的渠道，一方面我们要分析，是不是渠道客户群和网站定义客户群有偏差，另外一方面是鉴别虚假流量上，大部分的虚假流量的跳出率一般都是很高的。

退出率更多被运用在页面内容，页面用户需求分析上面，对于什么样子的页面是满足需求的，可以采取A/B Test和多变量分析。你可以首先分析你关键页面的退出率，比如支付，注册等你认为对于你网站完成转化很重要的页面的退出率还有高参与度【页面参与度=（总目标价值+电子商务收入）/ uv）】页面。


部分内容摘自网址：http://www.dabaoku.com/jiaocheng/tuiguang/jingyan/201106139438.shtml

No related posts.

]]> http://www.tofreesea.com/2012/02/%e5%a6%82%e4%bd%95%e9%80%9a%e8%bf%87%e6%95%b0%e6%8d%ae%e5%88%86%e6%9e%90%e6%94%b9%e8%bf%9b%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%ef%bc%9f/feed/ 0 MartyCagan谈产品系列 http://www.tofreesea.com/2012/02/martycagan%e8%b0%88%e4%ba%a7%e5%93%81%e7%b3%bb%e5%88%97/ http://www.tofreesea.com/2012/02/martycagan%e8%b0%88%e4%ba%a7%e5%93%81%e7%b3%bb%e5%88%97/#comments Thu, 16 Feb 2012 02:57:12 +0000 freesea http://www.tofreesea.com/?p=1520 MartyCagan视频访谈，谈产品系列，是打造用户喜欢的产品这本书阅读的很好补充，非常值得一看。
http://u.youku.com/user_video/uid_talelin718.html

No related posts.

]]> http://www.tofreesea.com/2012/02/martycagan%e8%b0%88%e4%ba%a7%e5%93%81%e7%b3%bb%e5%88%97/feed/ 0 来自过去的自己的祝福 http://www.tofreesea.com/2012/02/%e6%9d%a5%e8%87%aa%e8%bf%87%e5%8e%bb%e7%9a%84%e8%87%aa%e5%b7%b1%e7%9a%84%e7%a5%9d%e7%a6%8f/ http://www.tofreesea.com/2012/02/%e6%9d%a5%e8%87%aa%e8%bf%87%e5%8e%bb%e7%9a%84%e8%87%aa%e5%b7%b1%e7%9a%84%e7%a5%9d%e7%a6%8f/#comments Wed, 15 Feb 2012 10:14:05 +0000 freesea http://www.tofreesea.com/?p=1516 这封明信片是去年的我发给今年的我，玩了下穿越哈；原因是这样的：去年8月和秋菊夜游乌镇，发现了一家小店“步步莲花”，特别之处在于你可以在指定的某天将明信片寄出，于是我收到了这封来自过去的明信片，哈哈，看到过去的自己写下的祝福，竟然也很感动：）

psb

No related posts.

]]> http://www.tofreesea.com/2012/02/%e6%9d%a5%e8%87%aa%e8%bf%87%e5%8e%bb%e7%9a%84%e8%87%aa%e5%b7%b1%e7%9a%84%e7%a5%9d%e7%a6%8f/feed/ 0 html5 AI(illustration)转canvas aitocanvas http://www.tofreesea.com/2012/02/html5-aiillustration%e8%bd%accanvas-aitocanvas/ http://www.tofreesea.com/2012/02/html5-aiillustration%e8%bd%accanvas-aitocanvas/#comments Wed, 15 Feb 2012 09:42:57 +0000 freesea http://www.tofreesea.com/?p=1513
  • html5
  • wp function 查询
    • ]]>     http://visitmix.com/labs/ai2canvas/index.html

    aitocanvas这个插件很好用，可以将矢量的AI文件转为canvas，为后面图形交互打下基础。

    Related posts:

    1. html5
    2. wp function 查询

    ]]>     http://www.tofreesea.com/2012/02/html5-aiillustration%e8%bd%accanvas-aitocanvas/feed/ 0     UML活动图 http://www.tofreesea.com/2012/01/uml%e6%b4%bb%e5%8a%a8%e5%9b%be/ http://www.tofreesea.com/2012/01/uml%e6%b4%bb%e5%8a%a8%e5%9b%be/#comments Mon, 16 Jan 2012 08:26:42 +0000 freesea http://www.tofreesea.com/?p=1510 活动图有什么作用？

    简单来说，类似于流程图，表明业务流程，差别在于活动图还可以表示并发，以及表示面向对象

    活动图的基本元素：

    起点 （ 实心圆表示）

    终点（实心圆外加一圆形线条）

    动作状态（圆角矩形）

    活动状态（包括一个或更多动作状态）（圆角矩形）

    动作流（实心箭头表示）

    决策节点/合并节点（见图）

    分叉节点/联接节点（见图）

    泳道（根据对象而来的竖形）

    同步条（synchronization）

    对象流（Object Flow）（矩形）

    示意图

    figure12


    No related posts.

    ]]>     http://www.tofreesea.com/2012/01/uml%e6%b4%bb%e5%8a%a8%e5%9b%be/feed/ 0     净推荐值 http://www.tofreesea.com/2012/01/%e5%87%80%e6%8e%a8%e8%8d%90%e5%80%bc/ http://www.tofreesea.com/2012/01/%e5%87%80%e6%8e%a8%e8%8d%90%e5%80%bc/#comments Fri, 13 Jan 2012 08:55:01 +0000 freesea http://www.tofreesea.com/?p=1504 净推荐值的作用是什么？

    净推荐值可以用来做价值测试，价值测试是指衡量一个产品对于用户来说是否有价值，以及有价值的程度；

    净推荐值我是在《启示录-打造用户喜爱的产品》中看到的概念，这个数值可用作衡量一个产品受欢迎的程度。以下内容转载自网络：

    净推荐值（NPS）是评价客户忠诚度。

    确定你的净推荐值是直接了当的：

    · 问您的客户一个问题－“您是否会愿意将“公司名字”推荐给您的朋友或者同事？”

    · 根据愿意推荐的程度让客户在0－10之间来打分

    · 然后你根据得分情况来建立客户忠诚度的3个范畴：

    o 推荐者（得分在9－10之间）：是具有狂热忠诚度的人，他们会继续购买并引见给其他人。

    o 被动者（得分在7－8之间）：总体满意但并不狂热，将会考虑其他竞争对手的产品。

    o 批评者（得分在0－6之间）：使用并不满意或者对你的公司没有忠诚度。

    · NPS值是等于推荐者所占的百分比减去批评者所占的百分比。

    NPS计算公式的逻辑是推荐者会继续购买并且推荐给其他人来加速你的成长，而批评者则能破坏你的名声，并让你在负面的口碑中阻止成长。

    NPS的得分值在50％以上被认为是不错的。如果NPS的得分值在70－80％之间则证明你们公司拥有一批高忠诚度的好客户。然后，调查显示大部分公司的NPS值还是在5－10％之间徘徊。

    当你在做客户调研时，不要只是询问NPS的问题。利用至少6个额外的问题来支持您的阐述将会帮助您分析出什么地方需要引起注意以此来提升您的客户满意度和NPS。但也不要过量去问太多的问题－

    我们谁都不喜欢去填写一份没完没了的问卷。

    No related posts.

    ]]>     http://www.tofreesea.com/2012/01/%e5%87%80%e6%8e%a8%e8%8d%90%e5%80%bc/feed/ 0     一天掌握用例图 http://www.tofreesea.com/2012/01/%e4%b8%80%e5%a4%a9%e6%8e%8c%e6%8f%a1%e7%94%a8%e4%be%8b%e5%9b%be/ http://www.tofreesea.com/2012/01/%e4%b8%80%e5%a4%a9%e6%8e%8c%e6%8f%a1%e7%94%a8%e4%be%8b%e5%9b%be/#comments Fri, 13 Jan 2012 07:39:29 +0000 freesea http://www.tofreesea.com/?p=1495 用例图（Use Case）是UML的九个图中较为重要和常用的一种图；需求是用Use Case来表达的，界面是在Use Case的辅助下设计的。

    什么是用例图：

    谁使用你的系统或者应用以及通过这个系统可以做什么；

    用例图有什么作用：

    可以简单的表明系统的功能，主要用于软件开发的需求分析阶段，也可用于系统测试阶段

    用例图的主要构成：

    1系统（system）：界定系统的边界，包含一些用例（矩形）

    2角色/参与者 (actor)：一个与系统交互的用户或外部系统（人形）

    3用例 (use case)：系统做的事情，可以用例嵌套，一个用例包含多个小用例（椭圆）

    4关系：

    关联 (assocation)：角色与用例相连（箭头，指向用例）

    依赖（）：用于用例之间，有两种形式，“包括”和“扩展”(虚线箭头，指向被依赖)

    泛化(generalization)：子用例对父用例的继承（三角箭头从子用例指向父用例）

    5注释 (note)：对用例的不同部分加以说明，可添加至任何地方

    举例：

    用例图示意

    No related posts.

    ]]>     http://www.tofreesea.com/2012/01/%e4%b8%80%e5%a4%a9%e6%8e%8c%e6%8f%a1%e7%94%a8%e4%be%8b%e5%9b%be/feed/ 0     怎样让图片中的文字（小字）不模糊？ http://www.tofreesea.com/2011/12/%e6%80%8e%e6%a0%b7%e8%ae%a9%e5%9b%be%e7%89%87%e4%b8%ad%e7%9a%84%e6%96%87%e5%ad%97%ef%bc%88%e5%b0%8f%e5%ad%97%ef%bc%89%e4%b8%8d%e6%a8%a1%e7%b3%8a%ef%bc%9f/ http://www.tofreesea.com/2011/12/%e6%80%8e%e6%a0%b7%e8%ae%a9%e5%9b%be%e7%89%87%e4%b8%ad%e7%9a%84%e6%96%87%e5%ad%97%ef%bc%88%e5%b0%8f%e5%ad%97%ef%bc%89%e4%b8%8d%e6%a8%a1%e7%b3%8a%ef%bc%9f/#comments Tue, 27 Dec 2011 10:26:11 +0000 freesea http://www.tofreesea.com/?p=1479 下面两张都是图片，左侧是ps里写出来的，12号字，看起来总有些模糊，而右侧的四个字比较清晰，目前我知道的工具只有fireworks，字体属性中，选择锐化字体，目前AI和Ps导出较小的网页字体时，都达不到fireworks的清晰效果
    text-1text-2

    No related posts.

    ]]>     http://www.tofreesea.com/2011/12/%e6%80%8e%e6%a0%b7%e8%ae%a9%e5%9b%be%e7%89%87%e4%b8%ad%e7%9a%84%e6%96%87%e5%ad%97%ef%bc%88%e5%b0%8f%e5%ad%97%ef%bc%89%e4%b8%8d%e6%a8%a1%e7%b3%8a%ef%bc%9f/feed/ 0