首先，了解网站的关键指标，一般用它们来衡量网站的优劣：

访问数：统计网站总访问次数，一个用户可以有多次访问。从起伏的访问数曲线中可以非常直观地看到每天的访问数，更重要的分析曲线的影响因素。曲线变化的规律是周六周日是访问的低谷，更新文章访问数会明显上升。

流量主要来源于四部分，直接流量、引荐流量、广告（RSS为主）和搜索流量。对来源进行细分发现直接访问和Rss占比约46%，对比2010年数据UCDchina的引荐占据流量的30-40%，在博客建立的早期贡献较大。2011年Weibo的传播变得重要，今年会成为博客新访问用户的主要来源，并且weibo中用户评论远比博客频繁。评论量也是评价博客内容的重要标准，频繁互动可以增加读者粘度，最佳方法是能将Weibo的中对博文的评论引入原博客中。

搜索引擎流量占比20%左右比较合理，主要来源于Google和百度。其中约10%的关键词是寻址搜索，如输入博客名词和域名，其他搜索以交互设计、Android、iPhone和尺寸等和移动应用相关的关键词为主，这些数据对于有意愿购买关键词投放广告和SEO的网站有参考价值。

唯一身份访问者：通过浏览器Cookie ID统计得出的真实读者数量，新访问者占61%。

由于博客主题有明显的行业特征，从统计读者的地理位置可以粗略估算出移动互联网从业人员的分布情况，北京占32%，上海14%，深圳9%。

1年内，读者群中Chorme的使用率上升11%，IE使用率下降9%。1年前使用使用移动设备阅读的读者几乎为0,2012年上升至4.3%，其中iPad占38%。

浏览量：统计读者访问每篇和每页的次数。从2年的访问量来看，资料性博文最受欢迎，设计师可能更喜欢没有门槛和通俗易懂的文章。

每次访问页数：每次用户访问网站时会流量网页的数量，这项数据对本博客意义不大。老读者访问首页，浏览最新博文即可离开，新读者才会翻阅旧文章。

从访问页数和浏览量可以组织出用户的操作流，因为评论少，除此之外博客没有它交互操作。

跳出率：用户着陆页面和离开页面相同的比例，对于结构复杂的网站而言，用户没有发生点击行为和页面跳转表示用户对网站不感兴趣，不契合用户需求。

网站停留时间：读者浏览网站的总时间，可以用来判断网站是否受读者喜欢，时间越长表示内容越具有吸引力。比起1年前，博客平均停留时间增加了1分钟，但原因可能是文章数量的增加，而不一定是单篇文章质量的提高。

通过网站停留时间可以发现哪些用户更有价值，由于通过搜索引擎来的用户在网站停留时间平均时间较短，成长为博客忠实读者的可能性较低，加上搜索的关键词非常分散，博客的SEO优化意义不大。从Webppd来的读者停留时间最长，该网站的用户符合博客定位，同时是其他传播途径没有覆盖到的读者群。

数据分析旨在理解用户和帮忙实现网站目标，可以发现用户行为规律，比如用户喜欢什么样的内容和喜欢在什么时间阅读文章。如果是任务型网站，比如支付宝，可以查看用户在每一步的流失率，进而发现网页中哪些因素影响了用户完成支付。目标是帮助用户最快完成支付，很容易发现通过数据分析用户在哪些步骤中耽误了时间。

这些分析方法对于移动应用同样适用，主要取决于产品目标，只是具体的指标不同而已。

1.设计的优劣最终还是需要从用户行为数据中得到反馈。

2.当产品用户达到一定数量级时，可以从用户行为中挖掘需求。

3.设计很多经验来源于用户行为规律，前沿的设计必然要研究用户。

4.“小步快跑”的敏捷开发依赖行为分析，最具说服力。而传统基于人种志和调查问卷等定性定量方法并不一定能和产品设计紧密结合。

