google hosts 持续更新地址

2014年10月16日 没有评论

http://www.360kb.com/kb/2_122.html

分类: Google 标签:

Pad类视频应用设计起底

2014年7月3日 没有评论

一、   启动画面一览  

1、启动画面设计的几个要素

     用户对应用的首次印象都来自启动画面,一个好的启动画面可以让应用填色不少,精心设计的启动画面也是一次抓住用户的重要手段。纵观爱奇艺、风行、迅雷的HD版启动画面都是很简洁的LOGO展示,主要元素有LOGO、中文名、广告语和版本号,顺便来看看各自广告语,爱奇艺的“悦享品质”、风行的“看最好的电影”、迅雷的“高清畅享、娱乐时尚”,从简单的语句准确的说出应用是干什么的、主要定位是什么,不是一件容易的事情,个人感觉这三家做得不错,起码看出了爱奇艺的“高大上”和风行的屌丝。

爱奇艺启动画面

 

风行启动画面

 

迅雷看看启动画面

 

 

 

2、高价值的入口必然是商业广告的必争之地

   看完简洁的启动画面,再看看下面几个你会有怎么样的感觉?

 

PPTV启动画面

PPTV的HD版启动画面,直接是跳出自家的多频互动的广告,但是不是很硬的硬广,看上去象是多屏互动功能的使用说明,总觉得要多点一次“立即体验”是个很烦的事情,估计让用户确认后才进入应用的方式可能不是设计者的初衷,停留的时间才有广告价值,但是确实让用户不爽了。

搜狐视频启动广告

搜狐视频启动画面(漫画一)

搜狐视频启动画面(漫画二)

搜狐视频启动画面(漫画三)

搜狐视频启动画面(落款)

看完PPTV再看下面的搜狐视频HD版本的启动画面就比较讨巧,启动画面闪现后接着的是一段漫画,最后出现的是应用的主题广告语“此刻,为了更好看……,全新视觉用心改变”,和PPTV对比,大家都是广告还是搜狐的让人舒服点,呼吁商家请用软广,越软越好。(谁能看出下面这幅图片是啥广告?截图自电影《天下无贼》)

答案是“七匹狼”

3、启动画面的“温馨提示”和“版本升级”一个都不能少,因为大家都在做

百度视频启动升级提示

搜狐视频流量使用提示

 

二、   首页布局一览

先看图↓

爱奇艺首页

PPTV首页

迅雷看看首页

腾讯视频首页

搜狐视频首页

从整体布局来看出现了难得的天下一统,都是左右布局,左边导航右边内容展示,顶部放功能模块,而且这次大家都放弃了对竖屏的支持,彻底的只支持横屏操作了,这样确实把左右手的距离拉开了,也减少了出现误操作的概率,就是文字输入的时候就麻烦了,只能“一指禅”。

三、   播放器一览

各家的播放器大同小异,支持左右、上下滑动的手势操作,功能区域定位在右边(符合国人习惯);随着社交网络的深入人心,各大播放器也加入了社交分享功能;也有围绕大数据而出的“猜我喜欢”的功能,实话实说现在的猜我喜欢确实不是太令人满意,不知道什么时候基于视频播放的数据分析能够达到“今日头条”的高度,还是“今日头条”推荐的数据符合度最高。

PPTV播放器

搜狐视频播放器

爱奇艺播放器

爱奇艺播放器

 

 

 

四、   直播系界面一览(只发图不点评)

PPTV直播板块

PPTV直播板块

腾讯视频电视台板块

搜狐视频直播板块

分类: 未分类 标签:

网易云音乐iPad V1.0 设计总结

2014年7月3日 没有评论

一切从心开始

当网易云音乐iphone平台上线的那一刻开始,项目组就不断地收到了很多用户希望iPad平台早日上线的呼声。这种期待给了我们一种无形的力量,也让我们更加坚信我们不能随随便便地把iPhone的所有设计照抄照搬,简简单单做个适配而已,哪怕它是一个用户为数不多的平台,我们也要从“心”开始,给喜欢音乐的朋友一个有诚意的专属于iPad平台的音乐产品。

一切为iPad用户量身定做

从我们开始接到设计iPad平台任务时候,我们就一直在思考iPad用户听音乐的行为和习惯。我们用户通过问卷调查和用户访谈去探究用户使用iPad听音乐的习惯和特征。

相较于手机端,iPad平台使用场景比较集中,在移动场景和固定场景下用户表现的行为特征也较为突出。同时iPad用户具有一心二用的特性,往往是一边在“玩游戏”,“看小说”,“看新闻”时,一边听音乐。这要求。我们在设计上不能过于繁琐,层级不能过深。一切以方便用户便捷操作为核心进行整个版本的设计。

(1)化繁为简——信息结构扁平化-三层结构

在云音乐的移动端,由于屏幕尺寸原因,采用了常规的“递进式”层层深入的界面信息架构,常常会因层级太深,而使用户需要一层一层跳转界面来达到用户的需求。在前期对于iPad平台上面应用调研的时候,很多产品还是沿袭手机端的架构设计方式,并没有很好利用iPad这个平台的特性,于是针对云音乐的信息架构进行很多探索性的尝试,最终采用了“三层结构”模式,使庞大的产品系统进行扁平化设计,化繁为简,去满足iPad用户的使用习惯。

(2)便捷和平实的操作手势

结合简洁的三层结构模式的运用,使用手势也是iPad用户不可以缺少的快捷操作。云音乐是一个功能丰富的音乐产品,界面跳转逻辑较为复杂,返回操作频繁。但是在网易云音乐ipad平台上,几乎没有任何返回button。仅凭手势就可以游走于三层结构的所有界面。同时对于音乐切歌,MV的快进快退都做了手势的设计,满足iPad用户快捷操作的需求。

(3)在功能强大与易用中求取平衡

网易云音乐是一个功能丰富的音乐产品,在满足音乐用户多元化需求的同时,我们对用户操作体验易用性也从来没有放松。尤其对iPad较为大尺寸的屏幕,如何合理的运用是设计师不得不思考的问题。比如我们的播放页大概有18个操作button。如何针对操作的分类与整理是让设计师较为头疼的事情。设计师们一遍一遍尝试和修改。在复杂中去探索简约之道,使在功能强大与易用中求取平衡。

(4)视觉风格

网易云音乐在总体视觉风格上进行了大胆的改变及创新。从原来深沉的的红黑主色调变成了如今的素雅红白主色调,给人以清新淡雅的感觉。在设计上也趋于当今最流行的扁平化的风格设计,在每个界面上都精雕玉琢,界面简洁又不失个性与内涵。

不断地验证和打磨设计

从产品初期的信息架构,到交互草稿,初稿,可操作的原型,我们几乎时时刻刻都在讨论的用户的操作逻辑,界面的元素摆放,针对平台特性的优化。由于iPadV1.0是一个全功能甚至比现有移动平台功能还多的特殊平台,在面对全新且功能众多,逻辑复杂的,设计师为了完整和准确地表述自己的设计想法。用纸面原型表现界面之间的逻辑和跳转关系,为沟通带了极大的便捷。

为了较真实地反应出我们在设计中所存在的问题,我们通过制作高保真可操作的原型(几乎试遍了所有在iPad上的原型工具,最后用Justinmind来模拟最终效果),很好地还原了我们预期的测试效果,将整个应用的信息架构,界面切换和交互行为都完整呈现在用户面前。

在开发过程中,设计师为了能够捕捉每一个细节,用动画demo来模拟响应时间和动效的流畅性。对每个细节做到斤斤计较。同时便于开发快速理解设计师的原意。很大程度上提高了产品的开发效率。

用户反馈与体验

网易云音乐iPad平台自5月22日正式上架后,得到了用户的肯定和支持,但是在性能方面和一些细节方面还不够完善。希望我们的努力和诚意,能够换来更多喜欢音乐的朋友肯定。在未来的日子里,我们将不断地为大家带来更多的惊喜和优质的产品体验。

打造舒适的阅读空间—云阅读iPad3.0设计总结交互篇

2014年7月3日 没有评论

项目背景

关注云阅读iPad版的朋友会发现,我们有一段时间没有更新了。针对手机版云阅读经过几轮迭代增加的云端同步、阅读圈、多账号登录、社交分享等核心功能,这次的iPad版要一并加入。怎么把这些功能在iPad上进行重设计,如何优化现有信息架构,是我们遇到的第一个挑战。

另外一个方面,相对于手机端的用户,iPad用户更关注应用的品质感。通过之前的一些用户访谈,我们了解到,用户会在车上、家里等一些相对稳定的环境下使用iPad, 每次的使用时间也较长。我们希望通过一些的创新,让用户在这种沉浸式的使用情景下,体验到到舒适愉悦的阅读感受。进而加深网易云阅读的品牌印象,打造产品的市场口碑。

设计理念

做产品的时候,要从商业的角度来看我们的努力是否成功,往往会衡量设计方案引起预期用户行为的频率(例如,订阅数、推荐数、活跃度)。那么,究竟是什么样的因素会引发用户去与产品发生互动,甚至产生一定的忠诚度,这其中我们设计师可以做什么? Trevor van Gorp在他的《Design for Emotion》中提到:一个成功的产品必须与能与用户建立起一种良好的关系,关系的建立取决于我们体验到的有用(useful)、可用(usable)和令人愉悦(pleasurable)的程度。而从用户角度衡量交互度的标准就是使用者是否达到“心流”状态,一种意识具有高度条理性,积极投入的体验,诺曼也称其为“专心致志的持续性流畅状态”。为此,产品设计要设计有用的任务、达成良好的互动、创造恰到好处的吸引力,来平衡用户的情感状态以控制注意力和创造流(flow)体验。

