当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计理论:将熟悉的问题陌生化

心得技巧
新闻风格网站设计实例25个
下拉菜单和滑动菜单设计实例
网页小空间大图片的放置
网站设计经验 建设网站常犯错误汇总
将rar文件隐藏在图片中的实现方法
土豆网(tudou.com)前端概况
Tudou.com首页网页设计的制作方法
网页栅格系统研究:技术实现
英文文章:寻找创意灵感
推荐能找到设计灵感的网站
Web设计放弃闭塞思想而跳出网格之外思考
网页设计必备工具和生成器(英文软件)
网站作品:56个出色的现代网站设计
更好利用光影的五个网页设计技巧
让用户浏览网页速度更快的优化技巧
如何用doctype激活浏览器?
sIFR、typeface.js和cufon文本替换技术
网站设计师参考:获取灵感的CSS画廊
WEBJX收集18个网页设计者不可错过的论坛
设计参考:WordPress建站成功案例

心得技巧 中的 设计理论:将熟悉的问题陌生化


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 69 ::
收藏到网摘: n/a

    通过千鸟的博客知道《瞬间之美》这本书的,前几天去书店转悠正好看到这本书,本想买下的,但是一看价格还是决定算了。于是,在第三极里花了一个下午囫囵吞枣般的读完了。

     最大的感觉是作者总是会将熟悉的问题陌生化,遇到问题的时候作者总是试着从另外一个角度去看待他,然后发现不同的解决方法。不断变换视角去看待同一类问题,让问题看起来陌生不至于使自己的思维陷入固定套路,这点对于一个产品人员来说,我觉得是尤其有价值的。

     书中提到过一个原理叫做“环境提示”。让环境提示成为引导的线索采用字体大小和颜色双重表现方式区别链接的轻重程度)帮助用户快速找到组织中最有价值的元素。
   这个原理来自于现实生活中日本一个地铁系统的站台提示。 多数人会在坐地铁的时候看书、听音乐、打瞌睡、看美女等等,同时地铁的报站在每个站点的声音都是一样的,可以想象在一个嘈杂混乱的车厢里,听不到报站或者听错了报站是很正常的事情。于是,该地铁对他们的报站系统做了改进,在不同的站点到达之前会放一段不同的音乐。这段音乐对于地铁里的乘客而言就是一个环境提示,这样不同的乘客只要注意不同的音乐声就可以了。可以避免因为看美女或者听音乐而错过站的情况发生。

   我们知道,情境是与用户、内容并列的信息架构的三个最基础的因素之一。设计复杂网站时,在较大的整体中提供情境特别重要。很多实体世界中的情境线索在网站上是不存在的(没有自然的路标,也没有南北之分)。因此确保网站有提供情境的线索是设计导航的一个重要原则之一。
  
   书中作者引用了这个原理把他映射到产品设计上。并以一个内部的CMS系统中如何在一列连接中把最新最重要的信息标识出来作为例子进行了阐述,作者认为采用不同大小的字体和颜色来对一个链接进行修饰可以直观的表述一个链接的轻重程度,且提高用户的阅读体验。
   实际上这些方法我们也经常会用到:比如用红色链接来表示这条新闻是重要的;用黑粗体的标题来表示头版头条新闻;有的网站(浏览器)已经可以实现对用户已经点击过的链接使用颜色标出。
   默认情况下没有浏览过的超链接是一种颜色,浏览过的超链接是另一种颜色。这种特征可以帮助用户了解什么是他们看过的,什么是没看过的,帮助他们回忆之前逛网站时走过的路线。在信息架构中,我们把这个叫做情景式导航。情景式导航可以支持联想学习,让你建立一种具有连接性组织的网站,使得用户和组织都受益。

   当然,这部分只是我囫囵吞枣中记忆最深刻的部分,其他关于标签云的讨论、注册表单的优化、视频的引入、搜索的设计等等也都颇有见地,最重要的是这些都是最常用的产品组件。30多个故事,阐明了如何将好的设计原则运用到实际的Web应用程序界面中,使界面引人入胜,如何创造完美的瞬间,给用户以美好的体验,值得一读。