先以最常用搜索引擎为例，个人杜撰出一段日志来揣测网页是如何做行为分析：

• 18:23:21 直连搜索引擎首页
• 18:23:25 输入关键词”拥护 日志”，按键盘回车键
• 18:23:29 点击智能纠错“用户 日志”
• 18:23:34 用户点击第二条结果链接
• 18:23:37 用户点击第一条结果链接
• 18:23:59 用户输入关键词“用户 日志 分析”，按键盘回车键
• 18:24:03 用户点击第一条结果链接

从这个过程中可以得出以下结论：

1.用户从开始搜索到找到想要的网页，总计用时42秒，而找到网页的时间可以作为衡量搜索引擎设计的重要指标，目标是缩短用户找到网页的时间。

2.利用拼音和词语关联性的智能纠错对改进用户搜索发挥了作用。

3.搜索“用户 日志”第二条结果内容与用户预期相差较大，3秒变跳出网页，没有形成正常的浏览行为，如果多数用户操作如此，说明第二条结果网页内容较差，应该对其重新排序。第一条结果用户花费了22秒浏览，但内容并不是用户最终想要的。

4.用户修改了关键词重新搜索，第一条结果满足了用户需求。

分析比较简单，但可以从中看到如何利用日志分析，从用户总用时、智能纠错和结果页的点击发现问题。当以时间作为衡量指标时，界面中的各种元素都以此标准为设计依据。比如：

1.什么样的按钮最利于用户点击，需要考量到按钮的大小、位置和形状，按钮的颜色、质感和阴影等视觉元素可能偏向主观因素，但同样对用户操作有影响。

2.通过统计得知用户使用回车键和点击按钮搜索的比例。

3.搜索框有下拉选项的搜索建议。搜索建议可以减少用户输入，有效并且精准的关键词可以减少用户反复搜索。

4.服务器搜索时间的时间、网页加载速度、查全率和排序虽然属于技术衡量指标，但设计师需要知道。

5.搜索关键词的即时搜索省去从首页跳转结果页的时间。

6.从用户输入关键词的统计中可以分析出用户组织关键词的习惯，比如词组，加上限定词和句式等，并对其分类得到总的比例。控制用户反复搜索的次数，比如输入“用户 日志”没有找到想要内容，如验证属于普遍问题的话，说明搜索结果页有问题。

7.通过A/B和多变量测试得知什么样的结果和广告展示形式最佳，比如链接的颜色、长度、字体和字号等。

当找到产品的核心标指标时，设计会变得容易的多，直接可以从用户日志中反馈出设计是否发挥了作用。这种思路同样适用一些移动应用，当列举出所有影响因素并确定因素的权重时，会有种产品架构的感觉。创新也不是凭空设想，每一项设计都是为了改进核心指标。

做一个小实验：iPhone装7屏112个的应用程序，随机调查了10多位同事，让他们选择每屏中第一眼会注意到的图标，最终以下3个胜出：

调研并不科学，只是初步佐证自己的想法，可能是符合以下特征：

1.整体颜色比较明显，甚至是颜色单一的图标。按照视觉的步骤，颜色可能比图形更先一步。

2.用户经常使用的应用程序的图标，对特定的视觉元素有一定的认知度。

3.视角比较特别的图标，大多数应用使用前视角绘制图标。比如WP7上图标都是平面，立体化的图标肯定非常显眼，虽然不符合设计规范。规范不一定完全遵守，最近一直在试图设计规范对个人思维的束缚。

4.极为精致的图标，比如个别游戏图标。

但是在调研时，发现某些问题没有预料到：

1.图标所在屏幕的位置影响选择。切换屏幕时，用户大多先看到屏幕中间的图标。视线的位置对第一眼图标有很大的影响，毕竟人的视角有限。

2.图标上的数字提醒影响选择，科学的调研应该排除这种影响因素。

3.对于第一屏系统本身的图标选择非常的分散。

