设计理论:将熟悉的问题陌生化

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

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

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

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

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

时间: 2024-10-02 10:06:13

设计理论:将熟悉的问题陌生化的相关文章

艺术设计理论:字体设计三步搞定

文章描述:艺术设计理论:字体设计三步搞定. 字体设计三步搞定: [1] [2]  下一页

用户体验:关于设计理论和设计术语

网页制作Webjx文章简介:关于设计理论和设计术语. 这几日的工作,涉及到很多会议. 也就涉及到很多人,很多意见,很多碰撞,很多思辨. 关于项目本身的不再多说,目前也不适合分享. 倒是有一些题外话,虽然和具体项目无关,但是会影响我们工作和沟通的效率.据我来看,也是很有意思的话题. 其中有些话: 功能性导航.全局性导航,我们是不是太扣字眼了?用户真的会关心什么是功能性导航,什么是全局性导航吗? 我们用这些原则来指导我们的工作,是不是太僵化了? 我们为什么先分析别的网站去找出这些规律,真的有用吗?我

javascript-css类名语义化,相对的设计理论是谁在推崇?

问题描述 css类名语义化,相对的设计理论是谁在推崇? bootstrap的css类名,是语义化风格国内有一些关于是否应该语义化的争论我想问,反对语义化,而支持写成.font16 .red这种类名的,是哪些框架在这样实践? 解决方案 web标准都讲求语义化,利于SEO优化 解决方案二: web标准都讲求语义化,利于SEO优化

photoshop设计理论让背景突显主体分享

给各位photoshop软件的使用者们来详细的解析分享一下设计理论让背景突显主体. 解析分享:   @豪斯K先生 :在平面设计中主体与背景就像是主角与配角的关系,可以说一部好的电影一定是主角与配角相互搭配共同完成的,同样道理,设计中的主体与背景就是这样的关系,背景烘托主体,主体映衬背景,那么怎样利用背景让主体明显,就是我们这篇文章所要阐述的内容. 第一部分:背景的大致分类 设计中的背景大致可以分为纯颜色.场景.渐变.肌理.图形五大类别,下面我就针对这五大类分别举例说明.   纯颜色背景不是指纯度

讨论网页视觉焦点的设计理论

Next Play咨询集团是一家主要面向公立学校进行学校课程以外的补充教育.公立学校一般的教育重点只是帮助学生如何应付各种各样的考试和测验,而Next Play则教导学生将一些理论知识应用到实际的生活中--让学生掌握求职的各种挑战.涉足社会时如何理财等等.真是一个朝阳行业. 你如何将这些想法通过网站向学生宣传?直接通过用黑板的形式表达出你的观点!观看的人一眼就知道你是一家关于教育的机构,你的宗旨是什么,你的服务对象是谁,都一目了然.而且黑板能够形成一个效果非常不错的视觉焦点. 让我们看看如何设计

设计理论:设计师要有自学能力

基本上现在新加我IM,或者发"沟通"邮件的朋友只干两件事情: 1. 直接找我要UI设计教程,最好还是我自己写的 – 对于这个要求,我建议大家买我的书就好了(我无耻的再广告下,今年10月份<UI进化论-移动设备交互界面设计>就会上市了,仍然是清华大学出版社发行),或者等到我们重新制作aboutcg的视频教学的时候再发:一个设计师一辈子其实能做的,能讲的,能写的内容是有限的,都这么无私的奉献了,我也不能保证那些东西的质量,而且我还得遵守出版社的利益与合同: 2. 问各种设计方面

图标设计理论:多形态标志是未来趋势

文章描述:标志在表现形势上值得瞩目的就是"多形态"标志的不断涌现. 近年来,标志在表现形势上值得瞩目的就是"多形态"标志的不断涌现. 但要首先明确一下, 有些人会将部分这类标志称作"动态标志",但这与我们本文所探讨的并不完全一致,因为,我们所说的"多形态",更多的是指标志形象的表现形式与传统的静态标志相对的一种形态,它的表现形式是不固定的,流动的.因为这里涉及到一点:并非所有"动"的标志,都是我们本文所指的

LOGO设计理论:三角形在LOGO设计中的运用

文章描述:标志的三角形. 左为旧标志,右为新标志 如果说这个标志是利用几个字母来形成,你可能第一印象为认为是VAVA,不过这个图形却是VIVA的标志. VIVA是德国电视台的一个音乐及娱乐频道,开播于1993年,其节目包括音乐VIDEO到各类美式情景喜剧(如<老友记>),VIVA创立之初是一家私人公司,后于2004被MTV欧洲公司所收购.其节目也输出到瑞士.奥地利及匈牙利.波兰及英国.今年一月,VIVA发布了新的品牌形象,该形象是由MTV欧洲公司内部的设计人员设计. 正如第一句所说,你以为是V

设计理论:网站首页设计需要突出主题思想

网页制作Webjx文章简介:设计网站首页的技巧总结. 首页设计,需开宗明义突出主题 开宗明义,无论是对于一篇文章.一场会议或一部专题片,还是对于一个网站来说,都是必不可少的.那么能为一个网站开宗明义的地方(标签)就是Title(标题)和Description(描述.副标题),而能够为Title和 Description提供进一步诠释的就是网站的首页. 展示哪些信息 页面的重要性是建立在它所呈现信息的基础之上,反过来说,页面要向用户展示哪些信息是决定其重要与否的首要指标.在网站页面中,网站标题.副