出家如初,成佛有余

interaction design pattern(交互设计模式)–用模式来提升用户体验

Posted in Uncategorized by chuanliang on 2007/09/13

这是一个用户为中心(user centered)的年代,诸如“以用户为中心的设计”、“以用户为中心的系统”、“用户为中心的营销”等等。

但是怎样才能够让产品设计中充分考虑到用户体验,避免致命性的坏体验(bad smell)?怎样让设计师的设计经验传承下去而不是“只可意会,不可言传”?

每一个人对此都有自己的答案,相信“模式语言”对此应该有所帮助,尽管这可能也不是所谓的“银弹”。

Common elements of an ID pattern

An Interaction design pattern usually consists of the following elements:

  • Problem: Problems are related to the usage of the system and are relevant to the user or any other stakeholder that is interested in usability.
  • Context: a situation (in terms of the tasks, the users and the context of use) giving rise to a usability problem. This section extends the plain problem-solutions dichotomy by describing situations in which the problems occur.
  • Principle: a pattern is usually based on one or more ergonomic principles such as user guidance, or consistency, or error management.
  • Solution: a proven solution to the problem. A solution describes only the core of the problem, and the designer has the freedom to implement it in many ways. Other patterns may be needed to solve sub problems.
  • Why: How and why the pattern actually works, including an analysis of how it may affect certain attributes of usability. The rationale (why) should provide a reasonable argument for the specified impact on usability when the pattern is applied. The why should describe which usability aspects should have been improved or which other aspects might suffer.
  • Examples: Each example shows how the pattern has been successfully applied in a real life system. This is often accompanied by a screenshot and a short description.

摘自wikipedia的Interaction design pattern

关于交互设计模式的一些资源:

http://en.wikipedia.org/wiki/Interaction_design_pattern

http://developer.yahoo.com/ypatterns/atoz.php

http://www.welie.com/patterns/index.php

http://www.visi.com/~snowfall/InteractionPatterns.html

Technorati 标签: , , ,

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

%d 博主赞过: