快好知 kuaihz

看图说话 – Android UI 设计秘笈 :Part I

Android 的官方开发者博客发了一份幻灯片,介绍了一些 Android UI 设计的小贴士,Roger 在这里以看图说话的形式发出来,有兴趣的读者就继续往下翻吧。整个 PPT 共分5个部分,Part I 翻译的是前两个部分。

作为开发者,为啥我们要关心UI,前面的一堆通通可以忽略掉,直接跳到最后一条。因为好的UI设计可以帮助我们卖出更多拷贝,赚到更多钱^_^

这个 PPT 包含5个部分:

1>该做什么,不该做什么

2>设计哲学和考量

3>你必须了解的 UI 框架特性

4>新的 UI 设计模式

5>图标和准则

Don’t:

1>不要照搬你在其它平台的UI设计,应该让用户感觉是在真正使用一个 Android 软件,在你的商标显示和平台整体观感之间做好平衡

2>不要过度使用模态对话框

3>不要使用固定的绝对定位的布局

4>不要使用px单位,使用dp或者为文本使用sp

5> 不要使用太小的字体

Do:

1> 为高分辨率的屏幕创建资源(缩小总比放大好)

2> 需要点击的元素要够大

3> 图标设计遵循 Android 的准则

4> 使用适当的间距(margins, padding)

5> 支持D-pad和trackball导航

6> 正确管理活动(activity)堆栈

7> 正确处理屏幕方向变化

8> 使用主题/样式,尺寸和颜色资源来减少多余的值

9>和视觉交互设计师合作!!!

设计哲学:

1> 干净而不过于简单

2> 关注内容而非修饰

3> 保存一致,让用户容易投入其中,可附加少许变化

4> 使用云端服务(存储和同步用户资料)来加强用户体验

优秀界面的设计准则:

1> 关注用户

2> 显示正确的内容

3> 给予用户适当的回馈

4> 有章可循的行为模式

5> 容忍错误

关注用户

1> 了解你的用户(年龄,技能,文化,对你的应用的需求,使用的设备,何时何地如何使用设备)

2> ‘用户优先’的设计心态 (用户通常是任务导向的行为模式)

3> 更早,更频繁的由真实用户来测试

显示正确的内容:

1> 最常用的操作需要最快被用户看到并且可用

2> 不太常用的功能可以放到菜单里面

给予用户适当的回馈:

1> 交互式的UI元素最少需要反映出4种不同的状态 (default,disabled,focused,pressed)

2> 保证操作的结果是清晰可见的

3> 多给予用户进度提示,但是不要干扰他们当前的操作

有章可循的行为模式:

1> 行为模式遵循用户的期望(正确的操作活动堆栈,显示用户期望看到的信息和动作)

2> 使用合适的方式来加强功能可见性(可点击的元素就应该看起来是可以点击的)

3> 如果用户完成一项任务需要复杂的操作,重新思考你的设计!!!

容忍错误:

1> 只允许有意义的操作(适当禁用一些按钮)

2> 尽量减少不可回退的操作

3> 允许回退(undo)比使用确定对话框更好(实际上,应该尽量少用确定对话框,它对用户是一种干扰)

如果错误是可能发生的,那它就一定会发生。

– Donald Norman, The Design of Everyday Things 作者

设计考量:

1>屏幕的物理尺寸

2>屏幕密度

3> 屏幕的方向(竖向和横向)

4>主要的UI交互方式(触屏还是使用D-pad/trackball)

5>软键盘还是物理键盘

设计考量:

6>了解不同设备之间的相异之处是非常重要的!

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:秘笈  秘笈词条  说话  说话词条  Android  Android词条  设计  设计词条  Part  Part词条  
设计

 修改手机号之前,我把手机里的AP...

最近换了个手机号(没错,为了躲避债主带走我的喜儿),换手机号除了要通知通讯录里的朋友们,少不了要给众多绑定了旧手机号的产品们更换手机号。不得不说这是一项大工程。...(展开)

设计

 如何让导航栏成为加分项?

界面设计中,用了导航并不代表会用导航栏。正因为无法轻易删减,逃不掉就必须用好它,不然很容易沦为页面的减分项。讲一个老东家的故事。一次产品迭代会上,老板在台上讲到...(展开)

设计

 视觉误差会对 UI 造成什么样的...

眼睛通过光的反射接收信息,然后经过大脑的处理形成我们最后看到的图像,这种形成,可能会导致一些误差。那视觉误差会对UI造成什么样的影响呢?我们的眼睛是奇怪的器官,...(展开)