• Like
Android ui design tips
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Android ui design tips

  • 2,123 views
Published

Android ui design tips

Android ui design tips

Published in Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,123
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
50
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • UI的重要性,是一切的基础。Perceived:感知、感觉Rating:等级、级别、收视率Purchaese:购买、采购
  • 在android系统中单位DP也就是DIP:device independent pixels(设备独立像素).dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不依赖像素。px: pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。pt: point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;sp: scaled pixels(放大像素). 主要用于字体显示best for textsize。dp也就是dip。这个和sp基本类似。如果设置表示长度、高度等属性时可以使用dp或sp。但如果设置字体,需要使用sp。dp是与密度无关,sp除了与密度无关外,还与scale无关。如果屏幕密度为160,这时dp和sp和px是一样的。1dp=1sp=1px,但如果使用px作单位,如果屏幕大小不变(假设还是3.2寸),而屏幕密度变成了320。那么原来TextView的宽度设成160px,在密度为320的3.2寸屏幕里看要比在密度为160的3.2寸屏幕上看短了一半。但如果设置成160dp或160sp的话。系统会自动将width属性值设置成320px的。也就是160 * 320 / 160。其中320 / 160可称为密度比例因子。也就是说,如果使用dp和sp,系统会根据屏幕密度的变化自动进行转换.
  • Consideration:考虑周全
  • Dashboard,一种专门针对入口界面设计的应用程序,Dashboard (为仪表板之意)原来是苹果公司 Mac OS 作业系统中的应用程序,用作widget的小型应用程式之执行基础。Android的用户自定义UI设计模板Dashboard,它借助清晰且尺寸巨大的图标来标示出主要功能及可选区域,用以为用户提供适用的最新信息。成功只是相对的概念
  • 不是绝对的失败,只是对比,相当于反例