4.真实做听取用户的选择时会发现不一样的想法，很多交互设计和视觉设计经验都是来源于用户研究。

1.使用和ios完全相反的设计风格，或许能引领设计潮流。从市场的角度看，第一二名通常采用完全相反的策略，设计风格或许也适用，每隔七八年设计风格会有周期性的变化。

2.Metro设计从地铁和机场简洁的指示系统而来，设计在概念期会根据目标群经常接触到市场提取设计元素。对于国内，出入地铁和机场的用户偏高端，普通大众是否能接受Metro还有待观察。

3.平面化的Metro有助于兼容性，Android4.0同样如此。Win8兼容触摸屏，这些界面基本适用于移动设备。

4.在微软概念性产品中都应用到了Metro设计风格。

不管界面视觉风格如何，交互上的操作效率都是评价其设计优劣的重要标准。

首页使用瓦片（tile）显示应用程序列表，可以使用鼠标的滚轮左右滑动屏幕。瓦片有动态的显示效果，按鼠标右键可以像WP7的主界面一样删除和移动瓦片。

但瓦片的排列并不像文档中那么完美，个别粗糙的图标会影响整体界面的视觉效果。

没有搜索的入口，但是敲击字母会显示应用的搜索界面，对于硬件的利用比较巧妙。

通过瓦片打开的功能全部是全屏显示，Win8 浏览器和WP7芒果版一样将地址栏放置在底部，进入网页会隐藏地址栏，右键显示多标签，此时输入字符应该可以直接由地址栏接管，而不是点击地址栏再输入字符。

可以将网页转交给IE浏览器，地址栏和标签栏合成一栏，Chrome也出现相似的概念设计，去掉地址栏，在标签栏上可以直接输入和修改网址。

瓦片的设计元素同样使用在应用程序中，界面显示很好，排版依赖于文字块和高清的图片，鼠标右键显示操作。

但是Metro导航效果一般，键盘的Windows和Esc可以切换界面，可以再Metro和传统桌面之间切换，有时会不知当前所处的层级关系。有些界面可以使用滚轮，有些则不可以。

Win8的滚动条的设计非常的失败，和界面格格不入，特别是主界面底部滚动条横跨整个屏幕。

Metro非常适合显示高质量的内容，没有过多的干扰元素，操作也很高效。界面的美观程度极大地依赖于图片，但用户的内容并不是都这么高质量，界面可能会不堪入眼。

但是系统是以操作为主，对于功能复杂的界面，Win8界面上并不会利用颜色、立体元素和分割线来对功能进行分区，所有操作性的icon都是平等的，并不突出显示某一项。

我对的Metro所谓的高效理解为：当所有应用只能在WP7上实现基本功能时，它的操作效率自然非常地高效，因为你做不了更多的事情！你只能进入下一级、返回上一级，进入下一级……然后迷失方向，不知道该做什么。

要是不适应干脆让用户回到熟悉的WIN7界面吧，设计师是这样想的吗？

希望Win8正式发布时，是一个成熟的操作系统，Metro界面上的应用程序不会像WP7一样简陋。

Kindle Fire是基于Android2.3深度定制，主界面与Android完全不同，但控件交互基本一致。

主界面底部有常用功能，主体动态选择所有功能和内容，也可以根据标签选择，逻辑比起Android原生的主界面更清晰，不会出现迷失路径的情况。主体适合显示书刊的封面，不适合显示应用程序图标。

Kindle Fire还没有内置中文输入，但界面布局比通常Android手机的输入法更为美观，顶部的标点符号能有效较少输入时较少面板切换。

界面整体风格比Android系统本身更为统一，虽然颜色都偏黑，但Kindle Fire的界面质感更强。

通知栏和Android 4.0相似，橙黄色增加了界面的生机，但应用程序的图标同样太小。

测试了下百度的应用程序，显示效果还算不错，适配的话需要调整图片大小和部分显示区域的尺寸。

