存档

文章标签 ‘App’

WP7交互特性浅析及APP设计探究

2011年10月31日 没有评论

Windows phone7是无线领域的新生力量,但是迟迟没有进入中国市场。Mango(注意WP7和mango不是一个概念)的发布带来了中文的操作系统,也让人们看到了该系统的无限可能。在此,我结合自己在进行相关应用设计的经验以及自己对WP7系统认识和理解,浅谈一下这一特别系统的交互特性。

本文索引:

  • 涅磐重生的WP7(以及它的历史简介)
  • WP7对比iOS和Android
  • WP7设计风格
  • WP7内容和结构框架及特有名词解释
  • WP7交互特质分析
  • WP7应用设计建议

什么是WP7?

Windows Phone 7是微软发布的一款手机操作系统,它来自于微软但是和之前的windows mobile系统却截然不同。可以说微软的操作系统应该大致分为两个时代:windows mobile时代和windows phone时代。

Window mobile时代

  • 十年前一个基于windows ce的移动智能系统被开发出来,这就是windows mobile的原型版本。Pocket PC发布, 代号Rapier(双刃剑),发布于2000年4月19日,这是一个里程碑的事件。这也是后来被称为Windows Mobile的操作系统的首次亮相。
  • Windows Mobile 2003的原代号为”Ozone”(臭氧),发布于2003年6月23日,是第一个版本的Windows Mobile
  • Windows mobile 6.5是windows mobile时代的最后一个作品,但其根本上的,研习PC上严谨但死板的操作体验,终于在IPhone和Android的打击下,变得不堪一击。微软亟需一次蜕变。

WP7时代:

  • 2010.2.15微软在全球移动通信大展上公布Windows Phone7
  • 2010.10.11微软正式发布了WP7,并同时宣布首批采用WP 7的9款智能手机
  • 2011.5.24微软正式发布WP7.1(或称7.5代号Mango),表示Mango的三大要素是“通信、应用与网络”。
  • 2011.9.16微软正式在台湾地区推送Mango
  • 据称,在接下来,或将推出应用于中国大陆地区的操作系统Tango以及代号Apollo的windows8操作系统。

Windows Phone 7.0完全脱离了旧构架,一个未完工的系统,这大大影响了其体验的评价,尤其在中国。Mango带来了500多项改进和创新,当然还有完美的中文支持,基本形成了一个比较完善的手机操作系统。

WP7制定了硬件最低标准,这是为什么呢?WP7的目标是为多方手机生产商提供服务,所以不会像iPhone一样,在硬件上十分标准一致,但是其对本硬件都有“最低需求”,这保证了其不至于像android那样出现碎片化的杂乱场面。

屏幕

800×480 WVGA,支持多点触摸(最少4点)

硬件按钮

WP7设备至少要具备3个按钮:后退,HOME键,搜索

处理器

Qualcomm Snapdragon MSM 8×55(主频1GHz)或MSM 7×30(主频800MHz) CPU(支持DirectX 9)。

内存

至少512MB

内部存储

最少8GB

外部存储

扩展大于等于16G

无线

WiFi、蓝牙、A-GPS、FM

摄像头

至少500万像素,有闪光灯

其他

加速度感应器、指南针、亮度感应、外部键盘(可选)

目前WP7阵营的支持厂商:三星、LG、HTC、诺基亚、宏碁、富士通、中兴等。毫无疑问,微软和诺基亚的合作是最应该被人们所重视的伙伴。

WP7, iOS, Android

毫无疑问,iPhone拥有着最庞大的APP资源,其现在的app数量是WP7的10倍以上,比开放的安卓也多出很多。其在品牌价值上的优势也不可忽略,用户对于iPhone的认可度非常高。然而,作为只专注于一台手机的策略,其在保证了最优手机硬件配置的前提下,也让用户缺少了更多的选择,如何能更加个人化个性化,也是选择iPhone时不得不思考的问题。再有,iPhone的体验设计从出现至今已经延续了快4个年头,但是我们没有看到其在UI在交互方面有多少重大的突破。这里我弱弱的问一句,大家没有觉得iPhone的UI已经有些过时了么?这一点,我们至少可以从现在app各种不拘规范的设计上看出一些端倪。

Android的优势在于开放,它应用于不同的硬件生产商,允许开发者深度开发不同的ROM,给用户带来的很多惊喜,这也让他的设计体验与时俱进,不会落伍,并满足用户多元化的需求。然而android也受制于自己的开放性,开放带来的无论是硬件还是系统的碎片化,给用户给谷歌给生产商都带来了很大的困扰。

WP7作为一种全新的体验模式,给用户带来了跟多的惊喜(当然并不只是惊喜),相信会被越来越多的用户所接受。在硬件方面则取了两者之长,它利用自己自身系统的特点,既提供给了生产商嵌入自己特色应用的入口,又保证了用户可以进行最快速的系统升级等服务。个人认为在体验方面,WP7是超前的,他有一个高端的外表,也有很多体贴的细节设计。另外在目前的操作系统中,WP7的系统优化应该是做的最好的,很低的配件就可以达到非常乐观的流畅度,这一点是其他系统不可比拟的,也为WP7平台适应不同价位段市场提供了很好的基础。另外WP7的进行的本地化推广战略,也是未来手机系统的一种趋势。但是其推出时间稍显滞后,新系统必须获得足够多的用户接受,而WP7的入门稍显困难,这一点也很有可能把它带入困境。创新的东西总是会带来挑战和风险。

