- + P A

- 点击菜单切换

      学习笔记 2007-12-27 2:12

1  CSS修改 增加了需要的样式 全复制

/*CSS增加部分*/
#home_beijing{
 height:30px;
 width:72px;
 font-size:14px;
 font-weight:bolder;
 color:#600;
 padding-top:8px;
 background-repeat: no-repeat;
 background-image:url(images/jp_js_front.gif);
 }
 #home_shanghai{
 height:30px;
 width:72px;
 font-size:14px;
 font-weight:bolder;
 color:#600;
 padding-top:8px;
 background-repeat: no-repeat;
 background-image:url(images/jp_js_back.gif);
 }
 #home_guangzhou{
 height:30px;
 width:72px;
 font-size:14px;
 font-weight

标签集:TAGS:
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 测试及用户好感控制

      学习笔记 2007-11-7 14:48

此为Don't make me think 学习笔记,作者Steve Krug

一、测试的理由

“大部分web用户和我们一样”这种信仰已经足够让通常的设计会议陷入僵局。而在这种信仰背后,还有另一个隐藏得更深的信仰:相信大部分WEB用户是弹性的,可以随意变化的。

所有的WEB用户都是独一无二的,所以的WEB使用都是不一样的。

争论人们喜欢什么既浪费时间又消耗团队的精力,而通过测试将讨论对错转移到什么有效、什么无效上,更容易缓和争论。而测试会让我们看到用户的动机、理解、反应的不同,从而让我们不会再坚持认为用户的想法和我们一样。

二、可用性测试

1、使用测试的原因:
·如果想建立一个优秀的网站,一定要测试。测试会提醒你,不是每个人的想法都和你一样,直到你所知道的,和你用同样的方法使用网站。
·测试一个用户笔不做测试好一倍。
·在项目中,早点测试一位用户好过最后测试50个用户。一个网站投入使用,要改变它就不容易了。有些用户拒绝作出任何变化,因为即使很小的变更也会给他们带来深远的影响,所以任何在开始时就有助于防止犯错的方法都是很合算的。
·测试的关键不是要证明什么

标签集:TAGS:用户体验 web设计
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 必须正确设计的重点(2)首页

      学习笔记 2007-11-2 13:16

此为Don't make me think 学习笔记,作者Steve Krug

主页要完成的任务:
·站点的标识和使命;
·站点层次;
·搜索;
·导读;
·内容更新;
·友情链接;
·快捷方式;
·注册;
除了这些具体的需要外,还要慢煮一些抽象的目标:
·让用户看到自己正在寻找的东西;
·用户能找到本来没打算寻找到的对用户有用的东西;
·告诉用户在网站哪个位置;
·建立可信度和信任感。

约束页面设计的情况:
·太多的内容想放到页面上,太多的内容需要用户注意;
·参与设计的人太多,不只是设计师,业务、主管、董事都会发表他的看法;
·一个尺寸要适合所有人。于其它级别的页面不同,主页要呈现在每个访问者面前,不管用户的兴趣差别有多大。

在面临各种干扰的情况下,首页设计有一个重点不能忘:传达整体形象。
用户第一次接触网站的时候,第一眼,几秒钟的时间,首页应该能回答用户四个问题:这是什么网站;网站上有什么;用户能在这里做什么;为什么用户应该在这里,而不是别的地方。

标签集:TAGS:web设计 用户体验
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 必须正确设计的重点(1)导航

      学习笔记 2007-10-29 13:5

此为Don't make me think 学习笔记,作者Steve Krug

一 导航设计
   如果在网站上找不到方向,人们不会使用你的网站。

   网络导航的使用体验:
     ·用户通常是为了寻找某个目标。
     ·先搜索还是先浏览。这个取决于用户的打算、匆忙程度,以及网站是否有良好的导航机制。
     ·如果选择浏览,用户将通过标志的引导在层次结构中穿行。
     ·用户找到还是找不到都会离开,回头再来的几率很多也受到这个结果的影响。
  
     web的体验缺少许多我们在生活中用来同空间相处的感觉,感觉不到大小、方向、位置,网站通过具体化网站的层次结构补偿了缺失的空间感,营造出某种位置的感觉。导航不只是网站的特性,它就是网站。


    导航的作用:
    ·帮助用户找到想要的东西;
    ·告诉用户当前位置。
   

标签集:TAGS:用户体验 web设计
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 网页设计指导原则(4)用户无思考选择的原因&省略不必要的文字

      学习笔记 2007-10-18 12:50

此为Don't make me think 学习笔记,作者Steve Krug

四 用户喜欢无须思考选择的原因

用户不介意有多少次点击,只要每次点击都是毫不费力的,并且能让用户坚信自己的选择是正确。“三次无须思考、明确无误的点击相当于一次需要思考的点击。”

如果需要一支在网络上进行选择,那么让这些选择变得无须思考是让一个网站容易使用的主要因素。

五 省略不必要的文字
去掉没有人会看的指示性文字有几个好处:
·可以降低页面的噪声;
·让有用的内容更加突出;
·让页面更简短,让用户在每个页面上一眼就能看见更多的内容,而不必滚动屏幕。