原则总是说起来比较抽象,举个生活中的栗子吧。周末空闲的时候,我喜欢去钱江新城的杭图坐坐,在那里看看书,翻翻杂志,感觉蛮惬意的,一不留神就待了一个上午。想了想,为什么会喜欢去那里,可能有下面这些原因:

  1. 空间很大,书籍杂志报刊应有尽有,让我特别的有满足感。(有用)
  2. 区块划分很清晰,还有各种引导,想看什么书很快就找到了,很快捷很方便。(可用)
  3. 有一个难得的阅读的氛围,让人感觉很自在很舒服:身边有很多看书的人,有人气又不打扰;随处可见的沙发、桌椅让我可以随时坐下来,舒服地看书。(有氛围)

我们想要云阅读iPad新版也是这样一个让人觉得舒适的阅读空间,实用、好用、有感觉,陪伴你渡过每一段阅读的时光。

首页信息架构探索

在iPad上,为了充分利用空间优势,减少整屏切换,App往往采用更扁平化的层级结构,所以首页的交互设计就非常重要。 在这次的iPad版云阅读中,我们增加了杂志分类、阅读圈功能,丰富了个人主页,原来的结构已经不能适合现在的需求。怎么样让用户能便捷地找到入口,同时各个内容得到很好的呈现?我们尝试了不少iPad端常见的设计模式。

1.竖导航 把我、书籍、资讯、杂志、阅读圈、消息作为独立的tab,列在左边,点击tab切换右半部分的内容。把操作类按钮(如搜索、整理、离线下载、添加内容)等放在顶部。与之相对应的,在阅读圈中采用单一视觉走向的列表流设计。

这样设计的优点是:结构逻辑清晰,操作效率高。在网易新闻、微博等iPad客户端中采用的就是类似的结构。

对于我们来说,竖导航的缺点是:由于导航占据了屏幕边上的一部分空间,右边主要内容的排布会受到影响,尤其在竖屏情况下;阅读圈单屏显示内容有限,原来文章正文的版式会被打破,影响阅读体验,这与我们的初衷相背。

2.分屏平铺 在现有架构的基础上,主页内容包括书籍、资讯、杂志,采用顶部tab切换。点击顶部两端的相关入口,可以去往左面整屏阅读圈、右面整屏资讯中心或书城。

这样设计的优点是,每屏内容相对独立,划分明确,在“多看”iPad旧版中也采用了类似的信息架构设计。如果我们这样设计,对现有首页改动比较小,阅读圈的设计也可以少一些限制,但是这种架构拓展性比较差,未来如果加入更多的内容分类,又要推倒重来。

3.Tab切换 这可以说是最基本的一种设计模式,考虑是不是要和手机端的信息架构统一,我们一开始出了一个双tab的方案,但通过快速的用户测试和对iPad使用习惯的分析,这个方案很快的被否定了。这是因为虽然都是IOS系统,但在iPhone上屏幕更小,用户容易注意到底部内容,底部也更易于单手操作。在iPad上,由于屏幕较大,用户注意力集中在屏幕中心的内容,底部易被忽略,在操作iPad时,底导还容易被遮挡、成为盲区。我们又进一步考虑了改进方案,把资讯、书籍、杂志、阅读圈作为顶部导航 ,与我相关的操作和页面入口收在一起放在界面右下角。通过tab来扁平化层级关系,把阅读圈与其他内容并列,我们把所有信息都铺开呈现在你面前,就像一个承载信息流的容器,首页变得更纯粹了。

让每一条分享都好看,说说朋友圈信息流设计

在这次的iPad版中,阅读圈是一个很重要的新功能。如果把云阅读比喻成一个图书馆的话,阅读圈就是一个让读者感受到人气的地方,我们希望用户可以在这里发现到优质的内容,进而找到值得关注的人。它就像一个连接内容与人的纽带,让阅读变得有温度。这样的理念也帮助我们明确了阅读圈的设计目标:以内容为中心,引导读者与读者之间建立联系。

明确了设计目标,要以怎么样的形式来组织用户分享的内容呢?按照手机端的思路推到pad上,很容易联想到类似微博的纵向单列表模式。但是这种方式一屏展现的内容比较少,从信息流中打开单篇文章的方式也比较局限,会打破现有正文版式,不能很好满足用户深入阅读的需求。

云阅读是一个包含了书籍、资讯、杂志的综合性产品,这使得我们的分享内容比较多样,而用户互动、评论所生成的内容也不固定。要在iPad的大屏幕上满足多结构信息流的表现,我们又想到了比较常见的瀑布流模式。但从快速的用户验证中可以发现。瀑布流的信息排布不规则,用户的视线需要不断跳跃,比较适合以图片为主的分享。而在阅读圈中,标题这类文字信息往往是用户最关注的,间断的视觉流让人看起来比较累。

最终,阅读圈采用了规则的卡片化设计。面对不固定的分享内容,如何把它们呈现在统一高度的卡片里?我们设计了一种渐进式的处理方式:针对文章、源、书籍等多种分享内容,定义了显示优先级,优先显示信息标题、转发赞和最新评论,如果有多余空间,进一步显示摘要或多图。以下是部分的交互呈现规则:

在视觉上,我们还做了不同的版式和对齐处理,让每一种内容的分享都看上去饱满好看。这样的设计,保证了不论信息流内部怎么变化,它的外观都是稳定的。标题显示在一条顺畅的视觉流上,不同的内容形成了一种赋予变化的节奏,让阅读圈的浏览体验舒适而不枯燥。

任务流程的简化和细化

云阅读iPad新版增加了本地书上传云端同步,通过这个功能,用户可以吧自己的本地书上传到多端查看,还可以资源共享,结交书友。在手机端上,这个功能已经上线有一段时间了,这次在iPad上进行了一些重设计。分析整个任务流程,大致上包含以下一些步骤:

iPad的空间比较大,我们首先考虑是不是可以对流程做一些简化。从数据上可以得出用户使用Wifi传书的占大多数,我们根据用户的使用情景,合并了1、2两个步骤的页面,在上传书区域着重突出了Wifi传书,当PC端开始传书该区域就会变成上传的进度列表,下面是手机端和iPad端的界面对比:

在云端同步页面中,我们使用了矩阵列表,以便显示更多书籍,初始状态时顶部的操作栏显示上传总数和全选按钮,在同步开始时该区域会变成进度条,显示上传的总进度。这样的状态切换比较好地节省了空间,用户也会容易理解。

完成了对流程主要页面的交互设计,工作还远远没有完成。结合用户在iPad上使用云阅读的场景,我们在上传书页面也添加了云同步入口。还有一些不容忽视的细节,比如整个任务流程中会出现的一些特殊状态,上传本地书的各种显示情况,都需要在交互稿中一一去定义。

从任务设计的角度上来说,本地书上传同步的流程并不算复杂,但是思考下来,要注意的问题还不少,除去步骤本身的优化考虑,关键页面的内容布局,特殊状态的处理等每一个小点都会影响到整个流程的使用体验。

给交互找点感觉

在交互层面,我认为,动效设计是落实情感化设计的重要环节。在介绍具体的实践之前,想回到开头的话题稍稍深入一下。我们已经知道要带来更好的体验,产品要能很好地照顾用户情绪、引导用户注意。Trevor曾提出过用户注意力与情绪的模型,帮助我们认识这其中的关键影响因素:

而通过恰如其氛的交互动画,产品可以在需要主导的时候唤起用户的注意力,在需要保持用户专注于任务的时候,流畅操作,减少消极情绪。在云阅读iPad3.0中,我们丰富了过渡动效,并尝试了新版本引导动画,希望为你的阅读体验带来一些额外的乐趣.

A.明确层级线索

在阅读圈中,用户打开分享的文章,可以点评论头像进入他人主页,相关详情,甚至另外的文章。我们设计了一致的动画,每一个新打开的页面都会从下往上覆盖前面的页面,让人感觉像一张张的报纸盖上去,堆叠起来。通过这种方式,我们直观地让用户感受到一种层级关系,避免了用户在复杂的嵌套关系中迷失。在原型表现上,我们使用Axture制作了可交互的动画原型,让工程师在开发的过程中很方便地随时查看对照。

B. 连贯操作

在浏览阅读圈的时候,想去评论或回复是一个很常见的使用场景,我们希望这个过程能为阅读圈增加互动性,但又不要太过打断用户的浏览过程。在这里,加入了一个动画,点击更多按钮或用户评论,该条分享块会展开弹出,轻点其他区域就可以返回之前阅读圈位置,比较好地解决了这个问题。


C. 轻巧过渡

新版本中的社交分享,在选择完分享渠道后会上下翻转出分享输入页面。从水平到垂直的翻转过程,让分享输入有一种亮相的感觉。动画区分了任务阶段,也解决了前后页面高度不一过渡不平滑的尴尬,带来了一定的趣味性。这个动画我们使用AE完成动画原型的,AE完善的3D功能让效果表现变得很简单。

D. 营造气氛

第一次打开新版本,你可能会注意到我们的动画引导:春花烂漫的模糊背景上,iPad里的封面图徐徐划开,露出全新的首页,代表丰富内容和社交分享的图标从后面弹出扩散;云端同步介绍,多个设备流畅地划入,悄悄升起的一朵小云里,云同步示意图标在转圈;阅读圈介绍,Ui元素和图形元素从屏幕的顶部和底部弹上来聚拢,带出底部的登录按钮。加了动画,原来比较死板的新手引导变得更有生命力了,希望看到的你能会心一笑,感受到我们的诚意。

点我看iPad3.0动画引导视频

在这里,顺便给大家介绍一款新工具。这个跟随手指的交互动画原型是使用以下工具完成的:

Adobe animate CC是adobe 推出不久的交HTML5动画工具,可以加入各种动画效果、交互动作并输出网页格式的动画。作为一个还在完善中的工具,它的特点是上手简单,导出的动画格式方便查看,内置的缓动曲线和交互效果也比较丰富,能满足快速制作原型的需求。下面是我们新版本引导的设计源文件截图:

小结

云阅读iPad3.0上线前,我们做了一些用户访谈和可用性验证,用户对于这个版本的使用感受和品牌印象如下:信息丰富、功能完善、交互操作便捷有新意、视觉简洁清新、看内容很舒适。这与我们的设计初衷是相符的。在访谈的老用户中,有80%表示期待新版本早日上架,会第一时间更新。而上线之后的口碑也让设计的理念和预期得到了验证,下面是App Store 上的部分用户评论截图:

接下来,我们会对操作流畅度,系统性能,交互细节等进行持续优化,提升体验的愉悦度,努力让云阅读成为你在iPad上的阅读首选。最后,打个广告吧,欢迎大家下载云阅读iPad新版本,并给我们你的建议。

隐藏在背后的交互设计

2014年7月3日 没有评论

外行人对交互设计的第一印象是什么?画线框图的?做草稿的?

的确,大家所看到交互设计师的日常工作成果都是一些线框图,从表面上理解的确是这样。

其实,交互设计师做的远远不止这些。往深一步想,信息架构、界面、流程,都是设计师需要考虑的问题。下面,想谈一下我理解的交互设计。

/

交互设计最重要的两个因素:信息&互动

1.信息

人们每天面对那么多信息,在杂乱的信息中筛选出对用户有价值的,呈现给用户,帮助用户做选择,指引用户完成任务。信息的筛选直接影响着用户使用,在用户需要的时候无法提供有用的信息,将导致任务无法进行下去。所以信息是交互设计师需要关注的第一要素。

2.互动

有了信息后,就需要设计用户如何与这些信息进行互动了。信息的分类、布局将影响用户与信息的交互。用户获取信息后,做出了反应,采取了行动,应用也需要有来有往地给予足够的反馈,来协助用户完成任务。

/

以上2要素,都是从用户直观感受上去体现的,也就是说往往是表现在用户界面上。我们可以把它称之为“看得见的交互设计”。

具体的形式包括:

信息架构:把筛选好的信息进行分类,通过页面来承载这些信息,并且把信息(页面)的层次规划好

界面设计:把信息在一个页面上进行布局

流程设计:把一个任务中涉及的页面信息串联起来,使任务形成一个线性流的关系

以上三个关键点,是对交互设计师的基本要求,很多情况下,非专业人员也能做得7788,但还有一部分的交互设计,并不是直观能看到的,也许用户会轻微感受到,但他总在不经意间使用户使用得更加流畅。我们可以把它称之为“看不见的交互设计”。而这些看不见的交互设计,也是初级交互设计师容易忽略的。

/

如今移动互联网发展迅速,移动产品对这些看不见的交互设计更为注重。因为移动应用的使用场景、网络环境、使用心态都与用户在使用web产品时有着大大的不同。所以在了解这些看不见的交互设计时前,需要对移动应用的情景有一定的了解。

1.使用场景

用户在使用移动产品,有可能会在户外人多的公众场合使用,这时候需要特别注意移动应用设计的隐私安全。

用户有可能在家里、在床上、在厕所,用着各种姿态使用产品,所以对交互的便利性和容错性要特别注意

2.网络环境

网络环境是“看不见的交互设计中”非常关键的一点。用户会在2G、3G、wifi甚至无联网的情况下使用产品,所以对于各种网络环境进行合理的交互设计是移动产品交互设计师需要考虑的重中之重

3.使用心态

产品的存在是为了解决用户的问题,而移动产品是用户的贴身工具,当用户需要时,能立刻开始运作,需要快速、直接、有效,用户不喜欢等待。有研究结果表示:

/

在移动产品这种特殊的环境下,“看不见的交互设计”会相较于web产品更为重要,特别是针对网络环境和用户等待的体验需要特别注意

下面将展开讨论一下“看不见的交互设计”

总的来讲,可以归结为三大点:

1.加载机制

2.刷新机制

3.缓存机制

/

/

加载机制

通常情况下,我们使用的绝大部分是网络App,他的工作原理是这样的

用户在客户端的界面上进行操作,客户端发送请求到服务器,服务器处理请求,返回数据给客户端,并显示给用户

其中,客户端和服务器的交互过程,用户是感知不到的,而他确实会耗费时间,在不同的网络环境下耗费的时间也会有所差异,如何让用户在这段时间里有友好的体验呢?这时候“加载过程”起了作用。

/

加载过程的关键可以总结为:

1.让用户感知产品正在努力为他运作

2.让用户有基本的心理预期需要等待的时间长短

3.让用户在无聊的等待中获得更多乐趣

/

进度条是一个针对加载过程很好的设计

动态的加载进度表示产品正在工作,总进度和当前进度能让用户及时了解情况,让用户能根据这些信息预判时间,有了心理预期

有趣的进度条设计or在加载过程中展示一些功能介绍提示(常用于游戏)能有效减少用户等待时的焦躁心理,也能有效地提高用户的容忍度

/

进度条是web产品时代的产物,还有另外一种加载设计,就是加载图标

由于移动产品请求的数据量并不大,所以进度条往往会在一瞬间就完成了,在这种情境下,简化了加载的设计,很多移动产品转而使用加载图标来表示加载过程

以上为两种比较常用的加载方式,下面将具体介绍他们与移动产品结合的用法

/

页面加载机制

移动产品的信息都是通过页面来承载的,页面的加载方案设计是交互设计师面临的一个重要难题

方案一:单页面整体加载

这种加载比较简单,一般运用在页面内容比较单一的情况下,所以直接一次性加载完所有数据后再显示内容

单页面加载失败的状态也比较好处理

/

方案二:单页面分块加载

这种方案的特点是,能让用户逐步看到内容,在这个渐进的过程中降低用户的焦虑心理

其中又可以分为,模块间有关联性的,先加载父内容,再加载子内容

如优酷,先把栏目加载出来,再加载各栏目的内容

模块间没有绝对关联性的,可独自加载各自模块内容,根据请求的速度不同分别显示。这样处理有一定几率让用户在没完全刷出数据的情况下就能找到自己需要的功能,如大众点评、淘宝客户端

框架固定,内容更新的,可先把框架显示出来,再把各模块的数据各自加载显示,如各种iOS自带应用,云音乐

这种分模块加载的需要特别注意加载失败的状态,毕竟每个模块都提示加载失败,点击重试是很挫的一件事,可以根据信息的优先级来决定哪些数据失败了采用默认状态,哪些数据采用失败提示

/

方案三:跨页面加载

父页面&子页面 or 同一app内,页面间字段可以复用的,在加载子页面时不需要重新加载新数据

/

方案四:预加载

这种加载方式的特点是,在加载一个页面内容的同时,预测用户的下一步行为,并为他下一步需要使用的页面加载内容,使得他在下一步的操作中能立刻获取信息而不需要加载等待。

预加载提供给用户无缝的产品使用体验,使得用户在使用产品的过程中更直接流畅,没有被打断的感觉。

具体的例子有:

在浏览图集的时候,当看到第一张的图片时,就自动后台加载第二第三第四张图片,用户浏览完第一张图片切换到第二张时就不会有加载等待的过程

在浏览新闻列表时,就把每篇新闻的内容在后台进行预加载,用户选择看某篇新闻时,能立刻阅读到内容

/

但是这种方案需要面临很多的问题,最直接的是流量问题,因为会自动跑掉很多用户可能根本用不上的数据流量,所以一般情况下可以设定在wifi环境才采用这种加载模式。又或者设定加载规则,只把主要内容预加载,而部分次要内容可以在用户真的用到的时候才加载,例如预加载新闻正文的情况,可以只加载文本信息,图片信息等到用户进入内页才加载。这种预加载与分块加载结合的方式也普遍运用在各个场景。

另外,预加载也需要时间的,他只是不在客户端显示给用户,默默在后台运作而已,需要特殊考虑未加载完用户就使用到那些信息的情况,所以在做预加载设计时需要同时考虑另一种适合该情况的普通加载方式。

预加载需要根据具体的场景来进行设计,设定好信息优先级,综合考虑各种类型信息的具体大小流量,整体考虑预加载的方式,这些都是需要经过精心分析思考的。

随着网络环境的发展,预加载将成为以后产品普遍的加载方式,他提供给用户的无缝使用体验大大地提升了产品的可用性。

/

操作加载机制

除了页面的信息需要加载,页面内的操作也是需要通过给服务器发送请求记录的

方案一:加载层

进行一个操作后,弹出模态的提示层,告知用户正在加载。

采用模态的提示主要是防止用户在该过程中进行其他操作,导致当前加载出错。由于采用模态的提示,并且有可能因为网络原因导致长时间处于加载状态,建议提供一个“关闭”的操作,中止本次加载,恢复App可用状态。加载失败时可在当前浮层变换为失败提示。

模态提示层是最稳妥的方式,但他会使用户在使用过程中有打断的感觉。

/

方案二:控件自身加载状态

这种方式是把操作加载的状态与控件的样式结合起来了,对某个控件进行操作后,控件变换为加载状态,此时控件不能重复操作

由于这种加载方式是控件的自身状态,不影响其他操作,所以用户也可以对页面进行其他操作,可能会导致同时有多个请求的情况,增加了加载失败的风险,这也算是这种方式的弊端,不过这种极端情况很少出现。请求失败后,可配合Toast提示告知用户失败的原因。

/

