Dreamer

说明

我们从不阅读

September 14, 2010 by dreamer

界面设计有一条准则:为快速阅读而设计。用户面对web页面上的文字时,往往是一目十行的,就像他们刚刚拿到报纸时所做的一样。一些研究指出,用户通过快速扫描找到感兴趣的内容,再进行细致阅读。 有些时候,用户可能没有耐心读超过10个字的说明! 这是豆瓣的一段说明文字。它很克制地停留在不起眼的右上角,没有太多花哨的文字修饰。我很欣赏豆瓣的界面,然而每当我碰到他们的说明时,几乎在0.01秒的时间内我便会果断关闭或忽略。即使在我将它截屏存储成图片时,我仍然不知道这段文字具体意思是什么。幸运的是,豆瓣是一个友好的网站,它们需要超过20个字说明的地方不多;即使不仔细阅读,它也不会粗暴地警告你:“对不起,你不能xxxx,请阅读我们的说明”。 对于传统的论坛来说,管理员们的管理任务要比web2.0模式下复杂得多。为了维持正常的秩序,论坛中可能会有一套长期积累下来的规则。这些规则并不一定就符合网络上的普遍惯例,所以即使是老网民初次到达论坛,也需要进行一定时间的规则学习。这样的管理模式并不是界面设计开发者能够改变的。我们面临的问题是如何让用户们更自然地注意到这些规则,并且更好的理解其中的重点。 一般来说,界面会面临数百字 数十条的规则,其中有多处需要强调。编辑的习惯往往通过五六种颜色、加粗来表达“强调”,并且可能额外加入符号。面对这样一堆文字,我们要如何入手呢?我像大概可以从下面几步开始 1 自己读懂规则。界面设计师首先要理解界面中要传达的信息。和相关的人员沟通,了解哪些是重点信息,哪些是次要信息。了解用户的需求,这些信息当中,哪些是对他们不可缺少的,哪一些是可以在其他界面表达的。 2 根据理解的语义,为所有的文字分段、分条。沟通后适当的精简、合并文字,调整顺序。可以将一大块的说明分散到实际相关的功能界面中(在需要时显示)。 3 挑出需要强调的信息,同样是沟通后尽量精简。为这些强调信息分类,用一些更规范、更聪明的方式来突出(有限的颜色、文字大小、小图标⋯⋯)。 这是早前做的一个活动的规则说明页面。其实这段规则也是我自己写的⋯⋯尽量每一行短一些,几行就能说完一件事情,从用户可能感兴趣的角度来说⋯⋯ 这是表单页面,上方的说明文字是模仿了淘宝常用的强调方式。 原谅我表单内容比较随意的设计⋯⋯当时还没有太明确的界面设计意识。 插播一个开心网的应用界面: 尽管这些应用我都装了,但我从来没看过它的文字说明。只需要图标+标题我就能决定要不要安装它,至于怎么用,装上试试就知道了。目前为止开心网还没让我觉得自己是个不看说明的傻瓜。 这是会员服务的页面。我觉得最好的方式还是不要看文字说明就能完成任务,用图形来说话。并且避免用户犯错的可能,让用户能够放心尝试学习。

Posted in: Interaction&Front-end, User Interface Tagged: web, 快速阅读, 说明

Categories

  • ACG
  • Flash3D
  • Interaction&Front-end
  • Life
  • Mobile
  • User Interface
  • Visual Design
  • 工作整理
  • 懒人食谱
  • 服务器

Recent Comments

  • dreamer on Kill IE6?
  • 曉行 on Kill IE6?
  • Benny on 互动设计是神马?
  • 人人都爱vancl | Dreamer on 互动设计是神马?
  • dreamer on http协议复习笔记摘要

Tags

3dmax 3Z 403 960 Grid System acg android apache call to action code collada css CSS framework dae diy Don't Make Me Think flash httpd.conf papervision3d programing PV3D web wordpress xhtml xhtml mp 互动设计 产品 便当 凡客 咖喱 应用 快速阅读 懒人食谱 手机 手机网站 搬家 泰式 炒方便面 烟盒 界面 相册 瞬间之美 破面 虾 说明 银魂

Copyright © 2026 Dreamer.

Mobile WordPress Theme by themehall.com