个别应用已经研发了HD版本，大多Android应用还不支持1024×600分辨率，随着1280×720像素的Google Nexus的发布，原先800×480像素的手机也将沦为中分辨率手机。

原先四个物理按键改用底部触摸屏区域解决，系统的四个按键的应用程序底部的工具栏位置相近，菜单项会完全重复，刚开始可能会操作误操作。

中间的三个按键主要是针对应用程序的操作，Home键位置上和它们保持区分，一定程序上避免了系统按键之间的误操作。

在游戏中系统按键可以掩藏起来，点击底部展开系统按键。

Kindle产品本身以阅读体验为主，支持了多媒体文件，虽然没有了电子墨水屏，但个人更倾向在的kindle Fire阅读，大屏幕的iPad更适合玩游戏和看视频。kindle Fire同时完全支持Android应用和游戏，使用豌豆荚已经能正常安装应用程序。

背部橡胶的材质手感很好，优于iPad金属质感。虽然硬件性能并不突出，系统和程序运行流畅，7寸屏幕199美元性价比还是很高，在Android平板中非常具有竞争力。

第一类.PC端的附属产品，指的是在发布移动应用在PC端已经有成熟的产品，移动应用是为了覆盖用户的零碎的使用时间，产品架构是提炼了PC端的主要功能。

第二类.同样的PC端的附属产品，但是移动应用利用了移动设备自身特性，并可能成为增加用户量的主力产品。

第三类.移动端独有产品，研发这些产品的公司也属于移动互联网公司，但没有利用到设备特性。

第四类.移动端独有产品，利用到设备自身特性，用户对这类的产品的需求有别于PC端产品，可以实现特别的功能。

这些产品不代表未来趋势，但得出的结论是：

1.社交产品在国外表现火热，但是国内还有很大的差距，虽然很多产品可以导入微博和Gmail等关系，但没有利用产品的服务形成自身特有的关系圈。

2.工具类产品占据主要市场，而不是热门的应用市场、IM和浏览器，工具类产品的“缺点”是用户量无法像社交型产品那样爆发式增长。工具产品以传统的阅读产品、多媒体文件处理、信息服务和查询为主。

3.比起具有复杂功能的产品，功能单一的产品更受欢迎。

4.很多产品设计很一般，但下载量很大，能代表现阶段显见的用户需求。

5.Android市场相似，还有大量的应用是针对解决Android手机自身问题，比如电量、文件和系统管理。

本文汇总今年热门产品的界面案例，希望能从中总结出未来一年需要重点关注的设计趋势。

突出主要功能

对于信息架构的不同，主界面也会有很大区分，以某一功能吸引用户，如拍照分享。

专注是从众多相似产品中脱颖而出的产品策略。有数据表明，如果界面某项功能在视觉上最明显，那也将提高用户使用的机率，而从主界面点击超过三次才能操作的功能被使用机率则非常低。

integram在视觉上“share”按钮的样式区分去其他标签，强调分享，而不是拍照功能。

语音交互

设备硬件为取代其他终端产品和实现新颖的功能提供了技术基础，用户与设备之间的交互方式不仅局限受触摸屏，语音和拍摄在2011年的移动应用中发挥了巨大的作用，促成微信和Instagram等热门产品。

Siri被誉为革命性产品，不管其是否夸大其词，它成功将语音交互引入到移动设备中，比起语音命令更为智能。

百度手机浏览器Android率先引入语音搜索，解放双手，提供更为自然的操作方式，但需要交互辅助解决识别率和使用环境嘈杂等问题。

语聊可能是今年最火的功能，音频让用户沟通更为方便，在此基础之上还能衍生出更丰富的语音交互方式，比如语音表情等等。

语音输入是语音识别的基础应用，有望广泛实现在手机的输入法中。

摄像头交互