方案三:后台加载

用户在操作后,客户端立刻反馈操作成功,然后把请求放到后台与服务器交互,这一过程用户不需要了解,不需要等待,在正常情况下体验是非常棒的。

但是在极端情况下会出现一些莫名其妙的状况,由于是后台记录请求并与服务器交互,所以实际请求是否成功客户端是不说明的,全部以操作成功来显示,这就会导致用户误以为操作成功了,但实际上下次来看发现没有成功。所以这种加载方式是需要根据具体使用场景来权衡使用的,对于一些重要的操作,建议还是使用模态的方式加载,对于一些小操作,如点赞、订阅、关注,可采用后台加载的方式。

/

/

刷新机制

刷新机制也是设计师很容易忽略的问题,合理的刷新机制能让产品使用起来更流畅

普遍情况下,刷新机制有以下三种:

方案一:手势刷新

通过手指在屏幕上的左划右划上划下划达到刷新的目的,也包括一些浏览器产品的自定义手势,如横折折勾,进行刷新

最常见的下拉刷新也属于手势刷新的一种

/

方案二:点击刷新

通过点击一个按钮达到刷新数据的目的,但是如今刷新按钮的存在已经成为一种过时的表现,况且在手机那么小的界面上还需要为刷新按钮腾出空间,会挺费劲的。不过避免形式主义,用得恰到好处才是设计的精髓,这种刷新方案还是按需使用吧。

/

方案三:自动刷新

根据设定好的规则,如时间、事件规则自动向服务器获取新数据并替换旧数据。使用自动刷新需要根据场景来考虑是否合适

场景一——对于频繁更新的内容、有时效性的内容,用户在一个设定的时间没有使用,则可考虑在下次使用时,自动刷新,把新的内容推送给用户

类似微博、新闻这种具有时效性的产品,用户在24小时内未打开产品,则在下次打开时帮用户自动更新Timeline

场景二——对于一个相对稳定,数据不会经常变化的页面,可以考虑设定时间规则,在后台为用户默默更新数据并替换旧数据

/

/

缓存机制

“缓存”这个词在web时代也经常听到,但在移动产品上,他的重要性得到了很好的重视

一张图解释什么是缓存和缓存的作用

“缓存”就是把已经加载过的数据保存起来,并在下次需要重复使用的时候,不需要向服务器加载,直接获取本地数据

我理解的“缓存”可如下分类

临时缓存常用于一个功能页面内,保存各栏目的缓存。同一个功能里会把子功能分为多个栏目进行划分,每个标签栏目下的内容在本次使用中都可保存为临时缓存,在该功能里切换栏目,不需要重新加载数据,使用缓存显示。对于用户来说,使用时达到了无缝切换浏览,对于服务器来说,在短时间内数据很少会有更新,所以在一般情况下能满足用户的正常需求,并达到体验优秀

临时缓存的清理机制是:退出该功能模块就清除之前的缓存。也就是说下次进入该功能模块,需要重新获取一次数据

很多时候我们都会用到临时缓存,因为那些信息真的不是那么重要,而且不需要经常反复查看,那对于那些我们经常使用而且经常需要反复查看的信息,我们就会采取固定缓存保存在本地,方便下次翻阅时不需要再一次向服务器请求数据了

其中又会细分为可手动清理的缓存,和不可手动清理的缓存

第一种是我们最常见的缓存,几乎所有产品都采用这种缓存方式。平时用户浏览文章、图集加载的数据就以这种形式缓存在本地,下次看回这篇文章、图集时就不需要加载了。用户也可以手动把这些缓存清理了,释放空间。

而对于某些特殊场景,例如一些相对固定的数据,我们不愿意一开始就打包进App里,这样会占太大容量,造成产品包很大,也不愿意每次进入页面都向服务器加载这些信息,那怎么办?解决方法就是我们可以只加载一次就永远存在本地了,这样安装包也不会大,以后也不用加载了。

例如一些页面的背景图,相对固定不常更换,所以在用户首次进入该页面时就加载背景图并保存在本地,这种缓存是不可清理的,下次再进入该页面就读取本地缓存显示即可。

这种缓存方案使用得很少,因为场景太少,具体使用场景还有待开发。

/

对于这些保存在本地的缓存,都是会占空间的,手机的容量是有限的,那产品是通过怎样的方式清理缓存的呢?

大家熟知的有手动清理,一般App都会在“设置”里提供一个清理缓存的功能,一键把空间释放。除此之外,App最好要设计自动清理机制。

可以通过两个维度来设计这个机制。

时间

通过设定一个固定的时间,或者根据用户使用周期灵活设定时间来清理缓存。每个产品的场景不一,用户使用频率不一,设定这个机制的时候就需要结合实际情况考虑了

容量

一般是设定一个容量上限,采用堆栈的设计原理进行缓存清理,溢出堆栈的旧数据将自动清除

/

/

小结

这些“看不见的交互设计”就是纠结在那些细节,但作为交互设计师千万不要以为这些是很细小的点,其实他是有大文章可作的。

刷新、加载、缓存机制的设计,我不清楚是否应该归纳进交互设计师的职业范畴,但是作为一名用户体验设计师,这些点或多或少地影响着用户的使用体验,我们都应该给予足够多的重视。

这些机制,独立来看都有现有模式可参考,但是交互设计师不应该把他们割裂地设计,他们往往是合并在一起时才会有意义。不同机制的结合,往往有妙用,这就需要设计师根据每个产品的不同场景来特殊制定了。

文字编排的易读性

2014年7月3日 没有评论

在视觉设计工作中,大家总习惯将重点放在图标和色彩上。但实际上,作为一个阅读类app,思考如何让文章更易于阅读是和图形、色彩处理同等甚至更为重要。

在设计工作中,如果有100个人就会有100种设计理论,我认为并不能总结出一条绝对正确的理论。但是,如果完全没有什么设计理论的话,貌似会使设计显得很奇怪。比如,经常会看到这种书籍(图1),一行文字过长而订口的空白又处理得不太合适。只要看到这样的设计,马上就会想到“这里好像没有规则啊”,还会让人产生“这本书的设计师好像不读书啊”这样的感觉。在阅读过程中哪怕只有一些地方令人难以理解,也会让人精神不集中,不能彻底关注文章本身。如果是一个读书的人,他自己看看这样的设计,自己也会感到这种方式不便于阅读啊。所以我认为电子书的阅读感受也是这样,要做出理想的版面,作为设计者需要站在读者的角度考虑,应该寻找对于自己来说便于阅读的排版。因此,也借此机会来整理出网易云阅读产品中,书籍正文文字排版的相关规则。

设定内容区域

首先在书籍编排过程中,设定页面四周的余白来安排页面的排版。页边空白的大小不同,排版效果给读者带来的印象也会发生变化,因此需要适当地进行处理。虽然纸质书籍已经有了莫里斯所提倡的版面设定理论,但是这些理论并不适合于显示在硬件设备上。因此我们需要根据不同的媒体特点来进行处理。如图(2) 有颜色的部分是版面,abcd版面标准的设定通常是按照1:1.2:1:1.7的比例来进行设计。

字体大小设置

其次是文字的字体大小,标题的字号要大,解说注释的字号要小,文字的大小要根据它的作用灵活设定。在版面设计中,首先要确定正文字体大小,只有确定了正文字体大小,才能根据它来调节平衡,决定大标题,小标题以及注释文字大小。
下图是适用于一般文章正文文字大小的图例。即便是相同大小的文字,字体不同看起来大小也不一样。而且选择文字大小时,需要考虑文章的阅读方式,比如,是在大屏幕机器还是小屏幕。(图3-4)

行对齐

排版中重要的一条,是把应该对齐的部分对齐,例如每一个段落的字行对齐,就是把行的位置进行对齐使其一致的方法。行头对齐是所有行均在行头对齐的方法(图5)虽说这种用法使得行尾不齐整,但方便文章的停顿部分换行,适用于散文、诗歌等表现韵味的文字版式。但是,对于编排长篇文章时,选择左右对齐更能体现条理性。由于换行的位置都相同,阅读行头或换行的时候视线能够平缓流畅地移动。

文字留白

使文章易读的排版方法多种多样,下面说说简单的方法“留白”留白就是在版面中留出空余的空间。
编排文章时,最小的留白是文字里的空白,根据文字的形状,字中有很多小的空白,留白的大小依据字体或者文章内容上汉字及英文的多少而改变。其他比文字中的空白大的留白,是文字与文字之间字间隔的空白、以及行与行之间的空白,段与段之间的空白,留白的面积大小要遵循上述顺序。在文章中如果这个顺序颠倒或者混乱,就会变得不易阅读。
整理好依次顺序后,再要检查编排后的文字是否严格按照这个顺序进行设计。不过在实际排版时没有必要把它们的大小都分别测出来。重要的是用眼观察外观来判断留白大小是否合适。

行间距的设定

行高,行间距的大小对文章的易读性有很大的影响。行与行之间拉得过开,从一行末尾移动到下一行开头,视线的移动距离过长增加了阅读难度。相反,行与行之间贴得过紧,上下挨得过紧影响了视线的移动,让人不知道正在阅读哪一行(图12)。正文最恰当的行高,基本应该设定为其文章中文字大小的两倍。例如文字大小为8px的文章,就应该把行高设定为16px(图13)
但是根据文章使用的字体不同,行高使用的值也会发生改变。比如宋体文章的行高要比黑体的行高大一些,相反黑体的行高要稍微小一些,这样的设定更易于阅读

另外正文以外的大标题,小标题和引导语类的短文章,一般要把行高设定得稍微窄一些。大标题或题目的部分,因为字号较大,若文字间隔太大太松散会影响阅读。因为若把引导语的行高设定过宽,这段文字难以被认为是一个整体。因此需要配合文字版式,挤紧字与字之间隙,这样会让版面看起来紧凑扎实。

