2011年9月3日星期六

软件启动画面其实并不简单……

平时我们打开一个大的软件,经常需要等待应用程序启动。在这个简单的过程中,启动画面会呈现在我们眼前。有时候它让我们眼前一亮,有时候它会让我们感到困惑,有时候它会让我们感到厌倦……

小小的启动画面到底有什么学问,它对产品用户体验都有哪些影响?本篇文章做了一些分析和总结,希望对你有帮助。

什么是启动画面

当用户启动一个操作系统、软件或者应用程序的时候,首先出现的承载产品标识及相关信息的图形界面。例如,Office软件程序的启动画面,上面有产品的标识,发行公司以及一些可能的操作。

clip_image002

为什么需要启动画面

按照体验设计法则——让用户快速的开始任务,启动画面貌似是用户开始任务前的障 碍。其实不然,实际情况是程序的启动是需要一点时间的,有时这个时间会比较长,比如操作系统的启动、大型制图或者办公软件的启动等等。而在这段时间里,如 果显示黑屏显然不恰当,如果显示一段段正在运行的程序代码又过于机械(早期的DOS操作系统大家应该有所印象)。

clip_image003

启动需要时间,所以带来了一些用户体验的问题:
1.用户不知道机器在做什么,会怀疑机器迟钝、效率低下
2.用户等待会有厌烦情绪,直接影响对机器的情感
为了解决这些体验问题,人们使用一个画面来代替后台正在运行的代码,换来人们对机器的好感。为了做到这一点,很多公司都用心良苦,动画越来越细腻,形式也越来越多。这里不赘述举例,主要谈谈移动应用客户端的启动画面(以iOS平台为例)。

移动应用程序的启动画面存在的环境

移动应用程序存在的环境是恶劣的,这是相对PC来说。即使产品设计支出对功能做了很多减法,即使工程师日日夜夜在做性能优化,应用程序的启动还是需要一些时间。启动画面在移动客户端产品存在的必要性不得而知。

移动应用程序启动画面的设计法则一 ——避免显示无关内容,包括一个漂亮的图,要尽力让启动画面变得有意义。对于用户来说,他们希望立即体验你的应用程序而不是欣赏一些无用信息。

如何理解这个法则,如何使用这个法则,下面的例子说明了一切,你也可以下载并体验这些应用,了解更多有关启动画面的秘密,欢迎随时交流。

场景一 品牌含义的延伸
如果启动时间不是一两秒那么短的时间,我们可以利用这个时间展示应用程序的品牌。但是不要只是展示品牌,最好能够结合应用程序所提供的服务,将品牌的含义延伸到画面中,带给用户一种亲切感,或者让用户了解到产品的文化,或者其他你想让用户了解的故事。

案例一 只是标识的设计。很多应用都是这样设计的。将自己的标识往中间一放,告诉用户我就是我。然后没有任何情感的进入了内容界面。有的时候,标识本身拥有质感,让画面还能充满视觉的期待,如果像bing这样,有点……

clip_image004

案例二 平面设计还是很赞的。比如新浪新闻应用,让这种科技感和品质感体现出来了。一个地球也符合人们对新闻国 际化和时效性的理解。Adobe Photoshop的启动画面,将其对色彩和光的专业洞察力体现了出来,它一定会唤起adobe粉丝对其技术的共鸣。(缺少了人情味,不过科技感增强 了。)

clip_image005

案例三 讲个故事吧。利用启动画面可以为标识讲一个故事。也许是章鱼保罗的月亮之旅也可以是大眼睛过大年。总之,不仅仅是标识,还有让你欣喜的故事。当然这种画面如果不经常更新,也会让你的应用程序过于偏向某个事件或某类人群,容易引起部分用户的反感。

clip_image006

案例四有的放矢的标识补充。能够做到即能体现应用对用户的作用,又不花哨。下面的例子是值得学习的。周末画报,就是喝着咖啡来看报,有情调的共鸣。网盘就是大堆的文件、图片、媒体信息的仓库。