我不赞同说WP7前景不被看好是因为用户没有任何理由放弃安卓和IOS,当然我也不赞同说WP7会打败IOS和安卓。未来的智能手机市场,不会出现一统天下的情况,只会是群雄逐鹿,此消彼长。不可能说一种或三四种操作平台就可以满足所有用户的需求,因为用户的需求是无穷尽的,而创新也是无穷尽的。

(二)

“流畅、干净、周到、开阔、非常个人化,而且未完工”

这可以说是在体验了windows phone7.0系统之后我的感受,而mango之后恐怕要把最后一条去掉了。要谈WP7我们恐怕总是不得不说这样这样几个特有名词:”Metro”、”Live tiles”、”panorama”、”pivot”、”Hubs” 等等。

WP7的UI是基于一个叫Metro的内部项目。灵感来源于机场和地铁的指示系统。

三种常用元素:

  • 明显的色块
  • 象形的图形
  • 简短的文字

五点原则:

  • 干净,轻量,开放,快速
  • 要内容,而不是质感
  • 整合软硬件
  • 世界级的动画
  • 生动,有灵魂

当然仅仅metro是不够的,图片加图形或文字的形式也是WP7的主要视觉风格之一

目标用户:

WP7 系统定位的目标用户是:忙于私人和工作事务的高效能人士。针对此类目标用户,WP7系统在提供给用户的使用上注意以下几个问题:

  • 个人化–用你的方式去过一天
  • 关联性–你身边的人,你周围的环境
  • 连接性–你自己的东西,你自己的思考和关心

lock wall惊艳开场:

WP7的锁屏界面由一张可更换的墙纸和若干提示信息构成,仅有时间信息和状态栏是必然存在的。整体的视觉风格非常简单轻量化。第一次点击,墙纸会做上下运动,带来了很好的使用引导。用户根本不需要关心手指点触的位置,只需要轻轻向上滑动超过1/3就可以完成开锁任务,墙纸会像大幕一样拉开。相比iPhone来说更加简单,整体视觉感官上也更加舒适。

Start view

用户自定义快捷入口,可以是APP,可以是某个文件,可以是某个集合,可以是某个订阅,你可以“pin whatever you want”

App list

所有app的集合,mango增加了快捷检索和搜索

Panorama

适用于多功能整合的综合性app,原生系统用它来实现了自带的5个hub:ZUNE,PICTURE,LIVEBOX,PEOPLE,OFFICE,MARKET PLACE

pivot

适用于内容丰富,但是功能结构不是很深的app或做app的子层级:原生系统用它来实现了短信\日程表\邮箱\设置

list

适用于内容和功能简单的app或做app的子层级:原生系统用它来实现了通讯录

Tools

适用于功能比较纯粹app或做app的子层级:原生系统用它来实现了闹钟\计算器\相机\浏览器

下面将就几个WP7特有的名词进行解释。

Start sreen

Start sreen 是用户进入后直接面对的第一屏,也是在任何情况下,点击物理HOME键即可回归的主屏。

它的主要组成元素只有一种,就是Live tiles。其本质类似于PC 操作系统的快捷方式,但是承载的信息更多,更加动态,也更加自由和个性化。

Metro风格的指向箭头会把用户清楚的引导向APP list。另外就是被弱化功能的状态栏。

小瓦片 大智慧—-live tiles

Tiles(瓦片)其实是一种快捷方式和推送机制的结合体。它是实时的,动态的,内容丰富的。这个词汇可以拆分成两个单词:live和tiles,Tiles可以是什么呢?

它可以是一个原生的APP快捷方式+实时的更新信息提示
它可以是一个第三方应用的快捷入口
它可以是某个联系人的快捷入口
他可以是一首歌的快捷入口
一个列表或者榜单的快捷入口
一个游戏的某一关,一个特别关注的微博,一个相册

似乎任何手机上的信息,只要用户有需要,只要我们的app上给用户授权,都可以在Start screen有一个入口。这样深层次的定制化逻辑,给用户带来了更加个人化的使用体验。

Live tiles的表现形式其实也是比较多样的:

他们都是tiles,为什么会有这样多的差异?其实他们的结构都是相同的。一个Tiles(瓦片)是由正反两个面构成的,开发者可自行选择是否全部采用。

正面:

一张底图(可以是图片或图标或图片加图标)

标题

更新通知

反面:

一张底图(可以是图片或没有)

标题

内容

Tiles正反两面的元素,开发者自行进行选择元素的存留。加之背景的差异,瓦片在视觉上的差异化,使得整个Start screen显得不会呆板平淡。

动画形式:

翻转:

平推:

Tiles的功能除了提供入口之外,还担当着更新本地动态,显示推送服务的角色。Tiles上的背景,和反面的内容都是可以实时更新的,正面和反面可以通过两种动画进行切换,在加之更新提示,使得tiles出色的承载了更多的信息,同时给系统带来了灵魂和生机。这也是WP7系统一种特色的通知形式,Tile Notification。

Tiles(瓦片)让用户拥有了更多的个人化个性化的定制空间,同时也给用户提供了更深层次的快捷入口。动态的推送提醒机制,各种随时而动的小动画,可以让用户第一时间知道最新的变化,也为整个系统带来的生机和灵魂,同时为更多信息的承载,提供了条件。WP7希望用这样方式达到快速、个人化的目的,而我们在做相关APP开发时,也可以充分利用这一特性,给用户带来惊艳快速的体验。

HUBS

WP7在功能上对整体结构进行了整合和划分,采用了六个全景HUB分别是:

  • ZUNE—影音
  • PICTURE—图片
  • LIVEBOX—游戏
  • PEOPLE—社交与通讯
  • OFFICE—Office工具
  • MARKET PLACE—市场

另外也给厂商提供了第三方HUB入口,如: HTC HUB。

HUB不是一种单独的应用那么简单,正如其名字一样,“集线器”“枢纽”他更多的展现的是一种纽带的作用,重视与其他程序综合化得处理。使得户对某一类信息进行处理时的行为是连续的。每一个HUB都可以在其应用中连接到其他的app。WP7系统及追求使用操作的流畅,同时也追求信息流的流畅。以music+video为例,用户可以直接在这个HUB中搜索相关的app应用,然后安装。用户也可以直接从HUB里面相关的app列表,链接到相应的app进行音乐的其他操作。

Panorama(全景视图)

滑动的世界—流畅的不会迷失的导航 极其扁平的信息构架,WP7是一个滑动的世界,他会引导用户尽量通过滑动去切换去导航。全景视图是WP7特有的交互形式之一,它一般应用于app的第一层级。画卷式的操作形式,既给用户带来了方便流畅的操作体验,也给APP本身带来了更宽广的空间。

全景视图下原则上是支持所有控件的。再加上这个视图本身的广阔的空间,为这里提供了无限的可能性。上图是QQ音乐mango1.1版的全景布局。它不仅让用户在滑动中就可以完成一级导航的任务。由于其独特的空间特色,可以安排更多的内容,使整个信息的构架更加扁平。所以其适合应用于结构关系比较复杂的APP。

全景视图的空间结构示意

全景视图的背景是可更换甚至可随机变化,这为我们免去了做皮肤的烦忧,而且给用户带来了更多的自我发挥的空间和个性化的体验。

使用全景视图注意事项

  • 虽然全景的扩展性很强,但也要量力而为,过多的View不仅带来了APP的运算压力,影响流畅性,也会增加用户导航的操作难度,甚至让其迷失。此处建议3~5个。
  • 同时也要注意每一个view之间的视觉差异,避免用户迷失其中。
  • 另外,杂志/画册是很好的参考物,尤其是在排布和UI方面。

Pivot(枢轴视图)

Pivot是WP7比较创新的一种页签的操作形式,由标题,页签和内容组成。滑动内容和页签都可以进行页签切换操作,同时也支持点击直接切换页签。

滑动的魅力是强大的,用户不用去思考他的手指要点击哪里,会不会出现误操作之类的问题,他只要轻轻滑动页面,就可以轻快流畅的到达到要去的地方。减少停顿,让行为连续起来,再一次体现在系统的设计中。与全景视图相比,PIVOT更加注重体现内容,而不是结构,所以其适用于结构关系比较简单,但是内容比较丰富的APP,当然其也适合做全景页面的下一层级使用。

但是并不是完美的

Pivot的形式虽然用滑动的操作给用户带来了新颖和快捷的操作体验,但其页签的循环和变化在很多情况下却也容易让用户迷失其中。在设计的时候需要谨慎采用,尽量减少pivot的页签数量,并且不能出现pivot页面下继续出现pivot的情况。

在QQ音乐上,我们的解决办法是在全景视图下就给用户预设pivot中每一个页签项的入口,这样可以让用户以最快的速度到达他的目的地,同时也保留了其在pivot下切换页签的权利,既快速到达,又保存了行为的连续性。另外,在使用PIVOT的时候需要用字体大小和颜色来引导用户,使其预知哪些是可以点击的,哪些是导航的,其实这是整个WP7系统要注意的问题。

在对一些WP7的交互特性进行了解释和分析之后,这里笔者也总结了一些系统的特质。

一、永远的开阔:去边界化设计的极致体验

去边界化的设计遍布了整个WP7系统,这是一个全新的尝试。在WP7系统中,我们基本看不到在其他系统上随处可见的各种栏:标题栏,状态栏,工具栏…Bla Bla…所以,我们看到了一个更加广阔的视野,更加舒适的Screen。上图是同一个页面,在WP7和IOS上的对比,很明显,WP7的视野更加开阔,整个屏幕都是风景,而IOS则让人觉得看到的是一扇窗户中的风景。当然这样做也是有足够的风险,用户的识别性降低了,功能区域的划分也不明显。WP7的解决思路就是尽量让用户看到的都是可以点击的,用字体大小、颜色来引导用户去区分目标的属性,目前来看,本人还是可以接受并习惯的。

二、连接一切:完善贴心的提示系统

WP7的提示系统有很多种,不同的场景应用不同的提示系统,除了之前介绍的Tile Notification,这里的将给大家介绍一个最普通Toast Notification

WP7的toast 跟平常情况下的toast基本差不多,展现形式如图,但WP7给他加入了更多的可控因素:点击toast直接进入相应的应用,或者划开toast不在意。在IOS5上,苹果也采用了类似的形式。这样的提醒既没有干扰到用户的正常使用,又方便的给用户提供了专场的出口,可谓贴心,而且不知不觉把应用都连接了起来。

三、充满空间感的动态世界:空间层结构–动态、动画与等待机制

WP7的动画是一大特色,同时也是充满了空间感。而这一点在设计的时候最好给予关注,“让用户把等待变成一种享受”

四、减少输入的快捷体验:强大的本地检索

WP7的本地检索,既有分类的作用,又可以达到快速的检索,而且具有很好的扩展性。尤其是对于分栏项目很多的页面设计,我们可以从中得到很多启发。

五、扬长补短、语义明确:创新的工具栏

