网裕观点/VIEW

10种不同类型的移动UI设计模式来源:雷锋网 作者:Warlial 日期: 2012-12-14

  【编者按】@图灵教育推荐了《移动应用UI设计模式》一书,在书中用户体验设计师Theresa Neil,介绍了包括反模式在内的10种不同类型的设计模式。

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

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

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

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

  导航模式:

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

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

  表单:

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

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

  表格和列表:

  只显示最重要的信息。

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

  搜索、分类和过滤:

  让这些功能易于使用。

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

  工具:

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

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

  图表:

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

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

  视觉吸引:

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

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

  反馈与功能可见性:

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

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

  帮助:

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

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

  反模式:

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

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

  书籍购买:图灵社区

相关文章