我们在设计工作中,头脑中往往会存有某种标准,并且会以之作为排版工作的标准。但是实际工作中总会有些具体情况,例如对于对话较多的原创类书箱而言,行距稍微小一些也没关系,而对于出版类书箱这样段文字较多,或者论文这样比较晦涩的内容来说,行距大一些会比较便于阅读。当然读者的年龄也是很重要的问题。像这样的观点还是与自己的阅读经验直接相关的。

保持足够的段间距

段落与段落之间必须有一定的距离。如果这种距离不够,那么读者从字行末尾折回,移向下一行视线就会与移向下一段的视线发生冲撞,从而导致阅读无法顺利地进行。而且,如果段落之间的距离过远,也会有造成段落之间的关系联系不强的弊端,因此设定合适的段间距是很重要的。
作为保证文章易读性的标准,将段间距设为大约两个文字的大小是一种通常的作法。也就是说,当正文的文段以12p文字排版时,段间距就是24px。当然,这个标准也并不是绝对的,有时候也可以通过刻意地设定狭窄的段间距,给读者带来内容紧凑的印象。
我们的书籍排版是以像素尺寸的形式显示在硬件设备上。所以我们要确保设计出来的文本尽可能的易读,无论读者所处的空间、时间有何种变化。我们要尽可能透彻地了解,作出明智的决定,并且建立规范的设计规则。

特殊符号的处理

和构成简单、只需处理字母的西方文字相比,中文汉字中,众多“符号”不规则地混在一起,构成非常复杂。因此,为了使这些繁杂的要素配置得整洁美观,需要在开始排版之前,预先制定“段落样式”的设计排版规则。
例如中文和英文混排的文章,为使中文和英文和谐自然地结合,需要把英文的字号设定得比中文字号大一些。还有左右对齐文章,必须决定是否把标点“悬吊”在对齐线之内。再有标点、记号,若放在行头或者行尾,文章就会变得不易阅读。为了防止这些发生,必须进行避头尾的设置。制定好上述详细的规则,就会将文章编排得美观协调。

版面设计也会随着时代的不同而发生变化。

有时候即使运用了这些相同的理论所进行的编排设计,也会出现“看起来不错啊”和“只不过是简单的排列而已”这样两种情况。设计还是会体现出时代的要求的。当然读者年龄层也是非常重要的影响因素。

网易云阅读页面元素的使用方法,风格,使用的字体样式等问题,已经有一些固定的规则了。但是,这些惯用的字体每隔一段时间都会发生一些变化,虽然幅度并不是十分明显,但仍然是在逐渐发生着变化的。因为作为版面设计的条件而言,如果视觉上没有任何新鲜的东西也是不行的。在对这些所使用的颜色以及文字的组合方式等问题细微地改变过程中,存在着无限的正确处理的可能。方法总是有很多,所以我们也一直在寻找最舒适易读的阅读编排方式。

浅谈移动应用的广告模式

2014年7月3日 没有评论

前段时间无意中接触了一款叫做“花钱Colormoney”的软件,名为“花钱”,实为帮用户赚钱的一款移动APP锁屏软件。如何赚钱呢?可能大家都已经想到了,就是做广告。但是这个APP的巧妙之处就在于将产品的广告图片作为用户手机的锁屏图片来呈现,用户滑动开锁一次可以赚取3分钱,滑动进入广告所展示的内容页可赚取6-9分钱。听上去虽然是蝇头小利,但是就是这微乎其微的几分钱不仅大大降低了用户对于广告的反感,而且还为用户带来了可观的收入,到底有多少?下面我来给大家算一笔账。

对于用户而言:

用户每天点击锁屏次数:平均 60 次

每小时最多有效点击3次:共计  0.09 元

一天10小时使用手机:共计  0.9  元

一个月可获得利益:共计 0.9*30=27元

一年可获得收益:共计 27*12=324元

年收益324元,比普通的银行利率高多了,重要的是不用付出任何代价只需要下载一个APP。

对于广告商而言:

用户每天点击锁屏次数:平均  60  次

按照5w用户算广告展示次数:共计 60*5w=300w/天

广告点击率:3%-5%

广告点击量: 共计300w*3%=9w/天

每天9w用户的点击量是不是比花钱去做电视广告强多了。

如果你是用户,你会不会下载安装这个APP?如果你是广告商,你是否愿意投钱在这个APP上做广告?

说到这里,我想大家可能都发现了一个问题:那就是通过“花钱Colormoney”这种形式,用户对移动广告不再是反感的态度而是变为主动接受。移动互联网已经失去了屏幕的优势,怎样做才能让用户爱上“广告”这个非常影响体验的家伙呢?移动广告的“钱“途又在哪里呢?再进一步想,如果用户连广告都不反感,那我们是不是可以借鉴这些方式来推送我们的消息或者宣传我们的产品呢?带着这些疑问我做了一番调研,发现了几种体验不错的移动广告设计,下面和大家分享一下:

第一种:APP自带应用中心(App Center)  或应用中插屏广告

这种方式最常见也最普通,代表产品有“脸书”的 APP  Center及各类游戏中的插屏广告。

第二种:动态流中插入广告

这种方式在国内也已不再新鲜,用过新浪微博的人肯定都已经注意到在动态流中穿插的广告。除了新浪微博以外,Instagram在信息流中也插播了广告,据统计该图片广告的点击率为5%。另外,Tumblr也表示每天在其平台上展示的广告次数达到了1.2亿。

第三种:结合定位以及海量用户数据支持的精准广告

这种目前比较流行也比较受广告商的青睐,但是实现技术难度大、成本高。代表产品有苹果的Ibeancon,日本的移动广告(该产品经常在中午 11 点 55 分的时候给用户推送饮料的广告, 因为那个时候日本白领要去吃午饭)以及谷歌的Google now(基于习惯和搜索的即时提醒)。

“Google now” 适时呈现贴心信息

第四种:看广告后返利的App

这种目前也比较受广告商和用户的喜欢,相比第三种成本小了不少。代表产品有”花钱Colormoney”、”Locket”、“Kiip”、“Loopme”(广告盒子)等。

这里我想着重说一下基于定位和海量用户数据支持的精准广告推送方式和返利APP的广告方式。年前不久,苹果公司推出了自己的Ibeancon技术,这项技术的推出给广告界带来了新的生机。它不仅可以让移动广告摆脱“窄屏幕”和“粗手指”的噩梦,还能够通过精准的定位,恰如其分的在合适的时间、地点推送合适的信息。例如当你走进一家Nike的店铺时,你可能会立马收到该店铺该品牌的打折信息。当你走出这家店铺时,你可能会收离你最近的另外一家Nike店的打折优惠。这样的广告你还会厌恶它吗?

苹果公司的“Ibeancon”技术

另外一种是一种返利性质的APP,上面提到的“花钱colormoney”是其中的一种,还有大家比较熟悉的星巴克“起床闹钟”。这类产品都试图通过给予用户某种利益来消除用户对于广告的反感。这里面值得一提的是雪佛兰一款叫做Chevy Game Time的APP。经常看体育赛事的人可能会知道,大多数人关注的只是关键的瞬间,其余很大的时间其实只是在等待,而等待的时间大家可能会拿起手机刷刷微博看看微信等,雪佛兰的这款APP就是利用了这个时间。比赛中当雪佛兰广告播出时用户可以通过此APP回答相关问题,答完后将答案分享到Facebook或者Twitter就可以获得一定的奖励,甚至还有机会获得一辆雪佛兰座驾。这样,用户就不再反感在比赛中插入汽车广告,而是把它认为是一种娱乐或者消遣。通过这种方式,不仅让雪佛兰的广告在众多品牌广告中脱颖而出备受关注,还通过用户的分享使广告在各大社交网站上进行了二次传播。更重要的是它实现用户心甘情愿看广告的愿望,真可谓一箭多雕。

雪佛兰的“Chevy Game Time”

因此,随着移动互联网的发展传统的PC广告思路已经很难适应这个互动性极强的平台。移动互联网不能够再仅仅局限于你想告诉用户什么,而要换个思路去实现你想和用户去讨论什么,你要做的必须是与你的用户互动起来。当然这件事情做起来并不容易,你需要花的心思和成本要远远大于简单地将内容推送给用户。但是从最终的目的和目标来看,这种做法是值得思考的。与其投钱还损害产品的用户体验,何不把广告做成一个大家都喜欢的“有效服务”的赞助者呢?

圣诞QQtoy诞生记

2014年6月25日 没有评论

为什么有毛绒QQ,还要创建QQtoy

多年的用户沉淀,让QQ企鹅形象成为被众人皆知的极具亲和力的公司代表作形象。作为创新性的公司成员,品牌中心深知随着时代和市场的需求,用户的认知水平与品位也在不断地提升,产品也必须不断的完善。为保持新鲜感,专业与品质,品牌形象及标识需要定期(较长时期)进行更新,以迎合用户的审美与需求变化。

2013年中,QQtoy品牌被创立。QQtoy在延续经典QQ形象的基础上,又基于与毛绒QQ不同的几点考虑:1、触感:我们选择了业内欢迎度较高的糖胶材质,区别于公司多年来的毛绒公仔,让消费者在材质上有全新的触感;2、体积:我们重构体积大小,更加便于用户摆放和展示,整体也显得更加优质和精致;3、延续性:经过分析,我们认为QQtoy产品具有商品特性的定位使用场景和挖掘可促成消费的价值,如节日,实事,热点,活动等等,都更加容易感染和触动用户。

