存档

2011年6月 的存档

Android与Iphone的体验差异

2011年6月29日 没有评论

2007年中苹果发布iphone,2007年末谷歌发布Android系统。在今年已经超过Iphone成为美国的头号智能手机系统!从产品开发而言,苹果mac平台加授权开发模式阻挡了一部分人群;而java的安卓系统且用xml方式构建widget,很方便的开发出应用也是其优势,毕竟众人拾柴火焰高,也就铸就了安卓应用市场的繁华。

对用户使用层面而言,苹果的产品构建无疑高出一筹,也较好的匹配了其价格,尽管HTC已经和谷歌密切合作,但他们的产品在整体体验方面还是稍逊一筹,从以下几点分析一下,前2点品牌及工业设计课题太大,简单代过,后几点侧重软交互体验或者说界面层级的研究及分析:
首先对于一个产品而言是品牌的塑造方面,苹果的无与伦比的黑白应用色调塑造出的产品珍贵感典雅感总让人爱不释手,所以产品的这种魅力首先深深的传达到用户,也许是其他品牌用3、50年都无法比肩的;
其次在工业设计领域苹果的独树一帜,一款产品尽力去打造出它引领潮流的外观及工艺,辅以最优秀的显示及拔高当代产品科技高度,营造出让用户一见倾心的征服;


第三,体验上的差异在界面层分析可能会更细微些,不像品牌及工业造型比较笼统与难以把握,界面结构的集中与分散苹果要高于安卓系统,当体验一款手机时还是已其自身所带的软件及系统核心应用为主,这个体验占据较大部分,苹果更集中让你体验到它的设计及应用,HTC的android手机则无法做到用户很强的聚合与感知;


第四,对于初体验差异,点击进入时的动画弱,比如启动通讯簿、日历及信息功能时就能体验到,退出需要用到硬件按钮,综合而言属于辅助体验弱化;


第五,统一的操作是用户体验快捷上手的基础,两个平台的差异让有机会接触到双平台的用户很快感觉到它们的区别,安卓平台的界面可以有多种界面,拨号一种操作,信息管理一种操作,日历又一种记事方式等等,而iphone的简单让用户很傻瓜的左右左右找按钮就解决了绝大部分数据操作事情,剩下一小部分批量操作等等也不算难的方式提供,而初期的功能却是简单到极致的一种关怀。

从新闻看谷歌的Android发展宏图超越平板和智能手机领域,甚至还会超越移动网络领域。谷歌Android项目主管安迪•罗宾(Andy Rubin)希望将一切都“Android化”。随着谷歌钱包付费服务的到来,Android智能手机将成为一张信用卡。谷歌现在还想把Android系统发展成为首款桥接虚拟世界和现实世界的大众级产品,智能手机程序可以控制电灯,家庭程序,甚至是医疗设备。而未来是否在安卓3.5、4.0界面会做出人机工程上的更细致关怀将影响到其发展,因为WIN7 phone也在虎视眈眈,Android系统目前看来只是取代了Symbian系统,出位为触屏时代的一个街机替代品,它的成功是全球人口基数的写照,不一定所有人都买得起苹果,因为苹果属于稀缺,属于一点小资情怀的人来持有它,所以用户需要付出一定的溢价来使用这个产品。买不起的人怎么办,那就用替代的产品可能就是使用Android系统的手机产品,比苹果价格低一些,体验稍稍弱化一些,但一般人不会感觉到太大差异,也能跟得上潮流与时代,这就够了,用户与厂商皆大欢喜。
有了这些用户体验及产品层定位的差异,其实对于Android份额超过苹果ios其实并不奇怪,安卓的贡献很大,在于拉底了较好体验的手机的价格,但与Nokia原先的力度还有差距。体验层面苹果更优,苹果的深度及身段都更高,只是它会放下多少身段,也就是什么时候降价,降多少,怎么降,如何更好的与市场策略配合等等。优秀的体验属于苹果,用户很容易认可,与目前份额无关,与产品策略及市场运营有关。

Android发展史
二十年前,布里特和罗宾一起供职于苹果公司。1993年,罗宾,布里特和马修•赫森逊(Matt Hershenson)一起创立了Danger公司,经典的T-Mobile Sidekick手机便由这家初创公司开发。2008年,微软收购Danger。随后,罗宾Danger,并于2003年成立Android,两年前谷歌收购Android。
布里特表示:“我到这里(Android)看到罗宾和赫森逊在吃午餐,员工所开发的东西非常吸引我,因此我于去年11月份加入Android。我一直充满动力,这是一个奇妙的地方,一个疯狂的地方。”

分类: 3硬件学习 标签:

你可能不知道:八大Android土鳖设计

2011年6月29日 没有评论

从Android诞生的那天起,这个可爱的小机器人凭借的开源的力量,硬是把iOS挤下市场占有率第一的宝座。虽然数字占优,但大众的心理中,iOS始终才是最佳体验的移动平台。

诚然,iOS成功的将界面做到了所见即所得的精简化,极致地把手机硬体键减少到一个,从而将用户可操作的范围项,控制在一个很小的空间内,有效降低了用户的学习成本。但是,既然飘在外向出手三分诺维斯基依然可以与邓肯一样定义为这个世界上最优秀的大前锋,Android为什么不可以与iOS一样定义为这个世界上最优秀的移动平台系统呢?

Android虽然存在多种硬体键设计,在可操作范围项,他控制得没有iOS那么精简,比如他可以在不同的界面中使用不同的Menu选项进行操作,比如一个应用可以同时跑多个进程和多个服务。但是,如果你能好好利用他,Android同样可以提供另外一种优秀的体验。

阿智写了一篇文章叫做《与其盲目抄袭,不如先研究彻底》,说的是国内缺乏对Android的研究,导致国产的Android应用整体质量不高。设计师们在Android上面大量的山寨了其他平台上的UI元素和设计方法,最终导致Android成为山寨大集合,用户体验的黑洞。这其中,不妨某些我们耳熟能详的产品。

这里所收集的,就是一些缺乏对Android深刻研究,照搬其他平台的UI元素,或者是土鳖的强奸用户的一些设计方法,写出这些的本意不是进行指责,而是希望让大家警醒。毕竟,山寨是我们都不想去做的事情。

 

1.返回在左上角

新浪微博,返回在左上角

在手机界面中有两种返回:返回上一个界面,返回上一层级的界面。Android应用里,界面上并不出现返回的按钮,而是统一通过硬体Back键完成。因此无论怎样,在Android界面上出现任何的返回按钮(当然也包括生搬硬套iOS的返回按钮在左上角的这种形式),都是不正确且不合理的。

当然,也是存在例外的,比如在一个设置向导(Wizard)内。

向导中的返回出现在屏幕左下角

2.常驻通知栏

3G网络状态时刻常驻通知栏

在Android系统里,通知栏包含两类信息,Ongoing与Notifications(某些还包括快捷功能开关和程序运行的列表Rom不在此讨论范围内)。他们的差异是,Notifications属于各种应用的新信息的通知,如新短信,新邮件等。他可以直接被清除,Ongoing则表示当前正在运行的一些程序或者功能,且不可以直接被清除。

但是我们得留意的是,Ongoing上显示的应该是那些用户必须了解,且可能给用户使用手机带来影响的程序和功能,如正在播放音乐,正在通话中,正在上传下载等。若你的应用无论是退出还是运行状态,对用户并不存在什么影响。那就完全不用通过常驻通知栏的方式告知用户,交给系统管理你的应用的进程(Process)即好。

3.退出需要确认

新浪微博,退出需要确认

首先我们得理解Android界面的堆栈机制,如图所示,用户的每次操作活动(activity)都会保存起来,当使用Back键时,如系统会自动杀死之前的活动。

diagram_backstack

但若当前已经是在应用的根界面了,使用Back键,这个应用的进程的所有自动被挂起,后台服务除外。它并不消耗CPU资源,但会占一些内存。Android与Java类似,系统有一个规则来回收内存,进行内存调度有个阀值,只有低于这个值系统才会从一个列表中,从后向前彻底关闭应用的进程。这样设计的好处是,他能够方便用户在多任务切换时,最大限度的提高速度,因为进程只是被挂起而已。

从系统设计的角度上看,退出需要确认甚至说是一个流氓的行为。而从防止用户误操作的角度上看,这也是一个谬论。因为按Back键时,进程会被挂起,用户并不存在信息损失等风险,即使是误操作,按照Android的堆栈机制,用户也可以非常轻松地恢复应用。你一定没见过iOS按Home键之后,给你来个确认退出框吧?

4.检查更新设置

版本更新设置

我深刻理解开发者这么做的原因:Android系统中应用更新都由Market进行推送,而使用Market的前提是,手机绑定了Google帐号。问题的关键在于,某些厂家的Android手机并不要求用户绑定Google帐号,他们自己甚至也推出应用商场,想分一杯羹。

这可苦了Android应用开发者,为了能够让不同的用户即时获取更新信息,他们不得不在自己的应用内增加检查更新功能,随即,就产生了检查更新的设置。