在iOS或安卓上toolbar的处理一直让人头疼的一个问题是:单纯用图形化的图标,用户会迷茫,使用图标加文字,会浪费空间,于是经常两难。而WP7则秉承他开拓空间的传统,使toolbar有了一种更新颖也更贴心的展现形式。正常状态下,toolbar为单纯的图标 然后又一个提示用户点击的“…”,或者只有“…”,这里放置的图标是用户最常用和最容易识别的功能。当用户对图标不理解的时候点击工具栏“…”,工具栏会拉起,显示图标的文字解释。工具栏图标最多可以放4个,当有更多,或者不常用或者用图标难以表达的功能,则以菜单的形式至于图标下方,做隐藏,点击“…”时,上拉弹出。

WP7精神

  • 注重程序之间联系与转化,无处不在的快捷入口和操作性更好的提示系统,滑动为先的导航操作,让用户的使用行为更加连续顺畅,更少的停顿和思考。
  • 各种各样的个人定制,让整个系统更加自由,个人化,个性化。
  • 扁平的信息构架,简化操作层级,更加直接,快速。
  • 去边界化的视觉,让用户的视野更加开阔,使用感受更加舒适。
  • 充满变化与动态,实时的告诉你你的系统是活的,有灵魂的,并且正在发生着什么。
  • 轻量化趋势(去边界)
  • 怎样扁平信息
  • 怎样开发空间
  • 减少用户的思考,不停顿
  • 手势的高级化:点击更多→滑动更多
  • 用WP7的思维去认识这个平台(社交、联系、快速)
  • 流畅轻量为先
  • 给用户更多个性化空间

WP7的意义不在于它在市场上能否会影响甚至击败苹果或者安卓,而在于在体验方面他确实进行了很多前卫而有意义的尝试。

还是那句话,未来的移动互联必然是多元化的诸侯纷争的格局,我们应该对更多新的东西给予宽容和机会,因为他们确实能给我们带来惊喜。

分类: 6如何设计 标签: ,

一枚App图标的设计文化

2011年8月3日 没有评论

启动图标是每一个iOS中应用软件的关键组成部分。 它能传达给你应用程序的基础信息,并能够给用户带来第一印象感受。 它是一个非常重要的软件入口,能直接引导用户下载并使用应用程序。它的重要性在这个智能手机时代被大家所认知。

有过软件启动图标的设计经验的设计师,经常会遇到这样一个问题: 设计出的单枚软件启动图标看起来很炫,但是放到电子市场上后,却不太受用户的喜爱,用户点击率很低。

怎样从视觉设计的层面,去提升app软件启动的图标点击率呢?
其实,我们在设计软件启动图标的过程中是有一定共性的设计方法的,这些能够帮助我们提升图标的点击率。

1. 运用视觉隐喻的同时,需要保证图标的可识别性。

如图一,这里很多图标设计是没有经过仔细思考而设计运用的。我们通过App商店去查找,会发现有非常少的app图标的设计是吸引眼球的。 例如, “绕口令”的搜索,你会看到这样的图标分类:

图一的第一行第五个图标,表现方式是将绕口令的英文文字写在渐变的图标背景色块上,视觉效果表现很平,没缺乏设计感。
为了吸引用户去使用app软件, 我们必须设计出吸引用户眼球的图标!
我们可以运用隐喻的设计表现手法,传达给用户“绕口令”的信息,让用户看到图标能够感知、想象、理解图标的意思。图一右侧被放大的图标,在这几种图标设计中,比较吸引用户去使用。它的设计采用的就是隐喻的视觉表现手法,让用户理解绕口的含义,再加上有趣的形象设计,让用户容易理解图标的含义,这样的精致隐喻的图标容易在第一时间吸引用户的眼球,受用户的喜爱。

如图二,这是星巴克的一款应用程序图标设计。星巴克的标志设计是非常好的,但是,星巴克的消费卡的app图标设计中星巴克的标志比较小, 在App Store上看这枚图标设计,圈形的星巴克标志是难以辨认的。其实设计时,应该放大星巴克的商标,提高标识的可识别。
因此,我们在使用视觉隐喻的手法去表现图标的同时,需要确保图标设计的识别性。

2.分析同类app图标,整理设计思路注重图标创新。

我们在itunes里搜索效率软件会发现很多相似的图标。如图三所示,这里面哪些图标会吸引用户的眼球呢?过目之后,我们会发现,那些有层次设计感、和特定质感的精致图标会吸引用户关注。
设计app图标的另一种方法是增加图标的层次感设计和质感表现。设计好图标后,放在同类别app图标中,去审视自己设计的图标是否能够抓住用户的眼球。

下面是图三中的几个能够第一时间抓住用户眼球的图标:

2Do -这个图标就像一堆文件有序处理的感觉。缝制的皮革质地和洁净便条形成质感的对比,图标整体质感表现细腻饱满。

Put Things Off -是一个很好设计。设计者经过仔细的思考,表现方式与众不同,富有创造性和趣味性。图标采用文件箱子和“前进”的箭头的视觉元素表现,表达事件处理的迅速效率的感觉;色彩上,运用了纯度很高的鲜亮的色彩去设计,能够抓住了用户的眼球,让用户很快的理解了这款软件的功能特性。

Taska -图标看起来像一堆办公桌整齐地堆放在一个文件。 视觉表现上没有给人留下很深刻的印象,但是这个图标画的非常精致,纸张的堆积效果表现出了图标的层次感,背景木材纹理的效果表现提升了图标设计的质感。

3. 运用软件界面中的图形元素,体现图标设计的连续性。

有一种设计方法,可以确保图标的表现和软件具有连续性。方法是启动图标的设计运用和应用程序界面图形相匹配的设计元素。 Expenditure是一个很好图标设计例子,非常准确地描述了跟踪功能的应用程序。

 