在圣诞QQtoy之前,我们推出过几款形象作为尝试,青春系列、恐龙QQtoy以及嘉年华QQtoy都受到了员工的关注和喜爱,于是便有了圣诞系列的诞生。

 

圣诞QQtoy的构思

确定形象

构思前期,通过头脑风暴圣诞节该节日摘出以下关键词:圣诞老人、礼物、圣诞树、麋鹿、雪花、圣诞花圈、圣诞歌、圣诞果、火鸡、蜡烛、聚餐、铃铛、雪人、红绿色、毛衣、袜子、烟囱、帽子、包装、欢乐、孤独、圣诞棍、礼花、情人、丝带、装饰球、白色、温馨、幸福、好玩有趣、送礼物、贺卡等。

结合设计思维对脑暴后的词汇进行分组,选择出不多于三个的词汇作为执行方案。讨论后最终确定形象设计用圣诞老人、圣诞树、麋鹿三个极具圣诞特色的形象进行设计,并在每个形象上增加了相应的圣诞元素作为点缀,为增添更浓郁的圣诞气氛。在此基础上形成综合设想,并在关键词中提取“好玩有趣”作为整体设计所要传达的理念。确定形象角色的元素后,我们充分利用现有的资料,大胆发挥想象进行创造,多进行市场调查,了解市场流行趋势,只有这样才能走在设计流行的前沿,抓住消费者心理,起到市场主要能动力的作用。

市场调研参考:

图2

 

设计形象时需换位思考,想的更多。除了在设计师的角度外也要站在消费者的角度来思考。

形象设计过程中考虑的因素有:元素设计(对消费者产生的共鸣)、结合成本预算来做设计、多个形象时的系列呈现、形象与包装两者间的设计关联、后期推广的形式等。

 

难点的克服

1设计中的难点

形象设计

图3

QQtoy有两条线(毛绒穿戴版和涂装版),圣诞系列之所以选择毛绒穿戴版,考虑:1.毛绒容易塑造立体形态;2.圣诞作为冬天的节日,毛绒给人有温暖亲切的感觉。

圣诞系列设计的难点在于最终的实体是立体的,而我们在设计过程中需要将二维概念向三维立体概念转换这一复杂过程,从设计到实现的全局考虑。设计过程中,由于定位于毛绒的穿戴款,在二维的设计时不防可以找些相关的服装结构进行参考,也便于后期与工厂的沟通打样。

 

包装设计

图4

全局整个项目时间线,对于三款形象包装的考虑是最好用同一款,除了节省生产时间也便于后期工厂对公仔与包装的组装。设计的难点在于一款包装适用于三款形象。

设计过程时结合难点来想,最后将三款形象赋予性格特点表现在包装的侧面和背面,三个形象的融入更好的展现出这个系列是有三款设计。同时要考虑到三款形象在盒子中的展示,系列摆放时,圣诞老人自然会是在中间作为主要的形象展示,那么整体红色的圣诞老人在一个什么配色的包装上会更合适的展现,这需要配色的尝试以及要顾及到两边还有圣诞树和麋鹿,过程中尝试了不少配色,最终选定一个稍暗的红色作为包装的主色。

 

整个包装将前期脑暴的“贺卡”融入包装中,给设计赋予了圣诞节送礼习俗的概念。除此之外,配合包装 还将包装背面的图案设计成明信片,将圣诞祝福多一个方式传递给你的朋友。

 

2流程控制的难点

做好项目管理,是检验和保证项目进度的途径和关键点,同时需要做好风险评估,以有力保证项目进展顺利,按时按质完成。

图5

整个圣诞系列QQtoy的项目周期短,项目过程中与嘉年华QQtoy大货生产以及会员系列的打样的时间重合,导致了打样阶段工厂由于时间紧并没有按圣诞系列的设计稿完全制作,以至于不能针对设计来看实体效果,反复几次,工厂依然没有把三款形象按设计稿实现,以及时间上也不允许再次打样,否则将会影响大货生产的时间。好比这次的圣诞树,设计稿原本树上有积雪的设计,但由于打样效果不好,在不能保证能做好的情况下只能和工厂对齐细节的问题,哪些需要调整哪些需要舍去。

过程中设计和生产之间的需要紧密沟通与配合,权衡利弊,有所取舍,同时需要熟悉生产的制作流程,整个流程下来会涉及到很多不可把控的因素,只有将每个环节做到环环相扣,才能在规定的时间内产出有品质保证的产品,消费者才愿意为我们的设计买单。

 

宣传的构思

当工厂把圣诞系列产出后,不是将产品摆上货架即可完事,需要考虑员工分散到各栋大厦,并不是人人都会去image形象店购买东西,不经意看到圣诞系列再去选择购买。而是整个品牌需要宣传,让不去image形象店的人都知道这款新品的发售。

圣诞系列QQtoy的目标为扩大QQtoy的品牌影响力,让员工对QQtoy品牌有一定的了解。

结合公司资源,我们采用了线上线下两条线进行宣传推广。对资源权重进行分配,线上线下比重为4:6。线上:KM文章活动预热、BBS发帖、tips窗口推广、拍拍店售卖;线下:各大厦的电梯视频、食堂的海报、微报、形象店内海报与视频宣传等。

在脑暴中筛选了“节日气氛”、“好玩有趣”、“送礼物”作为关键词贯穿到整个的推广宣传中,无论是视频还是后期的活动,都希望传递给大家:QQtoy是一个好玩有趣的品牌,便于大家对该系列有深刻的印象。

 

视频的推广

圣诞版QQtoy推广视频创作延续了青春系列(兰兰/阿呆)的动画风格,用简单明快的色彩来烘托节日的气氛。不一样的是这次为三个可爱的圣诞QQtoy形象塑造了不同的性格——爱变魔术的圣诞老人、羞涩腼腆却礼物满满的圣诞树、还有古灵精怪的麋鹿。超萌的形象+超可爱的动作,只为给大家带来更多的欢乐!

视频链接:http://v.qq.com/boke/page/i/0/g/i0123citgig.html

 

惊喜送礼活动

圣诞除了可爱公仔本身的号召力之外,我们还策划了一次圣诞惊喜送的活动。希望这次惊喜送除了提高QQtoy在公司的品牌知名度和曝光度外,还能在圣诞节给QGQM们送去欢乐和祝福。

活动规则:凡在image购买的前100位即可获得一张小卡片,卡片上填写希望将圣诞QQtoy赠送的同事或上级的名字,然后我们从中抽取10名幸运儿,这10位能免费获得活动方提供的圣诞QQtoy一只。与此同时,我们在圣诞节当天会以惊喜的方式为大家送礼。 圣诞节当天,兰兰和阿呆领着圣诞老人几乎跑遍了腾讯在深圳所有的驻点大楼,按卡片上的人,一个一个给大家送去了圣诞祝福。

 

前期准备

图6

活动当天

对于送礼活动,我们需要对十位幸运儿的办公位置清晰,才能保证顺利的送达到大家手上,而且统计后发现幸运儿分别分布在腾大,大族,松日,万利达,科兴。

于是在活动前的周末项目组成员跑遍一栋栋大厦,将卡片上的收件人的地址记录清楚,以及对路程策划好,保证送礼当天各大厦的人能够关注到我们的行动。同时借助前期大家对兰兰阿呆QQtoy形象的认知,我们把兰兰阿呆装扮了圣诞装饰,加上圣诞老人,配以圣诞歌加欢快的舞蹈,当天欢快的给大家惊喜送礼。

图7

 

销售及影响力

以下是各地image销售情况,990套在5天内全部被扫完。

图8

购买到的同事各种晒朋友圈!BBS上还出现用圣诞晚会门票来求换QQtoy的,蘑菇街、微博(外部)上也是各种求QQtoy的情况!

 

图10

现今,良好的口碑对品牌的发展有着至关重要的作用。品牌的建立是一条漫长积累的道路,但是毁灭品牌却是朝夕之间的事,所以,要做好QQtoy的品牌影响力的打造,需要长期的坚持。

 

我们的收获

圣诞QQTOY系列的火热程度远远超过了我们的预期,5天990套全部抢购一空,不经意的饥渴营销让不少同事好友们对QQTOY品牌有了更多的了解。对于这个系列的影响力,需要做好分析和整理,任何项目的成功都绝非偶然,回头细想,总结两点分享给大家 :

  1. 耐心是一种美德。QQTOY是生产出实物的产品,从设计稿完成到拿到工厂打样,再到最终确认大货生产,这一系列的流程周期相比其他产品来说是漫长的,因为工艺设计的特殊性,这期间设计师要时刻与供应商沟通并根据打样效果进行优化和确认,过程是枯燥反复的。带着产品的责任心,严格把控生产质量,最终大家热烈的响应肯定了付出。
  1. 为设计想到更多。设计能够驱动产品才更加有价值。由设计师主导并策划的“圣诞老人,阿兰阿呆惊喜送礼”的活动就是一个不错的尝试,让更多的QGQM对于QQTOY产生了好奇和关注,加深了大家对于品牌的认知和好感。通过这个活动,让圣诞QQTOY这个项目也更加闭环,完整。这,不仅仅是一个TOY的设计,设计师还可以做的更多。

QQTOY是为了带给大家欢乐而诞生的可爱疗愈公仔,希望在接下来的产品设计中,给大家带来更多的美好,在品牌运营和推广上做的更加完善和成熟。欢迎QGQM们多多关注和反馈你的建议和想法!:)

 

QQtoy品牌历程

我们的过去与未来

2013年6月青春系列作为QQtoy产品推出的第一款涂装形象。

2013年8月与环球电影《侏罗纪公园》合作推出了恐龙QQtoy

