ips&;gnTDesidUIissionndroiscuAUIdn2.0doyuJinloud.cc
2011SmartC04-01
WhyshouldIcareaboutUI?
BetterUIPerceivedquality+polishBetterratingsBetterapprankingMoreinstalls/purchases
Don’t
!?1>不要照搬在其它平台的UI
设计,应该让用户感觉是在真正使用一个Android
软件,在你的商标显示和平台整体观感之间做好平衡。
!?2>不要过度使用模态对话框(ModalProgress&;Con?emationDialogs)
!?3>不要使用固定的绝对定位的布局
!?4>不要使用px单位,使用dp或者为文本使用sp
!?5>不要使用太小的字体
Do:
!?1>为高分辨率的屏幕创建资源(缩小总比放大好)
!?2>需要点击的元素要够大(List、button)
!?3>图标设计遵循Android的准则
!?4>使用适当的间距(margins,padding)
!?5>支持D-pad和trackball
导航 !?6>正确管理活动(activity)堆栈
!?7>正确处理屏幕方向变化
!?8>使用主题/样式,尺寸和颜色资源来减少多余的
工作 !?9>和视觉交互设计师合作
DesignPhilosophy&;considerations
——设计
!?1>ClearVS.Simple——干净而不过于简单
!?2>ContentVS.Chrome——关注内容而非修饰
!?3>Consistentyetengaging——保持一致性,让用户容易投入其中,可附加少许变化
!?4>Enhancedbythecloud——使用云端服务(存储和同步用户资料)来加强用户体验
优秀界面的设计准则
!?1>关注用户
!?2>显示正确的内容
!?3>给予用户适当的回馈
!?4>有章可循的行为模式
!?5>容忍错误
1>了解你的用户(年龄,技能,文化,对你的应用的需求,使用的设备,何时何地如何使用设备)
2>‘用户优先’的设计心态(用户通常是任务导向的行为模式)
3>更早,更频繁的由真实用户来测试
关
户
优秀界面的设计准则
!?1>关注用户
!?2>显示正确的内容
!?3>给予用户适当的回馈
!?4>有章可循的行为模式
!?5>容忍错误
1>最
常用的操作需要最快被用户看到并且可用
2>不太常用的功能可以放到菜单里面
显示正确的内容
优秀界面的设计准则
!?1>关注用户
!?2>显示正确的内容
!?3>给予用户适当的回馈
!?4>有章可循的行为模式
!?5>容忍错误
1>交互式的UI元素最少需要反映出4种不同的状态(default,disabled,focused,pressed)
2>保证操作的结果是清晰可见的
3>多给予用户进度提示,但是不要干扰他们当前的操作
给予用户适当的回馈
优秀界面的设计准则
!?1>关注用户
!?2>显示正确的内容
!?3>给予用户适当的回馈
!?4>有章可循的行为模式
!?5>容忍错误
1>行为模式遵循用户的期望(正确的操作活动堆栈,显示用户期望看到的信息和动作)
2>使用合适的方式来加强功能可见性(可点击的元素就应该看起来是可以点击的)
3>如果用户完成一项任务需要复杂的操作,重新思考你的设计!!!
有章可循的行为模式
优秀界面的设计准则
!?1>关注用户
!?2>显示正确的内容
!?3>给予用户适当的回馈
!?4>有章可循的行为模式
!?5>容忍错误
1>只允许有意义的操作(适当禁用一些按钮)
2>尽量减少不可回退的操作
3>允许回退(undo)比使用确定对话框更好(实际上,应该尽量少用确定对话框,它对用户是一种干扰)
如果错误是可能发生的,那它就一定会发生。
容忍错误
设计考量
!!!!!!!!????????1>屏幕的物理尺寸
2>屏幕密度
3>屏幕的方向(竖向和横向)
4>主要的UI交互方式(触屏还是使用D-pad/trackball)
5>软键盘还是物理键盘
6>了解不同设备之间的相异之处是非常重要的!
7>阅读CDD,
学习设备可能差异的地方
8>了解屏幕尺寸和密度分类
模板设计界面用户展示oidndrd产品AoarashbD样
——
Dashboard
简户时选项应围应视觉针对极为应验应导实现显访问备户应实现
模板设计界面用户展示oidndrd产品AoarashbD败样
——
Amazon
AmazonAndroid设铺访问键务单录现这Amazon