Archive for the '交互设计-交互设计模式' Category


有趣的404错误页面处理

The 404 or Not Found error message is an HTTP standard response code indicating that the client was able to communicate with the server but either the server could not find what was requested, or it was configured not to fulfill the request and not reveal the reason why. 404 errors should not be confused with “server not found” or similar errors, in which a connection to the destination server cannot be made at all.

摘自wikipedia HTTP 404

处理好诸如404错误这样的细节,对提高用户体验是极为关键的,一些关于404错误处理有趣的资源,

  • 404lab.com :专门搜集网络上面有趣的自定义404页面的网站

http://www.404lab.com/404/

  • smashingmagazine.com 关于404错误的几篇文档

http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/?

http://www.smashingmagazine.com/2007/07/25/wanted-your-404-error-pages/

  • 404错误的处理方式及对SEO的影响

http://www.bloghuman.com/post/227.htm

  • apache配置方式

如果打开了mod_rewrite,则在.htaccess中添加ErrorDocument指令

否则可以在httpd.conf中使用ErrorDocument指令

# ErrorDocument 400 /error/HTTP_BAD_REQUEST.html.var
# ErrorDocument 401 /error/HTTP_UNAUTHORIZED.html.var
# ErrorDocument 403 /error.php
# ErrorDocument 404 /error/HTTP_NOT_FOUND.html.var
# ErrorDocument 405 /error/HTTP_METHOD_NOT_ALLOWED.html.var
# ErrorDocument 408 /error/HTTP_REQUEST_TIME_OUT.html.var
# ErrorDocument 410 /error/HTTP_GONE.html.var
# ErrorDocument 411 /error/HTTP_LENGTH_REQUIRED.html.var
# ErrorDocument 412 /error/HTTP_PRECONDITION_FAILED.html.var
# ErrorDocument 413 /error/HTTP_REQUEST_ENTITY_TOO_LARGE.html.var
# ErrorDocument 414 /error/HTTP_REQUEST_URI_TOO_LARGE.html.var
# ErrorDocument 415 /error/HTTP_SERVICE_UNAVAILABLE.html.var
# ErrorDocument 500 /error/HTTP_INTERNAL_SERVER_ERROR.html.var
# ErrorDocument 501 /error/HTTP_NOT_IMPLEMENTED.html.var
# ErrorDocument 502 /error/HTTP_BAD_GATEWAY.html.var
# ErrorDocument 503 /error/HTTP_SERVICE_UNAVAILABLE.html.var
# ErrorDocument 506 /error/HTTP_VARIANT_ALSO_VARIES.html.var

  • tomcat配置

在web.xml配置全局的错误码处理页面

<web-app>
<error-page>
<error-code>404</error-code>
<location>/NotFound.jsp</location>
</error-page>
</web-app>

或根据异常处理页面

<error-page>
<exception-type>javax.servlet.ServletException</exception-type>
<location>/servletex.jsp</location>
</error-page>

Technorati 标签: ,

http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/?

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

这是一个用户为中心(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 标签: , , ,