2013年11月在15周年嘉年华总办摊位上推出了嘉年华限定款QQtoy

2013年12月推出了圣诞系列QQtoy

2014年1月推出了新年款的福星宝宝QQtoy

2014年1月推出了四款QQ会员的活动款QQtoy

2014年3月推出了女生节QQtoy

图11

下一步计划:结合今年世界盛事的世界杯热点,即将推出世界杯系列QQtoy,敬请大家关注。

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=8102)

【转译】日常设计:网站设计灵感的十个来源

原文:Everyday Design: 10 Sources of Web Design Inspiration
地址:http://designmodo.com/everyday-design/

如有误翻 请拍砖~

 

不仅仅是网页方面的设计,这个世界上围绕在我们身边的所有东西都可以激发我们的网站设计灵感。

你永远不会知道创意的火花什么时候会撞击到你。在项目过程中,我经常发现一些最平常的事物可以让我用一种新的或不同的方式进行思考。这里有10个除了网站以外的我最喜欢的设计灵感资源。

1、  大自然

1

思考设计最好的其中一个地方就是户外。看一看大自然中所有神奇的形状和颜色的组合。个人而言,我最喜欢花朵那种像调色盘一样的灵感。

这个秋天的三色紫罗兰将成为新项目调色板的基础,这些花朵结合了流行的亮色和对比色。

 

 

2、  音乐

1384221944_99

很多设计师都会同意一点,那就是听音乐是一种很好的让设计丰富多彩的方式,同时音乐还有很多其他作用。想一下当你听不同类型的音乐时,它们总会让你感觉到混合而复杂的情绪。你可以收听一段与你的项目氛围相匹配的旋律,它会为你的项目增加一点灵感。听音乐的同时,让你的思绪随之而动,并且将在听歌过程中你脑海中浮现的画面作为产品的基础轮廓。

我也很喜欢在音乐艺术蕴含的创造力和想象力。专辑封面(即使是数字形式的)是一个有趣的颠覆,可以用其开启创造性的思维。我最喜欢的就是Jay-zhits collection》专辑第一卷的简约风格。这个设计有一个扁平化的外观,并且发布于扁平化趋势流行之前很久。

 

 

3、  艺术

1384221961_4

设计真的仅仅是艺术或者创造性表达的其中一种形式,看一看其他的艺术形式可以切实对一个项目的推进起到很大帮助作用。但是不要恪守惯性思维而仅仅去看画作哦,雕塑也是一个灵感的神奇来源。密切观察一下形状和物体互相连接、作用的方式,来脑暴出规划你的站点的新方式。

 

 

4、  包装

1384221985_75

包装设计可能是一种最容易被忽视的设计类型了。想想有多少次你打开一包口香糖或者扔到一个饮料瓶时,甚至都没有想到去看看它长什么样子。这些物品通常都格外优秀,因为可供它们使用的空间往往非常小。(所有的信息都要以一种可读性很强的方式记在一个小标签上)

多看一下这种类型的东西可以切实的帮助你怎样规划小空间。包装也有很多形状和样式,帮助我思考呈现内容的不同方式。(所有东西都不是非得做成规规矩矩的矩形的样子!)

 

5、  摄影

1384222006_92

1384222022_40

 

对于网站来说摄影可能是一种显性灵感来源,但是它的应用却没有你想象的那么频繁。

 

如果你有一张很棒的图片可以为一个项目服务,不要仅仅把它当成灵感来源,去真实的使用它吧。大力发展你的设计,并聚焦于这些优秀的图像。另一方面,如果你的手边没有任何图像,可以看一看摄影的世界寻找点想法。当你觉得自己遇到了一些设计障碍的时候,可以转而看看像国家地理、Jill GreenbergLevonBiss这样的地方。(这些站点的设计主要就是围绕照片展开)

 

 

6、  时尚

1384222052_12

T台、时尚秀场和杂志是一个观察颜色、比例、图案的流行趋势的很棒的地方。然后你就可以将这些概念用于网站设计。

时尚设计师在秀中使用比例可以帮助你思考以一个大(或小)的方式来创建产品,颜色和图案则是你要去观察的最有风向标的东西。(想一下现在正在发生的雪佛龙热潮)很多我们在网站上看到的背景纹理都是取材于布料纤维或者服装图案。

用时尚元素激发灵感还有一个问题要注意一下,那就是网页设计师往往需要花费一点时间去把握住流行趋势。

但这可以成为一个走在前沿的很好的方式,并且帮助我们开始思考接下来会发生什么。

7、  室内设计

室内设计的世界也是一个很好的可以在颜色和纹理方面得到灵感的地方。

在家居卖场中走一走,摸一下或者看看那些织物的样品可以帮助你对于网站应该用什么类型的背景有一个形象化的概念。你可以将这些颜色和纹理在现实生活中也进行组合和匹配,这样你就能在创建自己的数字版本时知道怎样安排比较好。

多看看室内设计的趋势可以帮助你了解当下什么颜色是最流行的。涂料芯片和设计博客是学习色彩趋势和学习怎样应用其于项目的很不错的地方。

8、  食物

虽然有很多反对者对于instagram上的美食图片是绝对厌恶的,但是这些简单的图片确实令人精神振奋。

这些食物的颜色和形状确实组合的非常棒。基于某些原因,寿司的照片可以切实引发我的思考。(可能是因为颜色和圆形的物体。)多看看食物可以帮助你简历一个和食物相关的网站……或者和食物完全不相关的一些什么。

9、  老物件

 

当需要创造一些隐喻时,老物件可以帮你搭把手。硬币、电影海报和旧的书籍都是颜色和活版印刷的绝佳范例。

很多你见过的方式都没有被广泛应用,有一些物品的外观和感觉也不是超级时尚的,但是它们都可以帮助你的网站脱颖而出。

这些资源最棒的地方在于它们可以帮助你用不同的方式来进行隐喻思考。比如说,很多旧书籍内有手绘风格的图片,而不是照片或者全彩插图。所以你看这种风格可以帮助你在你的项目中用不同的方式创造和使用图像。

 

 

10、建筑

建筑和轮廓(尤其是那些在大城市中的)对于我来说是一个令人着迷的灵感来源。这些作品的形状和“生命”让我很想去为自己做些什么。

你可以使用你在建筑中看到的形状去在数字领域中创造一些有意思的东西。当你需要一个背景的时候,你可以参考一下天空中地平线处的轮廓,或者在你的设计中规划如何方式一个元素时,也可以将轮廓线作为框架来参照。

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=8087)

“破网”利器一箩筐——移动互联网分析工具推荐

随着移动互联网的快速发展,基于手持设备(尤其是智能手机)的各类应用急剧增多,对于这些移动应用的数据收集、研究和分析工作就变得尤为重要。

下面我们就为大家推荐几款市面上好用(且免费)的“破网”利器。

一、友盟   http://www.umeng.com/ 

友盟于20104月在北京创建,以移动应用统计分析为产品起点,发展成为综合性的移动开发者服务平台,现拥有超过百人的专业团队。20134月,阿里巴巴日正式签约收购友盟,交易价格约为8000万美元。

友盟提供的数据包括三类:数据报告、指数和友盟观点。

pw_1

图片来源:http://www.umeng.com/umengdata_reports

