10种针对不同类型的移动APP UI设计模式

10种针对不同类型的移动APP UI设计模式,搞自《移动应用UI设计模式》一书,在书中用户体验设计师Theresa Neil,介绍了包括反模式在内的10种不同类型的设计模式。

无论你正在设计一款简单的iPhone应用,还是开发适用于当前市场上所有流行移动操作系统的应用,这些设计模式都能助你一臂之力。

要设计出优秀的移动应用,就要先了解目前不同操作系统下优秀的设计案例。这本书的书名很明显是受“四人组”《设计模式》的影响,将改善编程质量的方法用在了UI设计上。

其中收集了大量的界面设计图片(iOS、Android、BlackBerry、WebOS、Symian和Windows等系统的应用截图),对于移动应用界面设计师来说,这无疑是笔巨大的财富,可以将它们作为创作的灵感源泉。

书中介绍的设计模式有以下10种。

导航模式:

主要导航模式和次要导航模式。

10种针对不同类型的移动APP UI设计模式_第1张图片
10种针对不同类型的移动APP UI设计模式_第2张图片

表单:

登陆表单、注册表单、核对表单、计算表单、搜索表单、多步骤表单、长表单。

10种针对不同类型的移动APP UI设计模式_第3张图片

表格和列表:

只显示最重要的信息。

10种针对不同类型的移动APP UI设计模式_第4张图片

搜索、分类和过滤:

让这些功能易于使用。

10种针对不同类型的移动APP UI设计模式_第5张图片

工具:

采用直接、轻量化的设计。

10种针对不同类型的移动APP UI设计模式_第6张图片

图表:

借鉴基本图表的经典设计理念。

10种针对不同类型的移动APP UI设计模式_第7张图片

视觉吸引:

吸引用户并促使其发现产品功能。

10种针对不同类型的移动APP UI设计模式_第8张图片

反馈与功能可见性:

向用户提供适当、清晰且及时的反馈。

10种针对不同类型的移动APP UI设计模式_第9张图片

帮助:

应该易于用户学习,让用户快速掌握应用使用方法。

10种针对不同类型的移动APP UI设计模式_第10张图片

反模式:

标新立异、隐喻错位、愚蠢的对话框、图表垃圾、按钮海。

10种针对不同类型的移动APP UI设计模式_第11张图片



转自:http://www.boxui.com/ued/design-idea/2387.html   侵删!

你可能感兴趣的:(10种针对不同类型的移动APP UI设计模式)