浅谈iOS和Android的产品交互设计:(一)产品参考资料
浅谈iOS和Android的产品交互设计:(一)产品参考资料-移动阅读二维码

Android和iOS平台现在基本上是做移动应用必选的两个平台,iOS平台的交互设计指导资料更成体系一些,而关于Android平台的产品设计随着Android系统的发展在不断演变,相应的指导资料从最开始的匮乏和零星,在逐步朝着完整和系统化方面发展。

做为一个同时做iOS和Android平台的产品人员,在日常产品的交互设计中,会不断的感受到两个平台的异同之处,期间会有思考、有探索、有迷惘,当然也有收获,谨以此系列文章记录自己的一些想法,作为自我积累和批判的素材。

首先,来看一下这两个平台产品设计的参考资料,设计思路不是凭空而来,不同系统有着其本身的设计理念和思路,我们需要首先学习和理解它,应用之,并在其上进一步发展出我们自己的思想和风格。

一、 iOS

1.1 官方指南

 

*《iPhone人机界面指南》

http://www.apple.com.cn/developer/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/

这个是中文的,可惜不是最新的,此版最后更新日期为2010-03-24

*《iOS Human Interface Guidelines》

https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html

这个是最新的,最新的已经变更为iOS人机界面指南,最后更新日期是2011-10-12,期间有过8次更新,包括合并iPad和iPhone的指南、iOS5新增特性的指南等。

1.2 各类官方应用

各类官方应用是上述官方指南的最佳参考,所有提过的例子,在官方应用中基本都可以见到应用案例。

1.3 纯iOS设计的书

官方指南其实在设计理念和交互上面已经讲的很优秀了,所以纯iOS设计的书籍其实并不多,这些书籍更多是做实践方面做以延伸,或者从某个方面加以引申,比如:

* 《触动人心-设计优秀的iPhone应用

详细介绍

有设计思路、有交互细节,是官方指南的有益补充

iPhone应用用户体验设计实践与案例

详细介绍
这本买了还没看,暂无法评价。从目录来看,将产品流程的部分不少,还有实际的设计实例分析。

1.4 第三方优秀应用

包括但不限于:

* Apple大会上演示的和官方推荐的应用

* 排行榜中的高排名应用

* 某些科技网站推荐的一些新应用

* 知名应用

良好的应用上述资料,可以让在iOS平台的设计中,有一份坚实的基础。

二、Android

2.1 Android 4.0 官方指南


* 《Android Design

http://developer.android.com/design/index.html

2012-01-12 Android官方推出的设计指南

* 《Android Design》中文版

http://cdc.tencent.com/?download=Android-Design-4.0

腾讯cdc翻译的中文版,相应的博文地址:http://cdc.tencent.com/?p=5082

2.2 Android Developers

http://developer.android.com/index.html

有各类开发、设计、资讯、教程等资料,对于设计来说,零散了些,但这是在Android Design发布前官方的资料获取之处,提供一些直达链接供参考:

* Android 各个版本的新特性介绍

Android 2.2

http://developer.android.com/sdk/android-2.2-highlights.html

我翻译的中文版

https://docs.google.com/document/d/1H0hoDAt2UHSl4sk6Mt04XjUYx3y7Jmp5RU-EoIbU2xA/edit

Android 3.0

http://developer.android.com/sdk/android-3.0-highlights.html

译言和谷奥翻译的中文版:

http://article.yeeyan.org/view/198555/175075

http://android.guao.hk/posts/android-3-0-platform-highlights.html

Android 3.1

http://developer.android.com/sdk/android-3.1-highlights.html

我翻译的中文版

https://docs.google.com/document/d/1tz36ti5tx5KfVPasaR0vDOihogxJuXI2n5QveSh6Tz4/edit

* 多分辨率适配

http://developer.android.com/guide/practices/screens_support.html

这里整理过一个自己的理解,见下:

http://www.penddy.com/a-variety-of-screen-adaptation-of-android.html

* UI指南

http://developer.android.com/guide/practices/ui_guidelines/index.html

包括了图标设计(桌面图标、菜单图标、操作栏图标、状态栏图标、标签栏图标、对话框图标、列表的图标)、Widget设计、菜单设计、活动与任务设计规范

中文版:

http://www.ixdchina.com/index.php?title=Android%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1%E6%8C%87%E5%8D%97

(http://www.ixdchina.com/index.php 这个地方还有黑莓、iOS、WebOS、WP7等的设计指南翻译版)

一些数据

最近14天访问过Android Market的设备操作系统版本分布

http://developer.android.com/resources/dashboard/platform-versions.html

最近7天天访问过Android Market的设备屏幕尺寸和屏幕密度分布

http://developer.android.com/resources/dashboard/screens.html

最近7天天访问过Android Market的设备OpenGL ES支持情况

http://developer.android.com/resources/dashboard/opengl.html

2.3 Google I/O


Google I/O是由Google举行的网络开发者年会,讨论的焦点是用Google和开放网络技术开发网络应用。Google I/O 寓为“开放中创新”(Innovation in the Open)。Google I/O从2008年开始举行。

Google I/O 2010

下面是其中”UI Design”环节的视频和pdf

http://www.google.com/intl/zh-CN/events/io/2010/sessions/android-ui-design-patterns.html

其中的pdf有一份我翻的中文版,见下网址:

https://docs.google.com/fileview?id=0B9Lrx2XbHPV6YjQ4OTljOGQtODE0OC00YmI5LThmZjItNGQyZTVjZDRhNTBi&hl=zh_CN

  Google I/O 2011

下面是其中”Designing and Implementing Android UIs for Phones and Tablets”环节的相应视频

http://www.google.com/events/io/2011/sessions/designing-and-implementing-android-uis-for-phones-and-tablets.html

下面是其中”Honeycomb Highlights”环节的相应视频

http://www.google.com/events/io/2011/sessions/honeycomb-highlights.html

2.4 其他官方资料


Andorid Developer官方2010-7-23在slideshare发布的一份tips,原文见下:

http://www.slideshare.net/AndroidDev/android-ui-design-tips

这里有一份我翻的还原原格式的pdf版查看和下载:

https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9Lrx2XbHPV6ZDIyMGFmNjAtMWQ1Ni00OGVmLWE4MjEtOTQzNmZhOThkMDM2

谷奥也有一份翻译,分两个部分,见下网址:

http://android.guao.hk/posts/android-ui-developments-part-i.html

http://android.guao.hk/posts/android-ui-developments-part-ii.html

我把这份和Googe I/O 2010的资料合在一起了,所以也可以这里看到:

http://www.penddy.com/two-android-user-interface-design-information.html

2.5 官方应用


这里你会遇到两个问题:

1.不少厂商的Android手机已经把Google系的产品(包括但不限于Gmail、Android Market、Gtalk、Google Map、Youtube、Google Calendar)阉割了,而是换成了自己的相关应用,所以在你的手机中,可能见不到这些官方应用,得想方法装进去。这里说的官方应用,是指的Google 官方的应用,不包含第三方厂商内置的其他应用。

2.即使google 官方的应用,不少也显得比较粗糙,且不同的Android 版本也有变化,这点在Android 4.0中有较大的改善。  这点我想和Android自己都没完全想清楚自己应该怎么玩有不小的关系,不同的时期,他们有不同的零零星星的想法,这些也相应的表现在产品和资料中。

不管怎样,官方资料还是值得参考的,特别是Android 4.0中的官方应用。

 

2.6 其他

至于其他,因为历史Andorid 自身设计指导的不完善和开放性,我们可以见到各种各样的设计,比如

* 完全参考iPhone的设计指南设计的应用(反响不少还不错…)

* Android 和iPhone设计风格混合的应用

* Android不同时期设计风格相结合的应用

* 同一时期Android设计风格,配上自我发挥的某些官方未讲明如何设计的细节

这些应用,代表了不同的设计思路,请谨慎参考。

虽然我们有了上面这些资料,但Android的世界,依然会显得过于斑驳纷杂。

在Andorid下该如何设计?该走一条什么样的道路?盆地的看法如何?且听下回分解。

关联阅读:

浅谈iOS和Android的产品交互设计:(二)我对Android设计之理解
浅谈iOS和Android的产品交互设计(三):iPhone和Android的控件对比
浅谈iOS和Android的产品交互设计:(四)平台的独特性

本文链接:http://www.mobileui.cn/the-product-the-reference-material.html
本文标签: , , , , , ,