Transcript

  • 1. Android UI Design Tips
    2011-04-01 SmartCloud.ccCandyman
  • 2. Why should I care about UI?
  • 3. Don’t
    1>不要照搬在其它平台的UI设计,应该让用户感觉是在真正使用一个 Android 软件,在你的商标显示和平台整体观感之间做好平衡。
    2>不要过度使用模态对话框(Modal Progress & Confiemation Dialogs)
    3>不要使用固定的绝对定位的布局
    4>不要使用px单位,使用dp或者为文本使用sp
    5> 不要使用太小的字体
  • 4. Do:
    1> 为高分辨率的屏幕创建资源(缩小总比放大好)
    2> 需要点击的元素要够大(List、button)
    3> 图标设计遵循 Android 的准则
    4> 使用适当的间距(margins, padding)
    5> 支持D-pad和trackball导航
    6> 正确管理活动(activity)堆栈
    7> 正确处理屏幕方向变化
    8> 使用主题/样式,尺寸和颜色资源来减少多余的工作
    9>和视觉交互设计师合作
  • 5. Design Philosophy & considerations——设计哲学
    1> Clear VS. Simple——干净而不过于简单
    2> Content VS. Chrome——关注内容而非修饰
    3> Consistent yet engaging——保持一致性,让用户容易投入其中,可附加少许变化
    4> Enhanced by the cloud——使用云端服务(存储和同步用户资料)来加强用户体验
  • 6. 优秀界面的设计准则
    1> 关注用户
    2> 显示正确的内容
    3> 给予用户适当的回馈
    4> 有章可循的行为模式
    5> 容忍错误
  • 7. 1> 了解你的用户(年龄,技能,文化,对你的应用的需求,使用的设备,何时何地如何使用设备)
    2> ‘用户优先’的设计心态 (用户通常是任务导向的行为模式)
    3> 更早,更频繁的由真实用户来测试
    关注用户
  • 8. 优秀界面的设计准则
    1> 关注用户
    2> 显示正确的内容
    3> 给予用户适当的回馈
    4> 有章可循的行为模式
    5> 容忍错误
  • 9. 1> 最常用的操作需要最快被用户看到并且可用
    2> 不太常用的功能可以放到菜单里面
    显示正确的内容
  • 10. 优秀界面的设计准则
    1> 关注用户
    2> 显示正确的内容
    3> 给予用户适当的回馈
    4> 有章可循的行为模式
    5> 容忍错误
  • 11. 1> 交互式的UI元素最少需要反映出4种不同的状态 (default,disabled,focused,pressed)
    2> 保证操作的结果是清晰可见的
    3> 多给予用户进度提示,但是不要干扰他们当前的操作
    给予用户适当的回馈
  • 12. 优秀界面的设计准则
    1> 关注用户
    2> 显示正确的内容
    3> 给予用户适当的回馈
    4> 有章可循的行为模式
    5> 容忍错误
  • 13. 1> 行为模式遵循用户的期望(正确的操作活动堆栈,显示用户期望看到的信息和动作)
    2> 使用合适的方式来加强功能可见性(可点击的元素就应该看起来是可以点击的)
    3> 如果用户完成一项任务需要复杂的操作,重新思考你的设计!!!
    有章可循的行为模式
  • 14. 优秀界面的设计准则
    1> 关注用户
    2> 显示正确的内容
    3> 给予用户适当的回馈
    4> 有章可循的行为模式
    5> 容忍错误
  • 15. 1> 只允许有意义的操作(适当禁用一些按钮)
    2> 尽量减少不可回退的操作
    3> 允许回退(undo)比使用确定对话框更好(实际上,应该尽量少用确定对话框,它对用户是一种干扰)
    如果错误是可能发生的,那它就一定会发生。
    容忍错误
  • 16. 设计考量
    1>屏幕的物理尺寸
    2>屏幕密度
    3> 屏幕的方向(竖向和横向)
    4>主要的UI交互方式(触屏还是使用D-pad/trackball)
    5>软键盘还是物理键盘
    6>了解不同设备之间的相异之处是非常重要的!
    7>阅读CDD,学习设备可能差异的地方
    8>了解屏幕尺寸和密度分类
  • 17. ——成功样例
    Android用户界面设计模板Dashboard产品展示
  • 18. Dashboard特点
    ◆简便迅捷地实现主要功能
    ◆清晰友好的入口界面
    ◆便于用户理解及掌握
    ◆不失时机地向用户展示品牌形象
    ◆所提供的选项应提示当前应用程序的基本信息或作用范围
    ◆应用程序的入口界面应当具备清爽的视觉体验及易于访问的特性(尤其是针对常用的应用程序)。
    ◆清晰快速的导航来实现主要功能显得极为重要。
  • 19.
  • 20. ——失败样例
    Android用户界面设计模板Dashboard产品展示
  • 21. Amazon在Android平台上有两款程序。这两款程序都存在一处失误,即首页上设置的店铺访问功能键太不明显,且失效了。Amazon的电子书程序告知了从服务菜单中登录店面的方式,但为什么不让用户在首页上直接通过点选图标就能实现这一功能?而Amazon的MP3商店程序的入口界面则太过杂乱。相信使用dashboard模板的话会得到相当大的改善。
    Amazon
  • 22. Documents To Go的程序具备六种主要功能,应用程序的入口界面太过混乱,很难从中对主要功能获得大致了解。他们倒是为每个功能设置了清晰的图标和明确的标签,但无疑在这种应用方式下,提供额外的文本定义功能相当多余。上述缺点,加之屏幕上部拥挤的图像及logo,使得大多数人对该程序的评价为乱七八糟、难以使用。