4.采用用户好奇的图形元素设计,抓住用户的好奇心。

用高雅的轮廓、优美的线条去表现一款瑜伽应用程序图标。唤起用户的好奇心,吸引用户使用。

 

5.突出品牌,抓住用户眼球。

如果你正在设计一个知名品牌的应用程序,请恰当使用它的品牌LOGO! 生活中,这些品牌标志已经留给用户很深刻的印象,非常容易从众多app的图标中胜出。因此,在设计知名品牌的app启动图标时,应该充分使用它的品牌LOGO。
不管你想设计成什么,不要浪费了一个知名品牌的现有的元素!
例如,浏览几个图标,是很容易被辨认的:

但是,图标的设计中,如果你没有突出知名品牌的元素,会是什么样子呢?如图六的图标设计,在图七的众多的app图标界面中,图六的这些图标显得很无力,无法与其他图标竞争。

如果,调整图标设计的局部,改进设计:

我们把新的图标放在界面中,试看效果:

通过思考和实验,调整设计,让品牌特性抓住用户的眼球。

6. 设备测试预览图标的效果,微调色彩或亮度达到最佳效果。

采用在设备上测试你的图标设计,是一个很好的方法。
Photoshop里查看或者iphone模拟器里查看效果是不够的。图标在实际设备上的视觉效果和电脑上是不同的。 为什么呢? 有几个原因:
• 电脑显示器的色彩和亮度与触摸屏移动设备不同。
• 并非所有的触摸屏显示器是一样的。 例如, iPhone屏幕质量高于iPod触摸屏的显示质量。
因此,设备测试是很有必要的。

7.多场景测试,保证图标设计的上线质量。

App的商店有:
• itunes电脑商店;
• iPhone 不同分辨率的商店;
• itouch 不同分辨率的商店;
• iPad平板电脑商店。
这意味着图标的应用环境有多种,因此在图标上线前,设计师需要在多种图标的应用场景中进行设计测试。尽可能做到在多种商店场景下,在同类产品的用户查看界面,都能吸引用户的眼球。

以上几点app软件图标设计的方法你在设计时都用到了么?没用过的方法可以尝试使用。
这些共性的图标设计方法能够帮助设计师控制图标设计的效果和市场中的用户体验,能真正的从用户的角度去设计一枚图标,能提升你的app软件的用户体验,从视觉设计的角度去提升软件图标的用户点击率。


 

分类: 6如何设计 标签: ,

Google App Inventor初体验:会做饭的人就会做App

2011年3月30日 没有评论

前言:当年看到第一台搭载Android的G1发布的时候我就心动不已,因为我意识到这是我能买得起的智能机;当年因为喜欢Android我去了机锋,也因为Android结识了很多朋友;今早,我收到了Google带来的惊喜,一封App Inventor的邀请信。

使用App Inventor的准备工作

在Getting started页面你需要完成两个步骤:设置你的手机和电脑、将app inventor与手机相连。

