从数据中了解用户——数据在现有产品改版设计中的应用

从数据中了解用户——数据在现有产品改版设计中的应用:

引子

通常情况下，我们可以通过用户访谈的方法了解用户需求，其实设计师还可以通过分析用户问卷调查数据以及网站页面数据等方式，了解用户需求以及用户在使用产品时遇到的问题。

而且，直接通过接触用户了解到的需求有可能只是个案，为了增强客观性，通常都会通过大样本调查，从数据实证的角度，进一步更准确和客观地找到用户的普遍需求。

此外，通过对数据分析结果与用户访谈所得到的定性分析结论，进行比较和综合分析，设计师也能够从不同的角度了解用户的真实需求。

从用研的角度来看，交互设计包括新产品设计以及已有产品的改版设计两大类业务，笔者将分两次分别叙述在这两大类业务中，可以如何利用数据了解用户需求。本文重点讨论数据在现有产品改版设计中的应用。

因考虑到商业信息保密，本文案例采用了2011年的项目，互联网产品迭代频繁，文中提到的产品页面截至目前已经有多次改版，大家只需要了解整个文章的思路即可。
实际案例
商家服务平台上线后，平稳发展了一段时期，但随着平台各种信息的激增，用户开始抱怨原页面无法快速查找到适合自己的内容。这时候就要求交互设计师对页面进行设计重构，帮助用户更便捷地找到真正所需的信息和服务。
在改版设计中，研究者结合了多个来源的数据进行研究，提供给设计师更加全面的数据结果，包括页面数据、页面反馈问卷调研数据、EDM问卷调研数据等数据的分析结果。

1.通过监测页面获得数据
其实与交互设计更相关的是页面各模块的点击数，通过对这些数据的分析，设计师既能够看到各模块被关注的程度，也能够计算出页面的点击热图，进而考察各模块的转化率。
与眼动实验的热图考察用户短期的重点注视区域不同，点击热图考察的则是用户长期累积的重点应用区域，从另一方面看，也衡量了交互设计是否与产品的规划初衷相一致，能够让重要的内容被顺畅地发现并有效点击。
本案例中，商家服务平台上线后，就做了页面埋点，方便长期监控页面数据，如PV、UV、点击数等。

2.页面数据如何分析？
分析页面数据的方法看似简单，但若要分析得透彻，并非易事。首先，如果想要做到精确，就要对后台数据做清洗、整理，考察极端值、无法解释的数据具体是什么原因造成的。当然很多时候为了节省时间，也直接应用后台数据，近似地看成真实情况的反映。此外，有了干净的数据，还可以从基础数据衍生出各种指标，评估和指导交互设计。
对于后台数据，通常有四类分析方法：聚合度量、基于操作的统计、基于用户的统计、路径分析。
——聚合度量
后台行为数据的优势在于大量用户使用情况的聚合，可考察的指标有：

• 一段时间内的页面浏览量。
• 特定时间内页面浏览的分布情况。
• 整个网站的页面浏览分布情况。

这些都是原始数据的度量，不能只看数字，要分析产生数据的原因。
其他聚合度量指标还包括：

• 操作系统和浏览器的比例。
• 客户端类型。
• 新用户/重复用户。

——基于操作的统计
最有用的指标可能是操作信息相关的指标，这些指标能发现出更丰富的用户行为，而不是简单地统计大量数字。
一些最有用的指标如下：

• 每次操作的平均访问页面数量。
• 平均操作的持续时长。
• 访问的第一页和最后一页。

——基于用户的统计
通过cookie或登录信息判断出的用户背景信息，能进一步聚合单个用户的行为信息，汇总不同用户的行为信息，统计出一些指标，对理解用户会起到非常重要的作用。这些指标包括：

• 访问次数。
• 访问频率。
• 网站总停留时间。
• 保留率。
• 转换率。

——路径分析
除了一般指标之外，还有其他度量方法能了解用户体验。当然，和所有间接用户研究一样，这些方法都不能揭示用户“为什么”以某种方式发生的行为，但这些方法肯定可以帮助研究员缩小用户如何使用的可能性。
这些综合方法中，最有用的方法是路径分析。路径分析是指分析用户在网站上如何浏览，从而发现他们浏览的共同方式。路径分析可以产生如下结果：

• 一般浏览路径。
•  “下一步”页面。

对于电子商务网站还能有更专业的结果，如：

• 购买路径
• 购物车使用路径

本案例中，由于项目周期有限，研究者并没有深入分析商家服务平台的页面数据，只是简单计算对比了重点模块的点击数（略），以此来评估交互设计的效果。从数据上看，导航中店铺装修、店铺推广的点击数明显高于其他模块，但与预期存在差距，而且结合问卷反馈，部分卖家反映导航的分类名称和其中包含的内容难以理解，并且比较杂乱，因此需要对导航方式、分类方法等做改进。