他们设置了一个浏览模式,效果明显好于他们推出的那个没有滚屏功能的纵向布局。
    Documents To Go
  • 23. SkyGrid没能提供一个好用的浏览模式。而且最重要的是,我觉得在这个程序中使用Dashboard有点赶时髦的意味。这个程序的功能根本没多到需要用Dashboard的地步。“共享项目”和“共享应用程序”其实是用得很少的功能,完全没必要在面板上设置图标。
    SkyGrid
  • 24. 已有应用
    介绍Sony Ericsson app
  • 25. Downloads:10000-50000
    This application collects the Sony Ericsson sample applications covered in different tutorials on the Sony Ericsson Developer Blog. Download the app and learn different ways to improve your Android application.
    Sony Ericsson Tutorials
  • 26. Downloads:500-1000
    Sony Ericsson Preview funcionacomo um centralizador de conteúdosobreoscelulares da marca, principalmente dos lançamentosoficiais. Vocêvaificarsabendo antes de todomundo as novidades do mercado, além de informaçõestécnicassobrehardwares, softwares e features
    Sony Ericsson Preview
  • 27. Your smart accessory comes with applications. Connect it to your phone and LiveWare™ manager will find and install these applications. You’ll enjoy a new experience as your smart accessory interacts with applications when you need it most. All applications can be adapted by anyone through an open framework.
    Tags: liveware manager, liveware android, sonyericssonliveware manager, liveware manager download, liveware download.
    LiveWare™ Manager
  • 28. Downloads:<50
    Sony Ericsson Mobiles are very popular because of its suitable Price range and excellent features. Sony Ericsson is one of the top, global, mobile phone manufacturers which serves the worldwide communications market with innovative and feature-rich mobiles.
    Press the desktop, the screen will show, 'Add to Home screen: Shortcuts Widgets Folder Wallpapers'; select 'Widgets', the screen will show, 'Choose widget'; Choose 'Sony Ericsson', animation can be run on the screen.
    Sony Ericsson
  • 29. Downloads:100-500
    With the Xperia™ Hot Shots application you will be able to follow the lives of six incredible tennis players as they travel the world. Watch their latest videos, check their progress on the WTA Tour and find out who is most popular on Facebook™. Follow them on twitter and get the latest gossip.
    Tags: xperia hot shots application, hot shot android application, xperia hot shot, xperia hot shots price, xperia hotshots download
    Xperia™ Hot Shots
  • 30. DownLoads:5000-10000
    The foursquare Timescape ™ Extension delivers your latest foursquare Network Activity directly into the Timescape™ application on your Sony Ericsson Xperia ™ phone. Activate the Extension from the Timescape ™ Settings menu, by selecting Services. Please ensure your phone is running the latest software version available.
    Tags: timescape download, foursquare timescape, timescape android download, timescape android, descargartimescape android.
    Foursquare Timescape™
  • 31. DownLoads:1000-5000
    Life is a series of episodes.
    life.episode™ beta is a new personalized entertainment experience by Sony Ericsson to discover the latest in news, music, CG animations, coupons and the buzz from Hollywood.
    Spin the “Globe” and use the “Pocket” feature to store your favorites.
    Tags: life.episode android, sony life episode android app, life episode android, life episode beta, life.episode android.
    life.episodebeta
  • 32. This is a camera plugin for LiveView™ which enables you to take photos using LiveView™ and seeing the results on the wireless display.
    LiveView™ Camera Plugin
  • 33. 印度、韩国、澳大利亚、新加坡
    海外市场App现状
  • 34. 印度——India
    in India
    By Popularity
  • 35. FREE Video Calls, chat, VoIP
    免费视频电话,语音通话与聊天
    *免费视频调用任何智能手机DVQ™技术(上的3G/4G和无线)(阅读下文)
*免费电话给其他Fring的全球用户
*免费在线聊天(没有更昂贵的短信)
*新fringOut长途固定电话或移动任何#全世界!最便宜的普通电话通话#第(没有'连接费',没有连接限制)
    率低于1 C /分钟(美国)开始。呼叫...
加拿大0.6c/min、美国0.7c/min、英国0.8 C /分钟、印度0.9c/min
    独家
Fring的的视频通话DVQ™技术(动态视频质量),让您通过自动和不断调整你的视频通话质量,以符合您的连接最佳的视频和音频品质。
    特征
*连接与其他流行的社交网络用户:GTalk的™,MSN ® Messenger时,雅虎™!和SIP!
*呼叫其他Android手机,iPhone手机/ iPod的触摸,诺基亚和更
*查看好友的实时状态,在网络上
*也得到最便宜的普通电话呼叫与fringOut#(从1c/min)秒
*有趣,易于使用
  • 36. India Newspapers
    印度主要阅读报纸,杂志,新闻网站的网络。你可以看到来自印度时报,日报巴斯卡尔,觉醒日报,MalayalaManorama,印度教,印度斯坦时报Mathrubhumi,电报,新闻报,Sakal,中日新闻...
    *新闻阅读往往会在你的名单上。
    *可调节字体大小
    *共享新闻
  • 37. Flavors of India
    旁遮普语,Marathi,Gujrati,孟加拉语,克什米尔,果阿,Mughlai,拉贾斯坦,食品食谱
    为什么要在你的厨房打印或书籍时,你其实可以做饭用您的手机。 “印度香料”是创建意图和远见,使印度的流行,也使人们意识到该地区当人们选择特定的碟形地方菜系。