1.数据报告(http://www.umeng.com/umengdata_reports

友盟会在每个季度初(到2013年改为每半年)发布上季度的移动互联网行业数据报告,报告中会分平台(AndroidiOS)发布用户数、系统版本份额、智能设备数、各品牌设备市场份额、APP分类别使用情况以及开发者情况等基础数据,大家可以随时免费下载查阅。

最新一期的报告是20139月出版的《友盟2013年中国移动互联网上半年报告》,其报告主要结论截图如下:

pw_2

图片来源:http://www.umeng.com/umengdata_reports

2010年第四季度起,友盟共发布了17份报告,通过历次报告的数据对比,大家可以很清楚的看到移动互联网的发展趋势。

2. 指数(http://www.umindex.com/

友盟对移动互联网关键数据进行深入挖掘,形成了一套指数系统,以帮助大家把握移动互联网发展趋势。指数平台每月会更新上个月(整月)的移动互联网关键数据,现在能够随时查询到的分平台指标包括:

•        设备

•        操作系统

•        分辨率

•        联网方式

•        地域

•        应用排名

•        应用类别分布

这些指标从20126月开始每个月更新,并保留历史数据,方便进行月份/年份的深入趋势研究和分析。以下是部分指标的截图:

Android设备品牌及型号占有率排名:

pw_3

图片来源:http://umindex.com/#android_device

iOS操作系统各版本占有率排名

pw_4

图片来源:http://umindex.com/#ios_system

 Android操作系统分辨率占有率排名

pw_5

图片来源:http://umindex.com/#android_resolution

友盟在近期新增2个指标:应用排名和应用类别分布。这两个指标仅是依据主流应用市场的公开数据计算得出,不涉及友盟应用数据。

移动应用分为应用(非游戏类应用)游戏2类,在2类下有细分分类,如图所示:

pw_6-1

图片来源:http://umindex.com/#android_app

应用排名及应用类别分布情况统计图表如下:

Android应用排名统计图表截图

pw_7

图片来源:http://umindex.com/#android_app

 

Android应用类别分布情况统计图表截图

pw_8

图片来源:http://umindex.com/#android_industry

 

3. 友盟观点(http://blog.umeng.com/

友盟观点就是友盟的官方Blog,上面会不定期更新一些关于产品、数据方面的信息,偶尔关注即可。

 

二、百度开放云 http://developer.baidu.com/report

百度开放云为大家提供了4类数据报告:

pw_9

图片来源:http://developer.baidu.com/report

 

1.    百度无线数据报告

数据报告根据百度移动搜索、百度手机助手、百度移动统计及相关数据挖掘及线上线下用户调研获取信息,尽可能公正、客观的反映国内移动互联网发展趋势,但并不保证报告所述信息的准确性和完整性。

该报告由百度移动下属的云事业部与百度商业分析部联合撰写,从2010年第四季度以来,每个季度发布一个季度报告,至今已经发布了12份报告,相比友盟而言,百度无线数据报告的发布更规律,用户属性及使用行为数据更深入,而且增加了移动搜索这一垂直领域的数据。

下面是2013年最新一期的百度移动互联网发展趋势报告(2013Q3)的主要结论截图如下:

pw_10pw_11 pw_12

图片来源:http://developer.baidu.com/static/assets/reportpdf/百度移动互联网发展趋势报告2013Q3.pdf

2.    移动开发者解决方案

该报告由DCCI联合百度共同发布,主要针对移动互联网创业者,从20127月以来共发布3期的报告:

•        20139月发布“应用分析方法论”——《移动应用分析白皮书V1.0》,由百度移动统计团队历时8个月,在5000余个样本应用中分析提炼得出,通过通俗易懂的语言向开发者讲述如何科学有效地对应用进行统计分析;

•        201211月发布第二期报告:《成功应用案例剖析与趋势解读》,调研剖析国内成功应用案例,并对国内主流开放平台进行对比,以此为开发者提供参考和指引;

•        20127月发布第一期报告:《中国开发者生存状况调查》,呈现中国移动开发者人群的整体生存状态。

我们认为,这些信息对于产品、市场及用户研究人员的参考意义不大,当然,如果你即将创业或是想了解一下开发者的生存现状,这是一个很好的参考资料。

3.    移动应用统计报告 http://mtj.baidu.com/web/welcome/industry

该统计报告的数据来源于百度移动统计覆盖的终端中在指定时段启动过至少一次应用的活跃设备,透过此报告,大家可以把握移动移动应用的发展趋势,用户对移动应用(类别)的偏好及在APP上的使用行为。

该报告从201212月发布第一期报告以来,一共发布了3期报告:2012Q3Q413年的Q1。最新一期就是13Q1的数据了,更新频率比较低。

最新一期的报告主要结论截图如下所示:

pw_13 pw_14 pw_15 pw_16

 

图片来源:http://developer.baidu.com/static/assets/reportpdf/2013年第一季度移动应用统计报告.pdf

4.    移动应用搜索行业报告

目前应用搜索行业的资源储备已经成熟,移动应用的数量已经接近于2004年网站的数量。限于技术门槛较高,目前应用搜索的核心是功能搜索技术,即根据用户主动搜索需求推荐最合适的移动应用。未来应用内搜索技术可针对主动搜索需求直接推荐应用内内容,大幅降低用户使用门槛;基于自然语言的搜索技术更能够让应用搜索真正成为用户的贴身助手。

因此百度推出了“移动应用搜索行业报告”,其目的就是为自己的移动应用分发做广告,吸引中小应用开发者进驻合作。至今百度仅在20133月的时候做了一期的广告:《移动应用搜索行业报告_2013年第一期》,后续不要有什么期待了。

当然,如果你想在百度上做移动应用分发,这个可以作为一个参考,以便了解百度应用分发的渠道、机制和优劣势。其报告主要内容截图如下:

pw_17 pw_18 pw_19

图片来源:http://developer.baidu.com/static/assets/reportpdf/移动应用搜索行业报告_2013年第一期.pdf

 

 

 

三、豌豆荚 http://www.wandoujia.com/apps

豌豆荚作为一款优秀的Android平台手机助手工具,其在移动应用分发市场牢牢占据12.4%的市场份额,处于第三的位置。

笔记认为,由于豌豆荚现在仍在独立运营,暂时不会受制于国内巨头,其统计数据相对中立客观,尤其是一些核心应用的下载趋势及排名上,具有很大的参考价值。

pw_20

2013Q3国内Android平台移动应用(APP)分发量市场份额

数据来源:易观国际(http://roll.sohu.com/20131108/n389774200.shtml

豌豆荚提供两方面的数据资源:下载排行总榜和应用分类排行榜。

1.    应用下载排行榜(http://www.wandoujia.com/top

该栏目下,主要提供三个分类榜单:

•        安卓游戏周下载排行

•        安卓软件周下载排行

•        安卓应用下载总榜(游戏+软件)

其排行版截图如下:

pw_21

图片来源:http://www.wandoujia.com/top/app

 

在排行中,包含主流Top应用的周下载量和总下载量,如果长期监控,大家可以拿到应用下载量的周变化趋势,进而方便追踪竞品。

2.    应用分类排行(http://www.wandoujia.com/tag/app

除了总榜,豌豆荚还提供了软件及游戏的分类榜单,这点和友盟指数的“应用排行榜”比较类似,不过在具体分类上有些差异。

豌豆荚的游戏和软件分类如下:

pw_22

图片来源:http://www.wandoujia.com/tag/app

http://www.wandoujia.com/tag/game

 

四、360手机助手 http://zhushou.360.cn/list/index/

360凭借其安全卫士及手机助手的庞大用户量,在应用分发市场牢牢占据24.8%的市场份额,处于绝对第二的位置,仅次于百度系。

如果从单一分发渠道而言,360的手机助手可以牢牢占据第一的位置,份额高达23.2%,超过了百度旗下的安卓市场16.3%

pw_23

2013Q3国内Android平台移动应用(APP)分发量市场份额

数据来源:易观国际(http://roll.sohu.com/20131108/n389774200.shtml

与豌豆荚类似,360手机助手也提供应用下载数据及排行榜。

1.    软件分类排行榜(http://zhushou.360.cn/list/index/cid/1

pw_24

图片来源:http://zhushou.360.cn/list/index/cid/1

 

2.    游戏分类排行榜(http://zhushou.360.cn/list/index/cid/2

pw_25

图片来源:http://zhushou.360.cn/list/index/cid/2

 

 

 

五、腾讯移动分析 http://mta.qq.com/mta/

腾讯在移动应用分发领域,主要有2个渠道:应用宝和QQ浏览器。而在移动应用分析领域,腾讯有2款专门的分析工具:海纳应用搜索和腾讯移动分析(MTA)。

pw_26

2013Q3国内Android平台移动应用(APP)分发量市场份额

数据来源:易观国际(http://roll.sohu.com/20131108/n389774200.shtml

1.    海纳应用搜索(http://haina.myapp.com/

腾讯于20126月推出海纳应用搜索服务,海纳是基于应用功能搜索的跨平台应用搜索引擎,专注于APP搜索以及根据搜索行为的应用推荐。海纳应用搜索整合日均使用人次达十亿级的手机腾讯网、QQ浏览器等产品,通过独特的算法,为手机用户提供多维度的精准的应用搜索体验,为合作伙伴带去下载流量。

海纳应用提供的数据包含以下3类:

•        搜索风云榜(http://haina.myapp.com/android/appranking.jsp

pw_27

图片来源:http://haina.myapp.com/android/appranking.jsp

 

•        分类榜单(http://haina.myapp.com/android/appcategory.jsp

pw_28

图片来源:http://haina.myapp.com/android/appcategory.jsp

 

•        行业报告(http://haina.myapp.com/android/report.jsp

海纳应用搜索每半年会发布一个应用搜索行业报告,至今发布了2期:


image037

图片来源:http://haina.myapp.com/android/report.jsp

 

最新一期(2013年上半年)的报告主要结论截图如下:

pw_29

图片来源:http://3gimg.qq.com/web/haina/android/report/海纳安卓应用搜索行业报告-2013上半年.pdf

 

2.    腾讯移动分析(http://mta.qq.com/

腾讯移动分析(MTA),隶属于腾讯分析(TA),作为移动应用领域的专业分析工具,提供以下2类数据:

•        情报中心(http://mta.qq.com/mta/trend/ctr_top

pw_31

图片来源:http://mta.qq.com/mta/trend/ctr_top

 

这个排名数据来源于海纳应用搜索,但多提供了应用市场的筛选功能,经过对比,2个平台的排名数据完全一致。

•        移动用户终端环境报告(http://mta.qq.com/mta/operation/?cat=2&s=

pw_32

图片来源:http://mta.qq.com/mta/operation/?cat=2&s=

 

腾讯移动分析从20132月开始,不定期发布移动用户终端环境分析的报告,针对操作系统版本、网络运营商、屏幕分辨率、品牌和机型进行了统计分析,方便大家获取腾讯用户的终端环境情况。

最新一期(20139月)的报告主要结论截图如下:

pw_33

图片来源:http://mta.qq.com/mta/operation/?p=106

总结

以上就是5款免费的移动互联网分析工具及其使用方法的介绍,大家在实际使用过程中可以灵活运用,取长补短,进而与传统的问卷调研相结合,输出更有价值的分析报告,为您的产品提供更好的方向指引。

这里,再总结一下通过这5款工具可以获取到的移动互联网的重要基础数据:

•        设备激活量及品牌型号分布情况

•        设备分辨率及联网方式

•        操作系统及版本分布情况

•        无线互联网用户群体属性及地域分布

•        应用下载排行总榜及分类榜单

•        应用下载量统计及监测(历史下载量统计、日/月下载量监测)

•        应用使用情况大盘(日/月活跃用户数、日/月启动次数、日/月使用时长等)

后续我们将会对这5款分析工具的数据来源、收集渠道及统计方法进行更深入的研究,以便大家可以更好了解每款工具的内部统计模式,从而能够更客观的使用这些数据,如果对这个课题感兴趣者,欢迎与我们联系。

 

 

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=8046)

无觅相关文章插件,快速提升流量