clip_image007

场景二 直接进入应用程序主界面
iPhone上的某些应用程序采用了默认界面框架作为启动画面。用户 会感觉应用程序响应很快——这一点在移动端非常有用,大多数应用程序没有这么做。如果加载时间过长,用户会认为是网络问题或者程序死机。利用界面框架作为 启动界面,可以缓解用户对应用程序响应延迟的厌倦感。(一般这个界面是一张图,而不是真的控件组成的。)

案例一 谷歌应用程序在启动后,展现了一张简略的界面,有导航栏和标签栏。几秒后,搜索框出现,告诉你可以使用该应用了。值得注意的是,由于是一张假的图,所以不要将可用的功能或者可操作的模块做在这张启动画面上,误导用户程序已经可以使用。

clip_image008

案例二 Facebook应用程序启动的时候需要判断是否联网以及帐号绑定情况。首先呈现的是一张假图,只有导航栏。如果没有绑定帐号则显示登录界面;如果绑定了帐号则进入信息中心界面。

clip_image009

案例三 Google Earth应用程序是从一个地球的全景开始的。所以启动画面就是一个静帧的地球,这与应用程序启动以后的画面几乎一致,可以让用户感觉到非常快速的情境反馈。

clip_image010

iPhone内置的应用程序大都采用了这种启动画面的做法(通讯录、短信、iTunes、AppStore设置、天气等等),让用户无需有等待的感觉,直接与操作界面见面。当然这要求应用程序本身无需太多时间启动。
也许有人认为没有品牌logo的启动画面感觉没有把品牌得到宣传。用苹果官方的解释,用户下载和打开你的应用的时候,就已经知道你的品牌了。你的品牌是否能够给用户留下好的印象,在于后续任务的用户体验,其中包括让用户立即享用你的服务而不需要任何等待。

场景三 过渡到有用的模块
如果你的应用程序需要用户在使用之前有必要的操作,你可以将之与启动画面结合起来,而不需要单独显示。这也是提升效率的一种做法。

案例一 将登录注册环节结合进来。当应用程序确定联网了以后,需要用户登录,则启动画面自动过渡到登录环节。 Yahoo messenger、MSN做得都非常自然。这回让你的用户感觉到非常细心的设计品质,提升用户对应用程序的好感。(一般这类应用程序在用户第一次使用 ——未绑定帐号的情况下,会出现登录窗口,如果已经绑定帐号,并默认登录,启动画面会采取场景二中的方案。)

clip_image011

clip_image012

案例二 局部联网刷新出有用的信息
Twitter官方客户端在首次启动会直接打开“搜索模块”界面,只是在界面顶部导航栏下方切出一个区域给注册按钮。此时界面下方内容区开始刷新,展现出即时简约的信息。

clip_image013

场景四 适当的动画
使用适当的动画,可以让应用程序的启动更加震撼。务必要做到适当,用户不是每次都想在启动应用程序的时候欣赏一段短片,除非相当精彩而且有必要。

案例一 摄影画报应用程序在启动的时候,是一圈逐渐清晰的图片。随着图片一张张呈现,程序启动完成,进入内容列表界面。这种将应用内容作为启动元素的方案,让用户能够从启动那一刻开始,欣赏应用程序提供的服务。

clip_image014

案例二 The Daily的启动时间是公认的长啊长。显示一个静帧的图片,然后是一段标识展示视频,其次是模拟显示天空的界面,此时数据还在加载。体验不能说很好,每次为了看这个应用的内容,都要等至少一分钟。

clip_image015

所以用一段视频做你的应用程序,可要慎重。即增加了用户的下载时间,又延迟了用户启动应用程序的时间。

移动应用程序启动画面的设计法则二——启动画面的出现,潜意识告知用户选择正确的手持方向。

在iPhone上,为了能获得更多内容,人们大多数是竖屏使用,所以iPhone桌面不提供横屏模式。如果你的应用程序只支持横屏,那么在显示启动画面的时候,就应该是横屏模式显示,这样直接告诉用户需要扭转屏幕,而不是进入到任务里面再告知用户。