高达2.1兼容的Android
  • 38. LogMeInIgnition(¥196.96)
    从你的Android访问您的计算机,从来没有落下任何东西。
    如果您的计算机,它在你的手掌。直接控制你的Mac或PC,所有的程序和所有你的文件 - 这样你的老板或申请,只有在你的工作计算机上存在重要的演示 - 用一个简单的点击。
    LogMeIn的Android的点火让您远程访问一个或更多的电脑,随时随地。所以,你再也不用担心留下任何东西。
  • 39. 101 Mystics Of India
    101印度神秘主义者
    101印度神秘主义者,是一个由学者,艺术家,作家Vk的宝贵汇编Subramanian,其十容量系列神圣的歌曲,印度,爱国爱和艰苦几年的传播与研究成果已在公众的挑剔。
  • 40. The Times of India
    获得印度时报的完整及最新的覆盖面,一切相关的和有趣 - 随时随地。这个小程序,设计和开发的Android设备,为您带来最新消息和国家 ,国际,城市,体育,娱乐,生活,商业,卫生,科学和技术主题无与伦比的覆盖范围从印度最读取和最值得信赖的报纸。它配备了生活板球分数和一个完整的记分卡,由评论家以及读者的最新电影审查;;精湛的照片画廊,以及来自新闻,商业,体育,娱乐和生活类顶级影片来自30多个城市的地方新闻。
  • 41. 韩国——Korea
    in Korea
    By Popularity
  • 42. MelOn
    ▶韩国最大的音乐实时流和下载目录服务
    甜瓜,韩国排名第一的音乐服务,现在在你的手掌机器人可用。
    给你:
▶韩国最大的音乐实时流和下载目录服务(1.8万首,增加!)
▶趋势报告,从我们的实时图表甜瓜
▶先进的功能来控制部件只要一触式播放
  • 43. 고속도로교통정보
    고속도로교통정보(韩国高速公路信息)
    고속도로교통정보는한국도로공사에서실시간으로제공하는고속도로교통정보입니다。
인터넷이용시www.roadplus.co.kr을통해서도제공됩니다。
주요기능은
1。고속도로교통정보를빠르게확인하도록상황지도정보,노선별소통정보,구간의央视정보제공
2。고속도로이용시해당고속도로의교통속보제공을통해상세한도로상황확인
3。고속도로이용에필요한주유소정보와가격정보를확인
4。증강현실을통한고속도로상황정보제공https://ssl.gstatic.com/android/market/com.roadplus.android/ss-0-320-480-160-3-1e87b7348cec48731e6fb36797d55ab0c025e9b2
5。한국도로공사트위터계정을이용하여고속도로상태에대한정보제공
6。문의사항,불편사항상담콜센터연결제공
  • 44. 澳大利亚——Australia
    in Singapore
    By Popularity
  • 45. 新加坡——Singapore
    in Singapore
    By Popularity
  • 46. Android SMEStorage(¥31.47)
    理您的云文件直接从你的Android设备公司。三,GDocs +更多。
    SMEStorage可以查看/管理所有您最喜爱的存储云利用其独特的云网关技术供应商/同步文件。
    SMEStorage支持亚马逊S3,微软SkyDrive的,MobileMe服务,谷歌文档,谷歌寄存,Box.net,Gmail以及电子邮件(POP3或IMAP),FTP的云,探测WebDav云,Mezeo,微软AzureBlob存储,Zimbra的公文包,投放箱,icloud的, SafeSync时,SharePoint(企业用户只)及Rackspace的云文件。
    其特点包括同步从云到手机,从手机到云;债券同步;云/本地文件管理器,共享文件,创建和管理业务协作组;通过电子邮件共享文件;;网址链接文件的电子邮件+更多的本地文件
  • 47. S3Anywhere
    亚马逊的S3云存储服务从任何地方
    S3Anywhere是一个Amazon S3 A ndroid的设备文件管理器。它使管理从亚马逊的云存储服务的几个三桶。它配备了手机和S3的文件管理器。它提供了下载和上传功能。恢复提供下载支持。文件管理器允许重命名,删除和复制文件。您可以查看每个文件的权限(ACL)中。你准备好了从Android访问亚马逊云。
  • 48. Cloud Browser: FTP, Webdav, S3
    浏览所有您的FTP,WebDAV和亚马逊S3服务,从你的Android迅速和容易。云浏览器会缓存在浏览您的帐户,所以你不必等待文件夹来加载在未来,它可以让你下载和同步本地文件,以便您可以访问他们,即使你在脱机状态。
  • 49. Amazon S3
    简单亚马逊S3上载,下载器。
    这是一个简单的小亚马逊S3上载,下载器。您需要安装其他投资文件管理器来浏览本地文件夹。
    对市场的专业选择可能更好,但我更喜欢我的图标:对
    特点:
- 上传/下载单个文件或文件夹层次结构。
- 删除的文件。
    限制:
- 无桶创作。
- 没有文件移动/剪切/粘贴:删除并重新上传。
- 不同步:下载/上传/删除正在使用的要求。