首页
首页
 
社区内容
社区内容

爱斯基摩

读书笔记---《用户体验的要素》

  • 5月最后一天

    Mon, 31 May 2010 13:44:45 GMT

    今天是五月的最后一天,也是我这次回家在家住的最后一个晚上。 爸妈,弟弟,弟妹,我 一起围坐在一起,边包饺子,边聊着弟弟婚礼上感人... >>查看详细

  • 老妈的作品

    Thu, 27 May 2010 15:41:46 GMT

    老妈的“巧夺天工” 老妈是个手很巧的人,喜欢缝缝补补,编织刺绣。我记得小时候家里的很多东西就都是老妈DIY的作品,比如“熊猫吃竹... >>查看详细

  • 缓解压力的最佳方法

    Tue, 11 May 2010 03:30:13 GMT

    和大家分享,缓解压力的几招。希望我们都能处理好工作上和生活上的各种压力!:)———————————————————————————... >>查看详细

  • 一朋友给她儿子DIY的艺术照(转...

    Sat, 08 May 2010 14:59:22 GMT

    纯粹是为了来刺激我滴,朋友在家给她儿子随手拍的一些照片,夫妻两儿一个是设计系的研究生,一个是台湾的摄影师,这都能碰到一起,也算是身... >>查看详细

  • 我是个男人

    Thu, 06 May 2010 09:53:27 GMT

    先解释下题目,这个不是说我啊,所以大家先冷静~哈哈! 故事开始: 手机不幸的被盗,让我很郁闷,不过老何说正好你的手机也该换了,... >>查看详细

  • 老友记主题咖啡馆

    Wed, 05 May 2010 05:07:09 GMT

    作为老友记的忠实fans,看到这个咖啡馆估计都要激动的跳起来了! 先说明,俺没去过,是在网上看到的帖子(尽管如此,也激动啊~),这... >>查看详细

读书笔记---《用户体验的要素》
爱斯基摩   Fri, 26 Feb 2010 05:57:49 GMT

      因为工作和互联网有些关系,加上自己对UCD方的知识也有兴趣,于是当当了两本书,比较经典的《用户体验的要素》和《Don't Make Me Think》


      昨天把第一本看完了,书很薄,全书也只是围绕Jesse James Garrett 提出的一个ucd设计模型展开的,虽然在这方面我也许连菜鸟都算不上,但是看这个模型以及相关介绍,还是让我受益匪浅。另一本《Don't Make Me Think》07年的时候看过一次,有些印象,全书其实主要也只是一个观点“不要让你的用户思考”,围绕着如何简单,清晰设计网站视觉以及交互内容展开论述,而且例举了很多生动的例子。(这本书还需要再多看看)


      设计一个网站可以说是一项工程,零零总总的需要考虑的事情非常多,Jesse James Garrett提出的这个模型很好的规范化了设计思考的流程,基本清晰了每个过程中的内容,而且因为角度不同,很多时候我们对于网站设计中间出现的概念也容易弄混淆,而这个五层结构图不仅分清了底层和上层的问题,还明确了为什么会出现明明是同一个层面的事情,为什么有时叫架构,有时又成了交互设计……也在网上看了一些其他非菜鸟的读书笔记,结合自己的情况,做一点自己的理解记录:(一定是很肤浅了,希望能和有经验的人多多学习:)



Jesse James Garrett 提出的模型:


 
 
 
中文版本的图:
 
 
 
      首先,看网站的角度不同,就会出现不同的层级理解,为了不混淆这些概念,Jesse James Garrett从两个角度去看整个建站流程:第一,一个网站我们可以把它看成是一种软件界面(从功能角度出发),另一种则是我们还可以从“超文本系统”去理解(侧重内容)。
  
      其次,再看这5层结构。这个流程模型图所要表达的意思是:一个网站的建立,对于网站经营者是一个由下而上的顺序,分别为“战略层,范围层,结构层,框架层和表现层
 
 
下面结合自己的书和自己的理解来说说自己的认知。
 
 
战略层——网站目标和用户需求
      ”成功的用户体验,其基础是一个被明确表达的“战略”。战略不仅包括经营者向从网站得到什么,还包括了用户想从网站得到什么。即企业与用户双方对网站的期许和目标,有助于确立用户体验各方面战略的制定。”战略层要回答两个问题,第一,网站的目标是什么?第二,用户的需求是什么?一个事经营者希望达成的愿望,一个是用户希望通过网站达成的愿望,这两个愿望的需求决定了网站的最终战略上的方向。
 
 
范围层——功能规格和内容说明
      范围层面其实是在指进一步将你在战略上的想法具体到内容和功能上的范围。比如你的战略是“从经营者角度去想:建立一个销售汽车的网站,推广品牌,在线销售汽车;从用户角度去想:买到适合自己的车以及了解关于车的相关服务”,那么范围层要解决的问题就是确定这两个目标后,如何去满足这两个目标。比如要满足汽车的经营者,网站需要做到“在内容上,突出自己的品牌标识,介绍自己不同型号的汽车以及相关服务等;功能上相应的需要电子商务功能,产品介绍功能(是不是可以说是文本发布?),图片发布功能等”,要满足用户,那么“在内容上,汽车的介绍,售价,售后服务,配送,各种优惠条件等要介绍清晰,功能上,使用户可以在线提问,及时沟通,可以很简单方便的在线购买,所以需要在线交流工具,留言板,或者即时沟通工具,电子商务功能等”,综合经营者和用户的期望,那么网站的范围层确定的网站内容就是“突出自己的品牌标识,介绍自己不同型号的汽车外观,性能,售价以及相关服务,准确用户的常用问题,功能上则需要 产品发布系统,电子商务功能,及时沟通工具或者留言板”
(以上例子只是临时举例,所以并非考虑需求很周全:))
 
 
结构层——交互设计与信息架构
      结构层解决的问题是如何将已经设想出来的元素结合成一个有机整体,那么从“软件界面”来看,就是确定它的交互方式,从“超文本系统”来看,就是信息如何构架。