摄像头的潜力同样让人兴奋，除了拍照和拍视频还有很多料想不到的功能，比如类似于kinect的操作，在屏幕上方移动手掌可以操作手机。

裸眼3D利用前置摄像头探测用户和设备的相对位置，在屏幕上显示立体化的图形，不需要戴眼镜可以看到3D的效果，这项技术可能优先使用在游戏中。

摄像头还可以捕捉眼球的位置移动，取代触摸屏操作，计算出用户的视觉注意力在屏幕哪部分区域，页面可以随着眼球的移动，当眼球的注意力集中在某个图标上2秒钟可以触发点击操作。

Galaxy Nexus的脸部识别功能，利用前置摄像头将成熟技术应用在移动端，视频通话也将在未来几年得到普及。

手势操作

以N9为代表，滑动手势取代Home键，滑动操作将非常频繁地出现在触摸屏操作中，设计中使用滑动手势取代点击有诸多优点，比如避免点击区域导致的误操作问题、操作流畅和隐藏控件等。

N9手机

uc浏览器双指滑动可以新建或者切换界面，有助于提高操作效率。

iPhone版Flipboard向上滑动实现翻页，不过效果过于强烈，视觉上并不连贯。

百度手机浏览器WP7版单指滑动工具栏可以缩放页面，随意控制页面比例。

动效

随着手机性能的提升，系统和应用程序中的动效越来越丰富，其丰富的视觉细节对于交互设计有着诸多的辅助作用，有效保证富交互的实现效果，应用形式有转场、控件交互、操作效果和提供反馈等。

翻页和点击单个元素进入新页面时，专场效果让界面看起来更为流畅。

Path控件的动效成为今年流行设计元素，越来越多的应用为针对ios5增加动效。

侧边栏

当界面结构比较复杂，类似Pad的侧边栏有助于减少界面的层级关系，充分利用显示空间，或者让目录型数据便于操作。

Facebook&Path

全局显示

移动设备的屏幕越来越大，但还是要减少不必要视觉元素干扰用户，特别是对于浏览类产品，更注重扩大主体显示区域。

WP7浏览器将地址栏放置底部，增加显示空间，同时让用户的操作集中在界面底部。

唐茶阅读尽量屏蔽了无关的视觉元素，代表 了最好的中文阅读体验。

百度手机浏览器WP7版单指滑动工具栏可以缩放页面，这也是动效的应用案例之一。

近距离交互

近距离交互是个人杜撰出来的词汇，意指实现近距离的设备与设备之间的交互，移动设备中数据可以像物品一样被随时随地的交换，包括用户的身份信息。

摇手机换名片应用到LBS和重力感应，实现“碰撞”设备交互数据，如通讯录、照片和应用程序等等。

Square可以查找到周围的移动设备，发送支付清单，实现线上支付。

移动设备自带的NFC功能，包含用户各种卡类信息，从而可以取代用户的银行卡、饭卡、公交卡和门卡等等。

（写篇博文不容易，转载请注明出处）

1.在应用程序中无法随时查看所有通知，必须返回主界面点击瓦片。

2.解锁界面的通知过于简单，只显示数量，过于480×800分辨率的屏幕而已，过于浪费显示空间。

3.主界面只使用数字提醒，People的动画效果只是为了让界面看起来更为活泼，没有实际的功能。

4.主界面起到通知系统的效果，但是显示的内容太少，无法取消某条消息。

5.加上像ios/Android一样通知栏会的瓦片和主界面相冲突，功能重复。

希望能在现有操作和界面的基础上满足正常使用的需求：

改进1：解锁界面显示消息的简要内容，解锁界面向上滑进入主界面，主界面向下拉进入解锁界面。People按最新来通知的联系人排序，而不是随机显示。

改进2：解锁界面向上滑动的起始点不同，进入不同的界面。

改进3：向下滑动通知栏，可以显示所有消息，可以不覆盖整个界面，点击消息进入某个程序。在消息上右滑可以取消消息提醒。