clip_image016

在iPad上,由于屏幕尺寸更大,人们大多数是横屏使用,这样能看到更多内容(在iPad上,横屏模式可以显示更多操作或者隐藏内容)。这样用户 在横竖屏方向上会出现频繁的切换,所以你的应用程序最好支持所有方向使用。如果你的应用程序只支持一个方向,例如横屏,那么在显示启动画面的时候,就应该 是横屏模式显示,这样直接告诉用户需要扭转屏幕,而不是进入到任务里面再告知用户。

在iPad上,如果你的应用程序,同时支持横、竖屏,则需要显示一副正确的启动画面——与用户当前的使用方向一致即可。

loading

后记
小小启动画面蕴藏着很多讲究吧~。很多人认为启动画面这类比较视觉的工作是视觉设计师的工作,孰不知产品任何一个环节都需要精明的策略,单凭视觉好看或者 交互来做用户体验,永远是不够的,也是不可能的。切实了解用户体验对知识要求的综合性,才能真正做好用户体验,做好产品。

希望这篇文章能够对你设计产品有帮助,欢迎留言探讨,帮助我继续完善文章。

奸商,苹果不仅仅只是一个感性的艺术家……

iPad2 牛在哪里?苹果凭什么卖出销量如此巨大?屏幕很大,铝制外壳很硬,电力很持久?屏幕大,轻薄和电力持久的确不错,不过,这些都不是 iPad2 风靡全球市场的主要因素,我认为,iPad2 最牛的地方在于:便宜……

ipad

好把,我们说的都是 iPad 一代就已有的特性。 但是, iPad2 的升级确乏善可陈,最大的惊喜是看到教主,和 iPad2 没什么关系。这些升级不能超越对手,甚至都不能让拿着 Xoom 吐槽的 Android 粉丝闭嘴。

而 499 美金起的价格应该让所有人都满意。乔布斯特意把 Xoom 的 799 美金拿出来挤兑了一番。

当年 iPad 推出时,大家就惊呼便宜。几乎没人料到会在 500 美金上下。花街的分析师甚至说,如果是 500 美金上下,会卖疯了。事实也的确如此, iPad 一度拿下 95.5% 的市场份额。全年售出 1500 万部。

而 iPad2 的任务,似乎就是要让 iPad 赶上主流平板的配置,同时,保持低价位。

为何价格重要?

临界容量

产品进入全新的市场,有个临界容量( critical mass )。

比如日本的数字电视(日本主要是液晶电视)。 2003 年就可以买到了,但是从 03 到 06 的 4 年间,销量平平,只有不到两成家庭买了数字电视。但是 07 到 10 年,同样是四年间,普及率却一下子超越了七成。(有 2011 年模拟信号停播的因素)

产品占据的市场一旦超越一个点,后面就是销量的大爆炸。这个点,就是临界容量。

限制性定价

2003 年的数字电视很贵:先进入市场的厂家可以利用领先优势提高售价。这也是 iPad 之前的平板厂家做的事情。

但是, iPad 在提供全新的体验之外,卖的非常便宜。便宜到什么程度?华强北路至今少见 10 寸山寨平板。连他们都很难和苹果拼价格。

苹果不但抢先进入了市场,而且,采取的是限制性定价( limit pricing ):价格已经低到让别人进入这个市场时,难以赚钱了。(甚至三星的 7 寸板的发卖价格都无法和 iPad 竞争)

iPad2 的推出,成功的确保了”限制性定价”的有效性。

成本领先

另一方面,苹果通过规模来压榨供应商和制造商,取得成本优势。因为采购的进一步扩大,更强的谈判能力让 iPad2 拥有比 iPad 更低的成本也不是不可能。

更低的成本意味着更低的价格或者更多的利润,也可以让苹果对付敌人时拥有更多优势。