3.页面反馈问卷和正式问卷调研
反馈问卷是一种非正式的网络问卷调研，研究的内容一般比较集中，篇幅较小，可以随产品的发展及时调整，便于快速发现问题、解决问题。反馈问卷的选择题结果一般不具有推广性，仅作为快速了解产品现状的参考，因为有反馈意愿的用户大都是遇到问题的用户，不能代表整个用户群体；一份反馈问卷最重要的是开放题的内容，因为这些用户的声音，能够帮助交互设计师在有限的条件下，最大限度地接触用户，倾听用户，进而理解用户。
反馈问卷通常会挂在产品相对明显的页面位置、或在页面任务完成的位置、或采用浮动条的方式等，若产品的用户是相对细分的人群，且问卷的位置比较明显，收集到的样本会更多，数据的普遍性会更好，问卷的研究结果也就会更有参考价值。
不过需要注意的是，在阅读用户意见时，需要记住以下几件事情：

• 从用户的角度阅读。
• 关注事实。
• 不急于下结论。
• 不要把常见问题清单当成必改清单。
• 不要完全相信反馈意见。

 出于分析考虑，研究者可以问问自己以下四个问题，从而更好的跟踪用户体验。

• 用户是谁？
• 他们想做什么？
• 他们如何处理问题？
• 他们碰到了什么问题？

本案例中，商家服务平台在改版阶段，事先设置反馈问卷的目的就是为了收集用户对目前产品的使用痛点和改进需求，以致于更有针对性地改版。问卷设计好后，问卷链接采用右侧浮动条的方式展现在商家服务平台页面。
反馈问卷挂出一个月后，研究员对其中的开放题进行了总结，整理分析报告节选如下：

由于业务调整，商家服务平台改版后，会突出第三方的服务，调研的研究目的一方面需要了解卖家对第三方服务的态度和行为，另一方面需要了解卖家选择服务时，对页面布局的偏好、选择心理和行为习惯，从而指导页面改版。
考虑到项目执行周期的问题，采用了正式问卷调研的方式研究导航的布局方式、服务的分类等，其实研究这类问题，可以采用定性研究方法，如A/B test、参与式设计、卡片分类等，但为了节约研究成本，尝试用问卷的方式解决关键问题。作为案例，只是一种抛砖引玉的介绍，以此来说明，改版中也可以应用调研的方式，利用数据指导交互设计。

我们可以来看看问卷的重点部分：

特别说明：此题采用了类比的方法，设置了另外一种类似的使用场景，来考察用户的使用偏好。


特别说明：网络调研问卷能够设置选项随机，这在一定程度上避免了由于选项固定排序导致的选择。

最终分析数据时，发现卖家对排版布局的倾向性比较明显，接近半数用户最喜欢A样式。
卖家更倾向从功能的角度对服务进行分类，如下图：

图中相同颜色的点，代表更倾向是同一个分类；根据每一类服务所包含的具体服务内容，进行了命名；并且，分类名称前的编号，代表此类总体提及高低的排序。除装修外，其他分类排序差别不大。另外，信息排名靠前跟样本来源有关。

4.数据指导设计
——优化首页导航布局，更贴近卖家经营店铺中的需求

上文问卷调研中的数据显示，卖家更倾向用功能对服务和工具进行划分，因此新首页按照功能进行布局，将原首页上的工具或服务，根据调研数据显示的卖家分类偏好，归类到各个类目。
功能类目放置在页面的第一屏左侧，而且各类功能的命名、排序都参考了调研结果；同时，每一种功能内的展示，服务和工具尽量分开显示，也应用了调研数据。
——首页新增卖家工具订购排行榜和最新服务模块，新增卖家资讯、卖家经验和成功案例模块
通过分析产品反馈问卷可知，卖家需要及时掌握目前使用最多和最新上架的服务，作为选择服务的重要参考指标；他们也需要淘宝官方根据经验总结，打包一些服务，直接推送；同时也希望服务平台能够成为经验交流、资讯集合的平台。
调研问卷设计了相应的题目进行考察，数据结果显示这些都是需求旺盛的模块。因此，在改版设计时，均在第一屏呈现出来，更方便卖家选择。
——优化了页尾的服务归类

通过对比能够发现，页尾的店铺管理和营销推广所包含的内容，命名更加清晰、归类更加合理，也体现了数据的作用。

写在最后
对于产品的调研，不论是定量的还是定性的，最终结论只要可靠有效，都会成为指导交互设计师工作的有力依据。一般而言，定性结论用于理解用户和产品、提供设计思路，定量结论则帮助交互设计师明确设计重点和方向。
定量与定性研究方法相结合，能产生有效互补，以便更深入地挖掘用户需求，产出更科学、更有价值的研究结论。
 Copyright © 2012  Taobao UED 渡劫（范欣珩）. All Rights Reserved.

切图小贴士

切图小贴士:

用户手中看到的产品界面，并非设计师呕心沥血创作的效果图，而是一个个单独的切图经由开发同学技术实现。切图作为设计师与开发者之间的桥梁，它的作用很关键，合适的切图、精准的位置可以最大限度的还原效果图的设计，精妙的切图更会有事半功倍的效果哦！



我们经常会做一个俗称“点九”的切图，什么是“点九”呢？“点九”是Android平台处理图片的一种特殊的形式，由于文件的扩展名为：“.9.png”，所以被称为“点九”。“点九”也是由于Android平台多种分辨率需适配的需求下，发展出来的一种独特的技术。它可以将图片横向和纵向随意进行拉伸，而保留像素精细度、渐变质感和圆角的原大小，实现多分辨率下的完美显示效果，同时减少不必要的图片资源，可谓切图利器。
“点九”的制作工具为“draw9patch”，具体制作步骤这里不多讲了，插播小贴士第一条：舍弃这个制作工具吧，减少繁琐的步骤，不要再每张图片都拖到工具里画啦！直接用ps＋铅笔就可以画哦。
“点九”的学问当然很大，但Android切图不仅需要清楚“点九”的方法，还有其他各种小技巧。下面为大家分享我在工作中总结的几个关于切图的心得。

(一)站在开发的角度来切图

了解技术实现方式，就像了解一位开发同学，更多的了解，会让工作更加顺畅。

如为下图按钮做“点九”图，一部分同学可能会这样做：


这是一张高度不变左右拉伸的“点九”图片，内容显示区域为整个按钮范围。按钮效果图上看，文字是垂直居中显示的，开发同学拿到这张“点九”图片，就会在代码里写上center的属性，此属性就是设定让文字在按钮的垂直居中位置。说到这，有没有察觉出问题呢？先让我们看一下实现出来的效果怎么样。


拥有像素眼的设计师们，立刻会察觉文字偏下了。然后找开发同学调整文字的位置，“把文字向上n个像素吧，没有居中”等等，这是很经常发生的对话，开发同学会增加代码微调文字的位置以达到效果图效果。事情圆满解决了吗？不然。其实是我们错了。
当我们了解开发同学实现方法后，我们可以试试用逆推法验证这张“点九”图片是否还有进一步精确的可能。


如上图，设计效果图中红色区域是文字排版区域，是理想化的位置，1和2的高度是相等的；而实现效果图中3和4的高度是相等的。问题出现了！在我们画点九的时候，把投影的高度也画进去了，所以视觉上文字就偏下了。
我们通常的画法应该是：

1. 在高度不拉伸的情况下，在空白区域点一像素的点。

这是与开发同学之间约定俗成的习惯，凭着默契就知道此按钮高度不进行拉伸，而且就是被拉伸了，拉伸的是空白区域，视觉上也不会造成影响。
对比如图所示：

2. 内容显示区域的高度要避开投影区域，这样可以保证文字视觉的居中。

“点九”图片的内容显示区域，我喜欢称为内容排版区域。在切图的过程中，还会发现不同的情景，要时刻想着你要的结果，通过对此区域的仔细处理，可以更好的为图片上所承载的内容做排版。这样开发同学只要通过一些简单的属性设定，就可以实现效果图上精确的布局。同时减少不必要的开发，精简代码，提高产品的性能，积少成多，带给用户更好的体验感受。

(二)选择更优的切图方式

当我们遇到异形或较为复杂的切图时，往往需要抛开固有的思维程式，去找到更适合的切图方式。举例如为下图浮层切图的时候，我们还可以用我们的利器“点九”么？


首先分析一下此浮层的几个特点：一是半透明渐变有厚度又有投影的效果；二是有三角异形，而且位置不固定。在切图的时候先走了一下小弯路，用固有思维把浮层分成了上下两个部分，下面方形做成“点九”，上面三角形单独一个切图，用拼接的方式去实现。这是符合开发同学的原子拆分设计模式的，把会变化的部分取出并封装起来，让其他部分不受到影响。所以开发同学很快做好了实现，但效果不尽人意。我们其实可以预想得到，因为有投影效果上下拼接一定有重叠，这样拼接处就会有一条明显的线。
那怎么办呢？经过设计师的进一步思考，终于找到了一种更适合的切图方式：


左右分割成两个“点九”图片，这样即能保证连接处的效果，又能灵活三角指向的位置。思考好如何切图的同时也要跟技术同学沟通能否实现，衡量实现的成本。最后值得高兴的是，实现出来的效果­跟设计效果图没有任何出入。

(三)尽可能的减小资源的大小

切图的时候尽可能减小资源的大小，为产品安装包瘦身。

1.“点九”图片拉伸1个像素与拉伸10个像素效果上是没有区别的，所以尽量缩小图片的尺寸。

(在上面的例子当中，为了保持看得清楚，没有缩小到最小情况，在实际工作中可以稍加注意。)

2.当我们遇到有纹理的背景或有纹理的按钮时，切图原则为：找到纹理的规律，用最小的切图去平铺，可以想象中图案叠加的原理。

第一种纹理背景，如输入法多媒体中随写输入的界面，不同的信纸，我们就用了尽可能最小的切图去平铺而实现的。如下图：


这是我们输入法中信纸的切图，遵循用最小切图的原则，按照不同纹理的规律调整到最小的切图，所以可以看出不同纹理的切图尺寸是不一样的。
第二种有纹理的按钮，我们一般会这样处理：


我们的目标是把按钮分成三段，保留左右圆角部分，找到中间纹理可复用平铺的部分，同事确保中间纹理可以与左右两张图无缝连接，这样按钮的长度就变成可控的了，可以适用于不同的场景。
首先找到纹理的规律，这里的斜线纹理只需切宽为3px的图即可；然后用纹理图片去尝试左右圆角部分，连接到圆角部分的纹理就成功咯。遇到其他类型纹理切图时，思路是可以复用的。

3.适当压缩图片质量，在单色或没有过多效果时可存储为png8位或索引模式。

这里就不做举例了。

小结

设计师在提供设计规范后愁苦实现效果不尽如人意的同时，可以尽可能的利用一些切图手段，帮助你的设计达到零差别的呈现，同时也帮助开发同学减少了很多不必要的开发负担，对于产品本身也有提高运行速度等很多不言而喻的好处。让设计师同学与我们亲爱的开发同学成为更贴心更默契的合作伙伴吧！
以上为工作中关于Android切图的一点小经验，如有错误或不足的地方请大家指正，同时欢迎大家分享更多的切图经验与技巧。






转载请注明出自”百度MUX”

翻越GFW-技术总结和指南

        为了迎接斯巴达，GFW进行了大规模的升级，原来经常使用的一些翻墙手段纷纷落马，被清除差不多了，比如OpenVPN、SSH等。向往自由是人类的天性，墙高了一尺，无奈我们也只有练就更高深的内力，才能自如地飞檐走壁。这篇文章是这段时间研究GFW的一些心得，同时在对最近新出现的一些翻墙方法和工具进行研究之后，也给出了怎么翻墙的一些对策和建议。

要想越过GFW，了解它是必要的。WIKI维护的词条“防火长城”是非常好的起点。

• 防火长城（英语：Great Firewall，常用简称：GFW或功夫网，中文也称中国国家防火墙[1]、长城防火墙或万里防火墙）是对中华人民共和国政府在其管辖互联网内部创建的多套网络审查系统（包括相关行政审查系统）的称呼。起步于1998年[2]。其英文名称得自于2002年5月17日Charles R. Smith所写的一篇关于中国网络审查的文章《The Great Firewall of China》[3]，取与Great Wall（长城）相谐的效果，简写为Great Firewall，缩写GFW[4]。随着使用的拓广，中文“墙”和英文“GFW”已被用于动词，“GFWed”及“被墙”均指被防火长城所屏蔽。

        如果你对网络技术缺乏了解，可能会难以理解WIKI对GFW的解释。简单的类比下，你可以把互联网想像成一个交通网络，在这个网络里，比较特殊的是每辆车都有一个GPS装置记录了每次上路的起点和终点。为了让这个交通网络顺畅，能让每辆车都到达想要的目的地，必须要对网络进行一些规则和限制，所以要在每个路口设置红绿灯。在互联网上，把这些红绿灯称为路由器。现在，你可以把GFW看成是在关键路口上设卡的一伙交通警察，它们偷偷的操控红绿灯，主要任务就是阻止你到达一些特定的地方。为此，它们所采取的方法有：

粗暴的阻断。就是直接在路上设卡，检查你的目的地，如果你这辆车要到达的地方在黑名单上，GFW会直接将车扣下。甚至对某些地方会直接封路，谁也不让过。这是比较简单的方法，包括IP地址封锁、IP地址特定端口封锁。早期GFW主要采用的这些技术，比较容易绕过。

• 巧妙的诱骗。在交通网络中，当我们想到达某个目的地时，需要一个路线来规划走哪些路？在哪转弯？就象GPS需要路径规则一个，在互联网上使用DNS、路由和BGP协议来共同完成这个任务。GFW从很早就开始干扰DNS（正式的名称叫DNS投毒污染），在你想访问黑名单上的网站时，GFW就伪装成你的GPS，告诉你一条根本无法到达的路线。早期的DNS干扰是在运营商的DNS服务器直接完成的，方式比较粗暴，可以通过简单的设定一个国外的正确DNS服务器绕过，这也是早期通过修改DNS和Hosts文件翻墙的由来。后期，GFW干扰DNS的方法取得了巨大进步，直接通过DNS协议投毒。想像一下，在你的车向GPS请求路线的时候，GFW直接叫住了给你送路线的邮差，将里面的正确路线替换成了一条永远到不了的绝路。在进步到DNS协议投毒后，修改DNS服务器的方法事实上已经失效了。好在在繁忙的互联网上，各种请求路线的DNS数量巨大，GFW并没有完全过滤，所以作为补充方法，在有些时候修改DNS还是有些用处的。要彻底排除GFW的DNS投毒干扰，还有待DNSSEC协议或是dnscrypt这样的工具的发展。DNSSEC是可以验证DNS查询数据可信的协议，dnscrypt是加密DNS通信的工具，都可以加密DNS查询。可惜的是现在支持DNSSEC和dnscrypt的DNS Server还不多，基本都是些试验性或开源的服务器，速度较慢。而且GFW已经开始对DNSSEC和dnscrypt进行试验性的干扰，所以这一方法还有待发展。
• 关键字阻断。在网络中，就象交通网络中运行数量和运载数量都最多的公共大巴一样，最常使用的就是HTTP协议。如果你以前在查询或是点击某些链接时突然出现了“服务器被重置”这样的错误，很可能你遇到的就是GFW的关键字阻断。就象交通网络中的设卡查车一样，GFW对道路中的所有大巴车（也就是HTTP协议）进行检查，如果里面有长得比较象通缉犯（也就是类似“江”、“youtube”、“刘晓波”这样的关键字）的人，就全部拦截下来。GFW从很早就对HTTP协议进行了关键字阻断，这些年间又经过了不小的发展，比如对google各种服务的定时干扰、增加对email电邮和eD2k电驴协议的审查等等。要知道，GFW的关键字阻断可是高精尖的技术，要从众多的流量里过滤并阻断这些关键字，需要大量的计算资源，GFW为此在骨干网和各省运营商的出口都部署了大量设备。不得不说，就是作为一个纳税人，个人都觉得太心痛了。为了绕过GFW的关键字阻断，广大翻墙者发展了不少有用的方法，常见的比如VPN、SSH等代理，其原理基本就是将大巴车（HTTP协议）伪装成私家车（VPN协议），从而避开GFW的检查和阻断。
• 协议封锁。这么多年来，GFW逐渐为人所熟悉，翻墙的人也越来越多。就象交通网络中伪装的私家车多了，交通警察就会查车一样。使用VPN的人多了之后，GFW近两年开始对VPN进行干扰，很多ISP已经封锁了PPTP VPN，象自由门、无界浏览之类的翻墙软件也被定点清除。由于个人翻墙者使用OpenVPN搭建VPN服务器比较多，最近的18大召开，GFW甚至发展到对OpenVPN进行定点清除，所以如今单独使用VPN翻墙也不是那么可靠了。
• 记录。相比检测、阻断和干扰等，最可怕的可能还是GFW的记录功能。 GFW对连接境外网络的起始时间、源地址、目的地址、端口和服务类型等进行了记录，有很大可能对VPN、SSH、HTTP、HTTPS、POP3、SMTP和IMAP也进行了相应记录。GFW近期发表的很多论文有很多数据融合、聚类和分类的内容，各种神经网络、概率模型、人工智能的应用了不少，至少从论文看，对记录的应用还在理论阶段。一旦在模型和应用方面有突破，这货留下来的记录有可能恢复任意人的浏览记录，简直都有点象“黑客帝国”里的天网了。

         GFW对境外网站的封锁，使得很多人的正常工作和生活被严重干扰，为此人们发展出了形形色色的翻墙技术。下面简单分析一下：

• 修改Hosts。因为对于添加到了Hosts中的主机，就不用再去DNS查询目的地址，所以这是对付DNS投毒的好办法。这一方法的问题是修改比较繁琐，使用上不方便。
• 修改DNS。在不使用其它代理技术的情况下，这个只能避开ISP的DNS干扰，对于GFW的DNS投毒无能为力。但与其它代理技术结合，修改DNS就是必要的了，使你能够查询到真正的目的地址。
• VPN、自由门、无界等其它代理方式。在你的电脑与VPN服务器之间建立一个隧道，从隧道通过VPN服务器再去浏览网络，VPN服务器在墙外时你已经翻过GFW的高墙了。之前这是比较靠谱的翻墙方法，可惜现在GFW已经对VPN特别是用OpenVPN实现的VPN隧道进行了定点清除，连接成功率大幅下降，而且即便连接成功也会被定时切断。市场上还有一些可以翻墙的路由器，其实大多是在底层绑定了VPN，也属于这一类。这些产品的使用简单，缺点就是移动不便，还有就是质量严重信赖供应商，选择靠谱的供应商非常重要。
• Goagent、西厢等HTTP代理方式。在OpenVPN被定点清除之后，HTTP代理方式反而成了比较靠谱的翻墙方式。因为建立隧道使用的是HTTP协议，隐藏在无穷无尽的HTTP浏览流量之中，GFW也很难识别。当然你的Goagent服务器必须可用，GAE已经被GFW定点清除，在GAE搭建的Goagent服务器并不稳定，最好是使用自建的服务器。
• ShadowSocks等Socks代理方式。比HTTP代理更难识别，Socks代理直接使用TCP建立隧道。只要你的ShadowSocks服务器没有被定点清除，这种翻墙方式是最难被发现的，也是最靠谱的。可惜ShadowSocks使用的是Socks代理，不是所有软件都支持，特别是iOS在不越狱时就不支持。

        除了以上所说的翻墙方法，还有一些辅助方法也是非常有用的，比如：

• PAC。PAC并不是用于翻墙，而是为了改善翻墙的体验。使用VPN、Socks等代理翻墙的时候，会感觉访问墙内的网站速度特别慢。这是因为所有流量都通过代理绕回来访问了，当然速度会慢。 设置好之后， PAC可以识别要访问的网站，如果在墙内就直接访问，如果在墙外再通过代理访问。这样显著改善了上网浏览的速度。
• obfsproxy。obfsproxy是著名的TOR项目组开发的开源软件，主要目的是将各种网络通信封装为一种混杂通信。obfsproxy可以混杂Goagent、ShadowSocks等其它代理技术一起使用，对经过这些代理的数据包进行加密，并且混杂一些无用信息，使得GFW难以侦测到有效流量，从而降低被屏蔽的可能性。

        GFW发展至今，已经建立了一套探测、封锁的方法体系， 翻墙的难度越来越高，这样的趋势大概会不断继续下去。不过，需要翻墙的人从不需担心，只要不是真正的物理断网，实际上总是能有方法的。

        翻墙时最关键的一点就是伪装。GFW不是封锁所有境外网站，只需将访问被封锁网站的流量隐藏在访问没有被封锁网站的流量中，就可以自如地翻越GFW，畅游无锁的互联网世界。Goagent、ShadowSocks由于使用私有协议，将翻墙流量隐藏到了几乎无穷无尽的http和tcp流量中，就是这类GFW很难封锁的代理的典型代表。而HTTPS、VPN、SPDY这类标准协议，GFW对流量进行统计学模型匹配，封锁的准确率是相当高的。但这类标准协议有一个好处是因为标准化，客户端的支持特别好，使用也很简便，所以有些时候也是必不可少的。在选择这类代理服务器时就应该选择相对小众的，流量较少的供应商，比较安全。

我目前使用的翻墙方法是：修改DNS+PAC+GAE Goagent，因为使用的是GAE的免费空间，所以是零成本。在我的电脑上，用GoAgentX作为代理客户端，结合SwitchySharp和PAC，几乎感觉不到GFW的存在。在我的手机上，则使用了Goagent iOS。此外，我维护了一个ShadowSocks server作为万一Goagent不能用时的备份，也是使用的国外免费空间。

GFW的封锁是多管齐下的，所以在翻墙时也不要指望能一种方法包打天下，结合使用不同方法，各施其责，就能轻松越过。GFW的封锁也不是一成不变的，所以也不要指望能够一劳永逸。

        为了自由的互联网，翻越GFW的战斗将是一个长期的过程，我们能够也应该在一起努力。

创业公司应该如何为设计工作制定预算

创业公司应该如何为设计工作制定预算:

设计的重要性自不待言，Path第二版就是靠着精良的设计瞬间抓住了不少用户的心。但是对创业公司来说，如何用最少的钱做最多的事才是王道。著名的科技问答类网站Stack Overflow就是通过众包类设计网站99Designs完成自己的logo设计的。Sacha Greif作为一名设计师和创业者，就创业公司如何为设计工作制定预算这一问题给出了自己的建议，详见：

先来看一个大致的分类：

1. 没钱：用免费的框架和UI吧亲
2. 0-100美元：可以试试预制主题和很赞的字体
3. 100-500美元：考虑下众包设计
4. 500-1000美元：众包设计或者雇佣一位自由设计师
5. 1000-10000美元：找一位优秀设计师
6. 10000+美元：专业设计机构