1、必须消灭欢迎词。
    欢迎词就像闲聊,内容无所谓,主要是一种社交手段。大部分用户没有时间闲聊,他们喜欢直截了当。
2、消灭指示性文字
    多余或者臃长的指示性文字会增加阅读负担,设计者的目标应该是通过让每项内容不言而喻来完全消除指示说明,或者尽可能做到这一点,当指示文字变得完全没有必要时,应该把他们去掉。

标签集:TAGS:用户体验 web设计
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 网页设计指导原则(3)设计法则--广告牌设计法则

      学习笔记 2007-10-16 13:49

此为Don't make me think 学习笔记,作者Steve Krug

三 设计法则--广告牌设计法则
  用户使用方式是快速浏览扫描的网站,设计上需要注意5个重要方面。
  ·在每个页面上建立清楚的视觉层次。
  ·尽量利用习惯用法。
  ·把页面划分成明确定义的区域。
  ·明显标识可以点击的地方。
  ·最大限度降低干扰。
  
  1、建立清楚的视觉层次(既确保页面上所以内容的外观、所有的可视线索清楚,而且能准确地表述页面上的内容之间的关系。)
   一个视觉层次清楚的页面有三个特点:
   ·越重要的部分越突出;
   ·逻辑上相关的部分在视觉上也相关;
   ·逻辑上包含的部分在视觉上进行嵌套。
  2、习惯用法是你的好帮手。
    ·习惯用法非常有用,哪怕有时这样的熟悉让你觉得相似而乏味。
    ·设计师通常不愿意利用它们。如果不打算使用一种习惯用法,设计师必须确认新用法有(1)同样清楚,同样不言而喻(2)带来很大的价值,值得拥护付出努力来学习。

  3、把页面划分成明确定义的区域
    把页面划分成明确定义的区域很重要,因为这可以让用户很快决定关注页面的哪些区域,或者放心地跳过哪些区域。对网页扫描进

标签集:TAGS:web设计 用户体验
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 网页设计指导原则(2)web使用的实际情况

      学习笔记 2007-10-16 12:47

此为Don't make me think 学习笔记,作者Steve Krug

二 web的使用
用户使用网站的方式与设计想象的使用方式不同。在大部分时间里,用户实际上做的是在每个页面上瞥一眼,扫过一些文字,点击第一个令其感兴趣的或者大概符合他们寻找目标的链接。这种简单的视角比我们中的大多数人的想象更接近现实。

关于网络使用情况的三个事实。
1、用户浏览网页的时候不是阅读而是扫描。
  用户会花很少的时间来阅读大部分的页面,相反,他们只是扫描一下,寻找能吸引他们注意力的文字或者词语。例外的情况,就是关于新闻、产品描述、文字作品、产品描述的页面用户才会详细阅读。
  出现这样情况的原因是:
  用户浏览网页是想节约时间,总是处于一种忙碌的状态;
  用户知道自己不必要阅读所有的内容就可以找到需要的信息;
 人在生活中习惯用扫描的方式来寻找自己需要的东西。
 
 用户在网页上看到什么取决于他们想看到什么,不过用户想看到的通常只是页面上的一小部分内容。

2、用户不会对页面所有适用的内容做对比再做选择,而是选择第一个合理的选项。
  用户不寻找最佳选项的原因:
  用户浏览网页是想节约时间,总是处于一种忙碌的状态;
  点击后不会产生严重的后果;
  对选择进行权衡并不会改善获取信息的机会;
  猜测

标签集:TAGS:web设计 用户体验
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 网页设计指导原则(1)网页可用性原则

      学习笔记 2007-5-31 21:19

此为Don't make me think 学习笔记,作者Steve Krug

网页可用性原则
1、页面功能应该使阅读者无须任何思考。
2、用户浏览网页原则--以快速扫描方式使用。
3、页面应该适合为扫描阅读。
4、让网页上的选择无需思考。
5、文字尽量简练。


一、页面功能应该直观明了,无须任何思考。
 每一块栏目的功能性都应该是显而易见的。
 按钮、链接应该明显直观。避免花俏的装饰、过多的文字、错乱的排版影响阅读者的判断。
 检查页面是否产生大量影响阅读的信息时候,需要针对网站功能列一个信息传达清单,以检查页面是否能正确达到传达效果。
 在创新的、开拓性的或者非常复杂的页面设计时,内容并不会一下被人理解,但页面应该从外观、元素、名称、布局、文字等方面,拥有自我解释的能力,让用户明白制作者的意图。

二、用户浏览网页的原则
1、 用户是以扫描的方式浏览网页,而不是细读。(新闻、报告、产品描述等叙述性信息一类除外)。
 造成这样的原因是:
 (1)用户处在忙碌状态;
 (2)用户不必阅读所有文字;
 (3)阅读中的习惯以扫描的方式,他们在网页上看到什么取决于其想看到什么。
2、用户使用网站的时候,往往不是使用最佳的方

标签集:TAGS:
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()