很明显,平板市场上,苹果在用成本领先的策略( Cost Leadership ):靠低价不断扩大规模,期望达到临界容量,引爆市场。同时利用规模压低成本,加强竞争力,靠低价阻止对手入场。

到目前为止这个策略很成功。 iPad 之前没有平板如此便宜,也没有平板一年能卖出 1500 万台。而现在花街的分析师们认为, iPad2 今年销售 4000 万台以上不是梦想。

3000 万台左右的上网本市场已经让大家挤破头了,快速扩张的平板市场更是人人垂涎。可是,苹果的对手们却发现,进入市场困难重重。 App 数量超越 AppStore 就不指望了。把成本降到和 iPad2 同样的水平?恐怕也没有容易多少。

锁定

这词更易懂的说法是:套牢。从 Windows 到 SAP ,锁定用户是轻松赚大钱必不可少的一步。

苹果既然瞄准了规模庞大的用户群,当然不会忘了这个。

Apple ID 就是一种锁定。注册 Apple ID 是很麻烦的事情,相信没几个人喜欢做第二次。苹果在 AppStore 对开发者们强调免注册,上来就能用。而在自己的产品上?没有 Apple ID 的 iOS 设备几乎不能算智能产品(越狱是另外的事情了)。

iPad 的各种设置的位置,各种手势同样是锁定。越用越顺手的同时,你就越来越不愿意开这个平台。

Apps 也是锁定。你要为收费 Apps 付出真金白银。而这些 Apps 却不能在 Android 上用。你用苹果的时间越长,买的 App 越多,转移到其他平板上要付出的代价就越高。

最后的话

iMac 证明了苹果的设计品味。 iPhone 证明了苹果的创新能力, iPad 1,2 这个 iPhone 的放大版呢?证明了苹果的经济学功底。

苹果不仅仅是个感性的艺术家,技术出众的工程师,还是个精明,出手快速凶狠的商人。

他熟练的运用各种经济学方法达成目标。 iPhone 是智能手机市场的后来者,却颇具革命性,那么打价格战就不合算。而 iPad 更像领先的拓荒者,和对手的技术差距也更小,所以选择了和 iPhone 完全不同的策略:利用低价格快速拓展和占领市场,同时锁定用户。

在中国,大家亲切的称呼这种人为:奸商

iPad 用户使用一年后对其的真实感受,值得您参考!

尽管已经一年多了,但iPad仍然是每天科技媒体和博客讨论的话题。一年多来,无论是已经购买了iPad的用户,还是尚未购买的顾客,都对iPad 有了更深的体会,以及更真实的想法。如果你已经犹豫了一年是否购买iPad,那不妨再花点时间来听听其他人对iPad的看法,或许能给你一些参考……

ipad

这是iPad刚发布时的一篇评测图文iPad2评测,下面是一年后用户们的心得感受:

1. iPad是二十一世纪完美的数字图书馆。在过去,我们喜欢逛图书馆,从一本一本的收藏著作边走过,看到喜欢的会停下脚步,从书架上拿下来。如今已经进入数字时代。我们越来越少时间逛图书馆,但我们并没有远离阅读,因为我们随身携带了一个“图书馆”,里面也有许多中外著作。不同的是,看到喜欢的著作,我们需要点击购买,放到属于自己的“书架”上。

2. iPad不适合用来处理Office软件任务,如Word文档和电子表格。虚拟键盘用起来不错,但还不适应用来工作,单是移动光标就是一件痛苦的事情。打印更是复杂或者不可能。

3. iPad 2的同步速度仍不能令人满意。第一代iPod通过firewire接口连接,速度飞快。但多年前,苹果已经摈弃了firewire同步,iPad仍采用USB 2.0。如果你要同步大量的数据,建议先去泡杯茶。

4. 电池续航特别给力,你会发现iPad充电次数并不频繁。

5. iPad不能建立多个不同的账户,因此iPad更适合个人使用,而不适合多人共用。

6. iPad没有笔记本娇气。从iFixit的拆解就能看出来,iPad的装配非常严密,即使拿iPad进厨房,不小心打翻液体,只要擦干就没事了。

7. 外出多天时喜欢携带iPad,但不喜欢每天携带。虽然iPad比笔记本轻而薄了许多,但还没有薄到可以每天携带,除非有必要。所以,如果你幻想着每天用iPad记录下随想,购买了iPad后你会发现,每天外出你更喜欢用手机来记录。

8. iPad 2的扬声器效果有了很大的提高,重低音较为突出。郊游或者露营的时候,不需要音响也能用iPad开party。

9.苹果App Store的应用多样化,以及iPad安装应用的简便,相信已不必多说。即使是初次接触苹果iOS设备,使用iPad也不会遇到太多问题。

当然,不同的用户在使用过程中会遇到不同的问题。一个人的困难或许在另一个身上却已不是问题。如果您也使用了一年多的iPad,此时您是否也对iPad有了不同的感受呢?

2011年9月2日星期五

25张幻想风格的创意壁纸下载

今天给大家送上25张幻想风格的创意壁纸,很幻想,很有诗意的哟!希望大家喜欢咯…… via

25张幻想风格的创意壁纸下载

 

25张幻想风格的创意壁纸下载

25张幻想风格的创意壁纸下载

25张幻想风格的创意壁纸下载

25张幻想风格的创意壁纸下载

5个Gmail邮件相关实用工具推荐下载

5个Gmail邮件相关实用工具推荐下载

Gmail 有关的小工具很多,偶曾经看到过一篇老外写的文章一口气列了25个,汗。。。有很多都是嵌在工具栏里的,我并不认为也可以算作 Gmail 工具。所以我只列出五个,个人认为非常不错的独立的小工具。(来自三两饭

Gmail Notifier

Gmail Notifier(Gmail 通知程序)是一个可下载的应用程序,它可以在收到新邮件时提醒你。下载 Gmail 通知程序后,系统任务栏中会出现一个图标告知你是否有未读的 Gmail 邮件,因此你不必打开浏览器就能监控邮箱动态。

Google Email Uploader

Google Email Uploader 是 Google 官方推出的一款用于把本地邮件上传到 Gmail 中的工具,方便你迁移邮件。支持 Microsoft Outlook 2002+、Microsoft Outlook Express 6.0+、 Mozilla Thunderbird 1.5+ 等本地邮件客户端。但是它目前不支持普通的 Gmail 帐号,只能用于 Google Apps Premier、Google Apps Education、Google Apps Partner 帐户。

Gmail to

如果你也和我一样不喜欢邮件客户端的繁琐,使用 Gmail to 吧。直接点击网站上的 Email 地址然后调用 Gmail 撰写新邮件而不是 Outlook 客户端。安装了这个,就会调用 Gmail 来对应 mailto 协议。

Gmail Driver

GMail Drive 绝对是一款让 Gmail 用户惊喜的软件,它能在你的硬盘上生成一个虚拟硬盘分区 GMail Drive ,这样你的硬盘上就多出一个 G 级的空间。你可以在 GMail Drive 上进行任意的复制、粘贴、删除、创建新的文件夹,甚至拖曳操作。

Gmail Signature Generator

这是一个在线的 Gmail 图标生成工具,可以生成八种风格精美的 Gmail 小图标。因为不涉及文字,所以不会被那些邮箱收集引擎所捕获,可以避免一些垃圾邮件,很实用。

好啦,水平有限只写了五个 Gmail 工具,不过个人认为这些都是非常有用和优秀的工具。如果你还知道什么更好的

Gmail 小工具

,给我留言。

2011年9月1日星期四

非常漂亮的RSS标志图标素材

by Design Freak

看到一些异常精致的RSS标志,不忍独享,立马发布出来以飨群众。 (来自aboutRSS)

 

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

by Design Freak

via Iconos RSS para tus feeds

RSS icons together

via Iconos RSS para tu feed 该页面提供一包含116个RSS图标的rar包下载

这是个flash,点击的话,会导向作者blog的feed地址