电脑设置:下载最新版的Java(www.java.com)、安装app inventor附加软件(Instructions for Mac OS XInstructions for GNU/LinuxInstructions for Windows

手机设置(如果找不到,可以把你的手机设置成英文):

  1. From your phone’s home screen, select the menu, then Settings, then Applications.
  2. If your phone has an Unknown Sources box, it should be turned on (checked).
  3. Still on the Applications screen, tap Development.
  4. Make sure both USB Debugging and Stay Awake are checked.
  5. Go back to the Settings screen (you can tap the Back button twice to get there).
  6. Tap Sound & Display. Scroll down to Orientation and make sure it’s notchecked. Note: On some phones there might be be only a Displaysettings item. If so, tap that and make sure that the Auto-rotate screen item is not checked.

悟空的第一个Android应用Say hello

这个界面叫做设计器Designer,中间的部分viewer查看台,左侧是palette组件区(包括常见的文本label、按钮Button、还有高级一些的加速度感应计、指南针、图像、画板canvas等等)右侧的components是你的app中正在使用的组件和组件中链接的媒体(我这里链接了一张图片和一个mp3文件);最右侧是组件的属性,包括组件的大小,文字颜色,背景色,背景图等。

我做了一个say hello,点击那头驴(实际上是个按钮)就会发出叫声。当你摇晃手机的时候,也会发出叫声。

Design相当于你做菜的时候的菜板,你把所有的葱姜蒜、肉都放在了菜板就等着下锅炒一炒了。然后你要告诉他们怎么炒,先放葱还是先放肉,这时候你就需要用到Blocks editor模块编辑器了。

每个block都有自己的相关属性,比如按钮有自己的点击、聚焦、聚焦丢失等属性;声音有自己的play、resume、stop等属性。这些都是告诉你在Designer里的组件他们的动作是什么。

我是一个有点编程基础知识的人,但是在app inventor里面完全用不到的。这个东西真是太强大了,我上初中的时候曾经梦想着有这么一个利器,Google圆了我的梦。

分类: 3硬件学习 标签: ,

漫谈移动App社会化

2011年3月29日 没有评论

《漫谈移动App社会化》。这是一篇长文,本文作者@Dowell 从社会化的角度深层次多角度剖析了当下移动互联网App面临的新的发展机遇。正如文章所言:“移动app的社会化大潮虽源于Facebook、Twitter,却涌起FourSquare、Path、Instagram、Kik、Bump那样的移动互联网新贵,而且一个故事比一个故事传奇。”

为保证Mobile 2.0读者对长篇文章阅读体验的连续性,我们选择了一次性贴出全文,并辅以目录跳转的方式进行页面展现。此外,对更喜欢本地阅读的读者,我们也提供了从微盘下载本文PDF全文的方式,并希望大家能通过各自的社会化影响力在新浪微博上对微盘文档进行分享转发,让更多读者受益(请猛击下载)。

目录

前言:移动App社会化浪潮

一、社会化原因

二、社会化理论基础

2.1 六度分隔理论

2.2 150法则

2.3 Follow与好友,单向与双向

三、移动App的社会化动力来源

3.1 移动互联网新的机会

3.2 社会化是最好的的营销手段

3.3 社会化是工具软件的可选的出路

四、移动社交化的基础

五、观点与启示

5.1 现在的Kik并非严格意义的社会化App

5.2 平台还是应用

5.3 Beluga的启示

5.4 社会化是所有软件需要考虑的

附录、社会化移动app介绍

A、社会化图片分享软件:Path、Instagram

B 、交换一切:Bump

C、信息沟通工具:Whatsapp、kik,beluga

前言:移动APP社会化浪潮

2010年iPhone的热销以及其推动的移动app产业正在改变着整个移动互联网,以至于美国方言协会评出的2010年代表词也正是app这词。以Facebook、Twitter为代表的社会化网络正在像google当年从雅虎那里承接一个新的互联网时代那样承接一个更加富有想象空间的一个崭新的互联网时代。而移动app的社会化大潮虽源于Facebook、Twitter,却涌起FourSquare、Path、Instagram、Kik、Bump那样的移动互联网新贵,而且一个故事比一个故事传奇。

Path这家公司为人所知或许很大原因是因为其拒绝了来自Google一亿美金的收购。由参与过设计Facebook connect以及FacebookPlatform的Facebook前员工Dave Morin创建于2010年这家手机图片分享公司有着固执的设计理念,它试图构建一个封闭的私人社交网络,他只允许用户最多添加50个好友。虽仅有几十万用户,但其中20%的用户每天都会使用Path这个app应用。虽然Google对其估值1亿美金,很大原因是Google需要雇佣一个参与过Facebook核心平台设计的Facebook前员工Morin以及他的团队,但此后获得Kleiner Perkins 和 Index Ventures高达850万美元的融资,已使其估价高达2500万美金。

2010年10月19日才等登陆iPhone Appstore以及Android Market的Kik或许是2010年年度最火爆移动app之一。来自黑莓的创始人Ted Livingston将Blackberry Messenger巧妙地复制到了Android和iPhone平台,上线15天后吸引了100万用户,或许称得上移动互联网新的一个奇迹。此后国内的小米科技的米聊、盛大的Kiki、腾讯的微信相继面世是对其产品理念最大的认同。

同样的故事其实一直在移动互联网业界发生,引入地图签到功能的移动App:Foursquare到目前已经拥有了700万用户;类似Path那样的图片分享软件Instragram在4个月发展了200万用户;将Twitter、Facebook信息编排为完美杂志的社会化阅读工具被《时代周刊》评为2010年50大发明; 以交换名片发展交换Facebook、Twitter地址再到交换移动App的软件Bump目前每月的活跃用户高达800万。或许这样的故事在移动app领域每天都在发生,因为社会化后的移动App自身的传播速度、自身的用户粘度已非早期的移动app可比。

一、社会化原因

以雅虎为代表的门户互联网时代在多年前已被以Google为代表的搜索引擎时代所更替。而此时以Facebook、Twitter引领的社交网络时代正在试图更替已经十年的Google的那个时代。因为如果将拥有5亿人口的Facebook成为“大国”的话,其人口已经足以排在第三,每秒新增8个用户的增长速度使其虽未上市但在二级市场的估值已经高达829亿美金。而另一家社交网络Twitter也突破了2亿用户,公司虽未盈利,但其非公开的市场拍卖显示器估值已经高达77亿美金。

入口不仅仅是用户将某个网页设为缺省的首页,也不仅仅是用户打开浏览器第一个访问的网站。随着社交网络的普及,大量的用户在这之上生产和消费着庞大的信息内容,或许这是入口真正的意义。而这内容是对搜索引擎是封闭的,2010年3月Facebook超过Google成为美国访问量最大的网站就意味着将来会有一半多的内容搜索引擎无法覆盖,这个对于当前的入口Google来说是无法接受的。同时Facebook以及Twitter相比Google更加开放, Facebook Connect允许第三方使用其Passport的同时,第三方的内容更容易导入到其内容内循环当中,同时输出给第三方不仅仅是账号,输入的更是用户的好友关系链;FaceBook Platform允许第三方应用直接架构在自身的平台之上,zynga这样的社交游戏服务提供商更受益于Facebook社交网络带来的巨大的活跃用户以及这些用户的裙带关系。

社交化带来较低营销成本,服务更具粘性,在多个领域获得了快速的增长,正在改变着传统互联网的格局。社交网络游戏公司Zynga的月活跃用户已达2.35亿,相当于xbox以及魔兽世界月活跃用户的总和。社交问答网站Quora更吸引了众多明星以及互联网知名人士参与一问一答。同样带来变革的还有社交化杂志:FlipBoard,社交化商务社区:Linkedin。

二、社会化理论基础

社交网络取得如今的成就或许两个核心的法则一直发挥着重要的作用。他们分别是六度分隔理论以及150法则。

2.1 六度分隔理论

六度分隔理论是一个数学领域的猜想,名为Six Degrees of Separation,中文翻译包括以下几种: 六度分割理论或小世界理论等。 理论指出:你和任何一个陌生人之间所间隔的人不会超过六个,也就是说,最多通过六个人你就能够认识任何一个陌生人。这就是六度分割理论,也叫小世界理论。

六度分隔理论在某种意义上是社交网络存在的基础,一个以人为节点的网络终将可以替代一个以机器为网络节点的网络,同时人类社交关系的数字化更利于整合和梳理。它同时暗示了人与人存在着或远或近的联系,信息在这样的网络传播过程中可以达到任何的节点。尽管人与人之间的联系会是一个非常弱的关系,但其具备足够的广泛性。

2.2 150法则

150法则(Rule Of150),即著名的“150定律(邓巴数字)”。该定律指出,人类智力将允许人类拥有稳定社交网络的人数是148人,四舍五入大约是150人。该定律由罗宾·邓巴(Robin Dunbar)提出,罗宾·邓巴是英国牛津大学的一名人类学家。罗宾·邓巴是根据猿猴的智力与社交网络推断出该定律的。

受限于人的智力以及精力, 能稳定维持的人的关系的有一定的上限,Facebook统计显示一个账号的平均好友在120左右,同时msn当初设计的时候只允许增加150个好友都是150法则最好的实践。

2.3 Follow与好友,单向与双向

Follow机制或许是社交网络的一个创新,在现实或者传统社交网络人与人的关系依赖于好友关系,但受限于双向确认审批的成本,这样的关系建立相对缓慢,人与人虽然共同作为社交网络的节点,但各个节点并非对等的,意见领袖与聆听者地位有着天壤之别,导致双向的关系建立的可能性大大降低。Follow很好解决了这样的问题,把双向的好友关系变更为单向的关系。由于六度分隔理论的作用,单向的关系可以快速的建立弱关系的广泛联系,同时有利于信息的传播。单向(follow)机制为主导的主要的社交网站典型的是Twitter、新浪微博。

但并非所有的社交网络都采用Follow机制主导,因为双向好友关系更有利于用户间的互动。以双向好友为主导的典型是Facebook,开心网。

三、移动App的社会化动力来源

3.1 移动互联网新的机会

在多数传统互联网寡头忽视之下,新的社交网络寡头正在形成。Facebook现已具备了挑战Google的资本,现在以及未来很长一段时间北美的互联网市场将会上演Google与Facebook的双雄大战,而从现在的迹象表明以人与人建立的Facebook网络在机制上更加强于机器拼成的Google网络。在中国腾讯成为无可争议的第一互联网公司,Qzone正在演变成中国最大的SNS社区。

即便Google一直在试图扭转不利的局面,尝试收购了很多社会化网站,尝试Buzz、Wave这样的社会化服务,但Facebook、Twitter长期积累的社交关系网已经成型很难被突破,用户可以转移服务,但他已经存在的社会化关系网络很难从一个平台迁移到另外一个平台。手机作为现实社会最常用的社交工具,天然存在了通讯录这样的关系链,在互联网上无法复制的关系链,在手机上现实的存在。与此同时,这样的关系相比互联网更加真实。

手机的独特的特性使得社交网络更容易寄生。电话、短信是维系人际关系更直接和普遍的手段。GPS、相机这样更多传感器的加入使得沟通的方式更加便捷与多样。3G的网络重新定义了移动互联网的沟通方式,当网络不再成为瓶颈,iPhone、Android这样新一代的移动互联网让开发移动App更加便利。新的社交模式、新的通讯方式得以借此诞生。

3.2 社会化是最好的的营销手段

无法否认是社会化本身是一个很好的营销手段,苹果借力iTunes发布Ping音乐社区的时候,业界开始却有担心苹果正在构建Facebook这样的平台,当苹果发布GameCenter的时候,又有人担心苹果将构建一个新的类似zynga社交游戏平台。但就苹果的收入主要依赖于硬件销售而言,苹果并非一家互联网公司,Ping本身也是苹果与Facebook合作未果的产物。对于苹果而言社交化最大的好处在于能让口碑营销电子化,好友的推荐、好友的个人喜好、好友的个人行为都是另外一种营销的渠道。

3.3 社会化是工具软件的可选的出路

不可否认的是地图以及类似地图相关的移动客户端软件自身的价值,但工具只所以是工具而非日常软件在于只有有需求的时候才会被使用,地图app只有用户到了陌生环境,需要确定位置或者寻路的时候才被使用。同时纯粹的工具缺少粘性,他被另外一种工具替代的成本相对较低。位置签到软件FourSquare很好解决了工具软件社会化的问题,通过签到以及社交化游戏系统提高了用户粘性的同时也增加了软件被使用的次数。

四、移动社交化的基础

在社交网络中往往会分成三个层次,分别为:社交网络本身、社交网络开放平台、第三方应用。以facebook为例,三层分别为:Facebook本身、Facebook Connect以及Facebook Platform、zynga这样的结构。

虽然有很多移动APP架构在传统的社交网络的架构之上,但手机独特的环境可以形成另外三层结构,分别是:手机操作系统、手机通讯录以及传统社交网络开放平台、移动APP。与PC社交网络不同的是,由于通讯录的天然存在使得社会化APP无需像PC互联网那样需要另外的开放社交平台。

image

依赖通讯录的社会化App实际是复制了现实的社交关系到移动互联网领域,他与传统互联网社交网络有着一些微妙的区别,前者更加真实和封闭,依赖通讯录快速形成一个社交网络是社会化app很好的方式,但并非唯一。手机的定位能力,可以使位置、距离成为形成社交网络基础的另外的一个选项。同样虚拟的社交关系同样存在于移动互联网领域。社会化移动App相比传统社交网络存在多种模式的社交关系。

但多种社交网络模式的重叠存在,使得我们不得不关注阻碍用户表达意愿的自我审查意识,你的社交网络里面存在同事,你会过滤不能在职场说的内容;如果这个网络存在亲属,你会过滤不方便在亲人面前表达的内容;如果你的社交网络是虚拟的网络,你会尽量避免与你真实身份相关的内容。Path仅仅选择双向的好友关系,在某种意义上是避免双重的自我审查意识。

五、观点与启示

5.1 现在的Kik并非严格意义的社会化App

Kik Messenger产品理念脱胎于Blackberry Messenger,他所覆盖的是点对点的沟通而非真正的社交网络,或许这也是他被冠以短信杀手的原因。选择极简的方式进入移动app领域是个不错的方式、同时kik选择了风险更大但收益最快的关系链模式:双向不确认模式。好友关系的建立完全依赖服务器对用户通讯录的扫描和分析。这个是Kik短期快速发展的原因。

相比收费的BlackBerry Messenger,Kik这样免费的模式无法形成有效的商业模式。随着用户规模的增加更多的社交化服务会被引入。国内Kik的复制者米聊更像是kik与微博的结合体,这或许是一种很好的尝试。

5.2 平台还是应用

Facebook如今的成就很大得益于他构建了Facebook connect以及Facebook Platform这样的平台,面对Gooogle的步步紧逼,Facebook最大的资本或许是其不是一个人在战斗,zynga这样依赖于Facebook平台的服务提供商为Facebook构建了更多服务,使得Google面临着不仅仅是FaceBook这样一个对手。平台化建立并且普及或许是很多社会化移动App打算修成的正果。

手机图片分享软件Instagram的发展历程或许是平台化最好的诠释,Instagram早期发展依赖于Twitter、Facebook这样的社会化平台, Instagram拍照和处理的图片在Twitter、Facebook随处可见,自然成了Instagram最好的广告。得益于社交化开放平台Instagram在4个月期间发展了近两百万的用户。足够的用户规模使得Instagram具备了建立平台的能力,2011年2月25日Instagram宣布开放实时分享照片API,使得第三方能够利用Instagram生产的图片,平台化之路或许会给Instagram带来更快的增长。

5.3 Beluga的启示

Kik、Whatsapp、Beluga我们可以将其归类于信息沟通软件。但Beluga的独特之处在于他并不要求你需要沟通的对方是同样App的用户,你可以与一个Email用户进行交流,对方收到邮件以后,点击相应的链接即可通过Web网页与Beluga的用户进行实时的交流。

虽然通讯工具会是社会化App很好的切入点,但沟通双方必须安装同样app软件是一个很高的门槛,尤其软件发展早期。Beluga这样的模式很好解决了发展裂谷的问题,用户不关心沟通的对象使用电脑还是手机,只关心沟通方式的简单和及时性。

5.4 社会化是所有软件需要考虑的

不仅仅社会化移动app需要考虑社会化问题,社会化开放平台是移动app很好的借力方式,通过与微博对接,app自身的内容可以很好的通过微博传播,当信息被贴上你的软件的印记的时候,信息的传播过程就是你的软件自身的营销过程。同时社交网络开放平台存在的关系链会是口碑营销最好的渠道。

附录、社会化移动App介绍

A、社会化图片分享软件:Path、Instagram

image

虽然两个软件同为社会化图片分享软件,但两个产品有着不同的设计理念,Path的创始人Morin来自于Facebook,或许是其有很多Facebook的相同的产品理念:即双向的好友作为主要的关系链,为了保证用户的活跃度,限制了每个用户最多只能有50个好友,通过这样的限制让用户自我删选活跃的用户。Path的社交网络建立很大程度上依赖于通讯录,使得其更加接近现实的社交关系,真实是Path产品的设计理念所追求的,照片不仅仅是一张图片,他以事件的形式记录照片的时间与地点。

image

而Instagram的创始人Kevin来自于创建Twitter公司的前身Odeo,更多的Twitter的理念流淌于Instagram的血液之中。Instagram采取单向的Follow机制,其社交关系链是更加广泛的弱关系,真实变为次要的需求。Instagram相比Path增加了照片的滤镜处理,因为精美的照片更能刺激用户上传更多的照片。

B 、交换一切:Bump

image

Bump的产品设计初衷为了手机用户更便捷的交换名片,当两个手机在一期对碰的时候能够相互交换名片。随着软件的不断更新,从简单的名片扩展到图片、社交网络相互加好友连接,日程安排,甚至移动App软件本身。

软件操作充满趣味,该软件每月的活跃用户已达800万。

C、信息沟通工具:Whatsapp、kik,beluga

image

这三个App都是用户信息沟通工具,不同的在于Kik为了快速切入市场选择了极简的模式,第一版的Kik只支持文本交流,当然相比短信增加了输入状态。Whatsapp软件发布早于kik,除了文本Whatsapp还支持的沟通方式包括图片、声音、联系人、位置。Beluga产品设计上不要求沟通的对方是Beluga的用户,非Beluga的用户可以使用Beluga提供的临时网页地址进行实时的沟通,同时Beluga还支持群组功能。

原文地址:

http://www.mobile20.com.cn/talk-mobile-app-social/

本文作者: @Dowell,中文名林路。百度移动互联网事业部掌上百度产品负责人,曾在浙江电信省公司任职多年,对中国移动互联网发展有非常独到的见解。

分类: 8门派江湖 标签:

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