详情请继续往下。
没钱
首先设计这一块其实你是可以不花钱搞定很多事的。类似Bootstrap和Foundation这类网站可以为你提供一个非常不错的初始平台，而且能帮你搞定基本的字体和布局。

设计师之间也经常会共享UI元素作为赠品，有时候你甚至能找到一些已经编码好的UI。当然，由于是赠品，你需要特别注意UI的使用授权。我建议你在将其用于商业活动前先跟创作者联系，虽然我的经验表明设计师通常都非常高兴自己的工作能派上用场。

0-100美元
哪怕你只有不到100美元，设计上的选择也会多出许多。首先你可以考虑Themeforest或者Woothemes这类有着丰富的预制模版资源的网站，通常每个模版的售价也只有约50美元。

不要以为这些网站都只有一些WordPress的主题模版，Themeforest就有许多管理模版，非常适合Web App的皮肤设计工作。
如果你还要一个Logo呢？你不可能以低于100美元的价格弄到一个logo，但是这并不是说你就没其他办法了。如果一个纯文字的logo对你而言OK的话，你完全可以自己设计。Path就是典型的例子，选了一个很赞的字体（Coquette）做成一个不错的Logo。

类似MyFonts类的字体网站有着许多专业字体资源，你可以在上面预览自己设计的logo效果，通常一款字体的售价也差不多是50美元。
如果你想找一个图像logo，那么可以试试GraphicRiver这类有很多可以用作logo的图片资源的网站。虽然这些图片做成的logo你是没有专有权的，但是如果你只是想把这个logo放在登录首页的话，也没关系啦。

100-500美元
如果你还打算再多花点钱，那么可以考虑下类似99Designs的众包设计网站。
虽然作为一个设计师我个人是不喜欢这类投机性工作，也很反感设计工作的商业化，但是不得不承认的是，如果你只有不到500美元，99Design可能是你的最佳选择了。因为在这一预算下，你很难请到一个优秀设计师来帮你。但是有了99Designs，起码你有更多的选择，可以从中挑一个不那么坏的。

如果你不太确定自己想要什么样的效果，通过这类众包设计网站获得的诸多备选方案也是一个不错的资产。你可以从中挑出你最喜欢的类型，然后按照这个模子再去请一个更有经验的设计师来完成最终稿（这招可真狠…)。

当然99Designs也不是唯一的选择，BrandCrowd就可以为你提供许多预制的logo，很多都比99Designs有着更好的品质。顺便提一句，有些通过99Designs找到的设计师会将已有的艺术图片用作自己的作品，可得小心鉴别了。
500-1000美元
这一阶段其实是不太好选的。是该依旧采用众包的方式呢，还是直接雇一名自由设计师呢？
当然还是取决于你到底要搞定什么类型的设计工作：品牌、网页设计或者交互设计都不一样。虽然可以用不到1000美元搞定一个不错的logo，但是如果是要搞定全套的话这点预算就略显吃紧了。所以你可以试试杂糅的解决方式，比如用Bootstrap或者预制模版搞定网站，然后再去做一个定制版的logo。
话虽如此，但我的个人原则是设计上要么做的最好，要么花的最少，绝不容忍中间态。所以如果你预算不太够的话，最好不要过早跳到更高的设计阶段。
1000-10000美元
在这个价位你可以找到一个不错的自由设计师，类似的网站有Folyo。同99Designs众包式设计相比，专门雇佣一名设计师除了可以获得更有质量的产出，通常设计师还会在产品上更替你操心。因为从设计师身上能获得最宝贵的东西之一就是能以全新的视角去观察你的产品和生意，而要达到这一效果通常需要长期性的合作。


10000+美元
如果你已经拿到几轮融资了，而且手上现金充足的话，可以考虑去专业设计机构试试。相比起单个设计师，这些大型机构可以组织更多的人来解决你的问题，也许集合众人的智慧会给出更好的方案。
但是我个人没有多少同这类机构打交道的经验，所以也不好说他们的服务是否抵得上这个价。我只知道大部分我了解的创业公司都会直接去找独立设计师，而不是去找设计机构。
结论
就像上面说的那样，不花钱或者花一点钱也可以完成很多设计任务，如果你的预算稍微宽裕一点的话，也会有很多其他选择。创业公司通常会在中间阶段纠结：众包服务似乎是一个不错的选择，但是切记这条路是有一定风险的，有时候不如省点钱去请一个独立设计师。
via Folyo

除非注明，本站文章均为原创或编译，转载请注明： 文章来自36氪

交互技术：又一次革命的准备期

交互技术：又一次革命的准备期:

iPhone 5 出来的时候，有人说，苹果已经不酷了。
“如其运转，则已过时”(If it works, it’s obsolete —— 马歇尔.麦克卢汉)。说苹果已经不酷了的人们，大多厌恶平淡。
这两年来，在引起剧烈的市场震荡后，通过手指直接触摸屏幕来进行交互的移动设备已不再是让人感到新奇与惊艳的新玩意儿，它们已经被视作是日常的电子消费品。人们已经习惯于多点触控带来的便利。
因此，尽管新一代 iPhone 比前代 4S 还薄了18%，重量低至112克，但因其基于电容屏的多点触控的交互方式，事实上跟 iPhone  第一代相比并没有任何本质的变化，也就没有革命性可言；而随着智能手机、平板等触控设备的巨大成功，人们开始意识到目前技术条件已经成熟，除了使用键盘、鼠标来操作计算机以外，交互方式还有着无尽的可能。

交互的革新，才刚刚进入大爆发的阶段，消费者的胃口却已被苹果之前所创造的奇迹高高吊了起来。大家都对下一个交互革命翘首以盼，厂商稍有懈怠，便被视为不思进取，于是创新花样繁出。
目前看来，交互的创新，主要有两条不同的技术路线。一条是走非穿戴的手势、体感感知方向；另一条是走穿戴式的眼球、手指识别方向。作为辅助的，还有走语音识别的人工智能旁支。
尤为要注意的是，与以往纯粹的实验室玩具不同，上述两条主要路线，现在都有了较为成熟的商业产品。
在非穿戴的体感交互上，最著名的产品莫过于微软公司出品的 XBox360 输入设备 Kinect 。该设备采用光编码技术对一定区域内的景深进行编码，其原理如雷达一般，用激光扫射场景并摄下衍射效果，通过软件计算，得到较为精确的物体形态及运动轨迹。该产品的技术含量及交互体验，给消费者留下了很深刻的印象。
随着 Kinect 的成功，不少创新公司也投身该路线，尝试开发更精确、更实时或更便捷的体感识别设备。
例如， Leap Motion 的手势识别装置 Leap 据说能在 4 立方英尺的工作空间达到 1 / 100 毫米内的检测误差，在精确度上比 Kinect 提高了很多；而初创公司 Flutter 的技术则试图使用最普通的手机、笔记本摄像镜头，通过纯软件算法，来实现对动作的编码及识别，以达到输入的便捷性。
通过摄像进行姿态捕捉的交互，目前还有扫描延迟、精确度无法保证、设备通用性差等缺陷，但这些技术问题已经不是最大的障碍。手势、体感识别的最大优势在于能响应人的自然的形体状态，但问题也在于需要对输入进行定义及规范，因此，该路线产品在普及上的最大问题，可以说是教育市场。
在穿戴式的交互路线上，最吸引人眼球的产品莫过于 Google 公司即将推出的 Google Glass 。
对该款产品而言，吸引眼球甚至是字面意义上的。佩戴这种眼镜的用户需要通过眼球的特定转动来实开机、解锁，关机等关键操作；之后，通过眼镜上的细小屏幕，用户可以获得各种增强现实手段所带来的交互功能。
如果说 Kinect 极大的拓宽了人机交互在输入上的可能的话， Google Glass 则极大的拓展了计算输出的可能。用户可以获得一种随时随地的、浸没式的感受，因此其虽未面世，却已饱受关注。
但是，单就 Google Glass 而言，可能不能称之为可佩戴式交互技术的革命。因捕捉眼球并不能获得良好的输入效果， Google Glass 在本身设计上还是主要靠镜脚的小型触摸片来感应手势的操作，这毫无疑问会影响用户进行相对精确及快捷的输入。
故而，为了完善佩戴式的交互，谷歌公司还有另外的基于手套的输入专利，通过对手势的位移计算，即可得到精确的输入。从专利到产品还有一段不短的距离，事实上，更有别的软件公司也同样看好了可佩戴设备的未来。另一家知名的软件公司 Autodesk 就已开发出了佩戴在手指上的手势识别设备的原型；而微软公司的研究院里也同样有着相关的原型产品。
眼镜加指套，可以说是新一代的视窗加鼠标，更妙的是，它们被直接佩戴在人身上。人在移动中，只需要眼与手的结合，不依赖于对任何特定设备的持握与关注，也不需要身处预设的场景，就能获得信息。这种结合若能成功的实用化，毫无疑问又是革命性的。
而说到革命性，作为非视觉的语音识别技术，或许没有前面二条路线那么光明，但随着知识库的完善。各种语音输入产品的搜索辅助的能力也在迅速提高。
交互技术，或者说面向大众的民用计算机技术的发展，经过了波澜壮阔的三十多年，孕育出无数传奇的人物与企业，创造了巨大的财富。但尽管时光已不算短暂，风口浪尖上的人物也已经换了一代，这个行业却似乎仍在高歌猛进，一直保持着激烈竞争的状态。人们对交互的需求，是否是一个永远无法满足的存在？