我的理解:这层其实是把显得零散的需求综合组织起来,让范围层的要素有逻辑的组合成一个有机整体。比如用户如何到达你的页面,而你又如何引导用户进入另一个相关的逻辑页面。再拿上面例子继续:
那么我认为这个结构在内容上可能是这样的结构(信息构架):
  
 
功能上是这样(交互设计):
 
以上两个例子其实都是特简单的例子,我相信信息构架一定不是这么简单,应该还包括设计用户行为的一些流程图,整个信息的逻辑图等等,等等 
 
框架层——界面设计、导航设计和信息设计
      框架层是要根据结构层安排好组织体系来具体实现这些元素在页面上的安排,那么在“软件界面”角度看,这一层要完成的任务就是界面设计和信息设计;“超文本系统”这边是导航设计和信息设计。
在这一层主要信息安排和相关设计,用线框图将每个页面的信息安排和设计表现出来,是最直观的表现。
例如:
(很很粗略的一个图)
 
 
 
表现层——视觉设计
      表现层就是最终呈现出的视觉层面,也就是我们最终看到的网站的表达页面。视觉设计,内容、功能和美学汇集到一起来产生一个最终设计,这将满足其他四个层面的所有目标。
 
 
      下面这张图是在网上找到的,很说明问题,拿来做我的总结吧! 
 

      除了介绍这5个层次外,作者主要提到如何更加好的在每个层面上改善用户的体验,设计核心原则是 以用户为中心的设计 (ucd),这部分内容有些散,我还需要继续吃透……

标签:

 

阅读 (292)     评论 (11)     收集 (0)

 

  • 修远
     
    修远Fri, 26 Feb 2010 06:07:29 GMT
    1楼回复
     

    看得頭好暈呢

  • 爱斯基摩
     

    爱斯基摩Fri, 26 Feb 2010 06:15:24 GMT

    引用

    1-1

     

    我理解的也可能有偏差和出入,你拿不懂,我们可以试着讨论讨论:)

  • 修远
     

    修远Fri, 26 Feb 2010 06:17:04 GMT

    引用

    1-2

     
    引用 爱斯基摩1-1发表的评论:

    我理解的也可能有偏差和出入,你拿不懂,我们可以试着讨论讨论:)

    不是你理解偏差 是我害怕看這類書 覺得腦子要脹死了 我平生最害怕就是看這類書

  • 爱斯基摩
     

    爱斯基摩Fri, 26 Feb 2010 06:21:29 GMT

    引用

    1-3

     
    引用 修远1-2发表的评论:

    不是你理解偏差 是我害怕看這類書 覺得腦子要脹死了 我平生最害怕就是看這類書

    哈,刚开始看确实是的,可以慢慢来,我现在也只知道些皮毛,相信以后多看看就能更轻松了,万事开头难么。


    不过术业有专攻,爱好也有不同,这确实啦

  • 修远
     

    修远Fri, 26 Feb 2010 07:21:55 GMT

    引用

    1-4

     
    引用 爱斯基摩1-3发表的评论:

    哈,刚开始看确实是的,可以慢慢来,我现在也只知道些皮毛,相信以后多看看就能更轻松了,万事开头难么。


    不过术业有专攻,爱好也有不同,...

    其实你看书挺快的 很是佩服 我的买了本《罪与罚》才看到第七页 现在阅读越来越会自己给自己找借口了 我打算向你学习 :)

  • 爱斯基摩
     

    爱斯基摩Fri, 26 Feb 2010 08:29:04 GMT

    引用

    1-5

     
    引用 修远1-4发表的评论:

    其实你看书挺快的 很是佩服 我的买了本《罪与罚》才看到第七页 现在阅读越来越会自己给自己找借口了 我打算向你学习 :)

    ……完全是因为这本书很薄……哈哈。


  • calvin
     
    calvinFri, 26 Feb 2010 06:08:11 GMT
    2楼回复
     

    嗯哼...收获可以哦~~~

  • 爱斯基摩
     

    爱斯基摩Fri, 26 Feb 2010 06:13:39 GMT

    引用

    2-1

     

    有收获的,只是受限于自己的知识水平,所以一定有很多理解的并不是很透彻。:)

  • 狂笑の奶牜
     
    狂笑の奶牜Fri, 05 Mar 2010 05:35:39 GMT
    3楼回复
     

    还不错哦,加油。

  • 爱斯基摩
     

    爱斯基摩Fri, 05 Mar 2010 06:38:08 GMT

    引用

    3-1

     

    多多指教啊

  • Elo__
     
    Elo__Mon, 08 Mar 2010 13:36:53 GMT
    4楼回复
     

    确定目标

    界定目标

    设计数据结构和数据流

    为数据流设计框架,并有可能适当更改数据流程

    为框架设计视觉元素



    交互设计是一个流动的过程,不是功能的划块



    ”从经营者角度去想:建立一个销售汽车的网站,推广品牌,在线销售汽车;从用户角度去想:买到适合自己的车以及了解关于车的相关服务“ --》目标是ok的,界定非常糟糕,需求的阐述是站在一个很普通的市场人员的角度,这个也不行。线框图严重脱离目标。


    http://www.baidu.com/s?wd=ued  可以多参考下国内一些公司的UED团队的交流,当然也不要被误导哈。


    不过,更加重要的还是在实践的过程中,验证有没有UEDer的可能。



    james归纳的层次非常的经典,感觉《点石成金》(do not make me think)对普通读者更加容易读懂。^_^