但是请各位开发者思考一下,您真的有必要给用户这个设置吗?你的应用真的可能每日都会更新吗?也许你只要设定一个默认的某周检查一次更新即好。

5.没有分享

找不到微信实在太可惜了

分享功能属于Android的一大特色,只需两个客户端支持,用户即可在任意两个本地的客户端中进行信息的分享,如把微博保存到本地的Evernote应用中,在图库中挑选一张图片通过WhatsApp发送给朋友。

Android的分享功能,能够任意地本地两个客户端,他能够更加高效的满足用户不同的任务流程。比如拍照分享,Android可以使用Camera 360拍照后设置各种滤镜,直接起本地任意微博客户端发送至微博。先拍照,再分享,也符合用户的操作习惯。

对比起来iOS则比较麻烦,要么开发者麻烦地把滤镜功能做到微博客户端中,要么用户麻烦地先拍照设置滤镜保存至图库,然后在发微博界面从图库中进行挑选。

Android的分享机制,反而能够有效的避免客户端功能膨胀,帮助开发者节省工作量的同时,也切合和用户多种使用场景。真正的实现了,让一个应用只解决用户一个问题的理念,这不得不说是iOS的笑话。

6.没有焦点状态

官方Gallery内的焦点状态

某些Android手机带有轨迹球等输入设备,用户可以滚动轨迹球定焦于界面的某个控件上。这能有效帮助某些触摸障碍的用户。更加重要的是,随着Android@Home的发布,Android系统将有可能出现在冰箱,洗衣机等家电设备上,并且是通过有五维导航键的方式进行控制,这就显得焦点状态变得额外重要了。

更加可以预见的一点是,Android目前还没有像iOS上的Voice Over那样,提供无障碍访问的解决方案,假设一旦提供了,轨迹球就能够给更多盲人用户带来更好的移动设备体验。

7.大量缓存图片

由某个应用在Gallery内产生的大量缓存图片

Android没有像iOS那样,彻底去除了文件的概念,所以,如果你的应用如果没有处理好缓存文件的话如图片,这些图片就大量的积压在系统的Gallery中,严重拖慢速度。对于这种问题,只需要把缓存图片改为Gallery无法识别的类型即好。

8.没有Move to SDcard

坑爹的Google Maps现在还不支持Move to SDcard

如果你的应用大小超过5M,如果不提供Move to SDcard功能就实在过意不去,因为毕竟还有大量的用户只有250M以下的机身内存空间。当然,Google的地图应用一直都还是霸占着多大12M的机身内存。

无论如何,Android是一个优秀的手机平台,我也像热爱iOS那样热爱着这个手机系统。我也时刻相信,虽然Android的开发成本过大,但只要正确理解其系统设计理念,Android的应用依然可以非常优秀。

分类: 6如何设计 标签:

免费的用户界面设计工具,工具包和资源

2011年6月29日 没有评论

都是一些UI界面与设计使用的元素,软件,网站等。内容很丰富,适合网页设计师,用户体验设计师,界面设计师,产品设计师,JS前段开发,手机产品设计,ipad产品设计等使用

Lumzy

Lumzy是一个网站应用和原型界面制作工具。使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中。 Lumzy还具有团队协作编辑工具。 
0.jpg

Mockingbird

百舌鸟是一个在线工具,它使您轻松地创建UI界面模型,预览UI,并可以共享你的版面编排效果图。 
1.jpg

The Pencil Project

为设计图表和用户界面图形原型开发的一个自由和开源工具。 
2.jpg

Dojo

Dojo提供了强大的性能并节省您的时间。这是适合经验丰富前端开发者的JS开发工具包。 
3.jpg

Mocklinkr

4.jpg

MockFlow

MockFlow是一个在线工具,用户界面设计和协作版面编排工具。 
5.jpg

Serena Prototype Composer

Serena Prototype Composer是制作流程图,模拟程序流程和用户界面设计程序。 
6.jpg

Cacoo

Cocoo是一个用户友好的在线绘图工具,允许你创建一个如网站地图,线框,UML和网络图图等。 Cacoo可以免费使用。 
7.jpg

DENIM

一个早期非正式的网站和用户界面设计工具 
8.jpg

Hot Gloo

网上应用线框 
9.jpg

User Interface Design Framework

一个免费提供网页设计师使用的用户界面设计工具。 
10.jpg

Pattern Tap

可以寻找一些设计资源与模式等。 
11.jpg

User Interface Design Patterns

提供一些热门的用户UI界面设计模式参考图,分类很详细,如果设计网站或UI界面可以上去找一些资源,很不错。 
12.jpg

Patternry

Patternry是用户界面设计模式库的目的是帮助解决常见的接口设计问题。

13.jpg

Mephobox

UI设计界面资源欣赏参考网站。 
14.jpg

Android Asset Studio

可以在线生成图表,只需要输入参数即可 
15.jpg

Mobility

移动用户界面设计使用,可以输入参数进行测试,很方便 
16.jpg

Android UI Elements Set

可以自由设定Android操作系统的用户界面元素。 
17.jpg

OSX Leopard GUI Set

该软件包含一些常用的Photoshop原文件和PNG文件,这些元素都是用来设计GUI界面的素材,通过该软件你可以快速制作出一些出色的界面 
18.jpg

ALL In One Web Elements Kit

网页布局元素大集合,PSD文件。 
19.jpg

iPad GUI Set

iPad平板电脑上设计布局用的元素集合。 
20.jpg

分类: 3电动设备 标签:

iPad Templates and Stencils

2011年6月29日 没有评论

While consumers await the arrival of the first generation iPad on April 3, designers and developers have been working on apps in anticipation.

Here’s a list of free iPad templates and stencils that we’ve been using at Ideacodes to get you started:

iPad Stencil for Omnigraffle by iA

  • Contains backgrounds, title bars, buttons, selectors, and other iPhone UI elements
  • Text is fully editable on lists, title bars, buttons, and scroll wheels

iPad PSD GUI by Teehan + Lax

  • The PSD was constructed using vectors, so it’s fully editable and scalable.
  • The workable screen design is formatted to 768×1024 so anything you design in the Photoshop file can easily be brought over to the SDK.

iPhoneOS Design Stencil for iPad and iPhone by David Morford

  • A stencil for designing iPhone OS applications for iPhone, iPod touch and iPad devices.
  • Targeted at developers familiar with the default characteristics of views and controls provided by UIKit.
  • The stencil shapes are all vector based.

iPad editable PSD by Kevin Andersson

  • Every element you see is editable via vector masks.
  • Everything is scaleable.

iPad Wireframe PSD by Neil Cowburn

  • Minimal wireframe version of the iPad without the photorealism

iPad Icon Set by Chris Spooner

  • The pack includes the full size graphic, as well as 256px, 128px and 64px icons sizes.

Printable iPad Template PDF by Arash Keshmirian

分类: 3硬件学习 标签:

60个超实用华丽的GUI PSD设计包

2011年6月29日 没有评论

在这个移动互联网时代,手机无处不在。科技让手机不仅仅只是声音传递的工具,更多的开始网络化的互通。随着这个趋势未来的互联网很大一块空间将是来自于移动用户的。于是乎良好的交互设计和优秀的图标设计将对整个用户体验来说是至关重要的。我们下面所展示的就是60个实用优秀免费的手机图形用户界面GUI PSD设计包,希望你能从中学习到好的设计思想,也可以减少你不必要的设计流程,更高效的完成设计项目。

inSET HD

Android GUI PSD Vector Kit

Dream Smartphone

Nexus One by Google

iPhone 4 PSD

Android GUI PSD

iPad GUI Kit in PSD

iPhone PSD Vector Kit

RIM Blackberry PSD

iPhone GUI PSD Version 4

Google Android GUI PSD

Fireworks template for Android

iPad GUI PSD Kit

Google Android PSD

Sexy Vector Cell Phone

iPad Stencil for Omnigraffle

Mobile – iPhone

iPhone GUI Elements

Android Sketch Stencil

iPad and iPhone Design

Android 2.3 GUI

LG Arena UI PSD

Smartphone vector

LG Arena GUI PSD

iPhone UIKits light remake

iPhone Kit

Sony Ericsson Xperia X10

Meizu M8 PSD with UI

Matte iPhone UI

Samsung Corby

LG KS360 psd

iPhone Application GUI

Google Nexus One Template

Motorola Droid PSD

Google Nexus PSD

Htc Dream

HTC Touch Diamond PSD

HTC Hero PSD

iPhone Photoshop Template

BlackBerry Storm

NOKIA 5800 XpressMusic DS PSD

iPhone turned 3G psd template

iPod Touch PSD – i.Visual

Smartphone

iPhone 3G PSD

Nokia 3500c

iPhone Interface 320480

NOKIA 6110 NAVIGATOR

Microsoft ZUNE PSD

Vector iPhone 4 PSD File

Android 2.2 GUI

Mobile UI design elements

iPad Wall Presenter

Tabs buttons menus icons

Dell Metro Concept PSD

iPad PSD

Palm Pre Interface Examples

HTC Dream PSD

Motorola v262

Music Player Concept

来源:http://www.jackchen.cn/blog/?p=4438

分类: 6如何设计 标签:

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