18th
八月

Eyetracking Web Usability(Page Layout)

类别 心情文字 | 标签 , , | 14 条评论


书籍介绍如下：

作者: Jakob Nielsen / Kara Pernice
ISBN: 9780321498366
页数: 350
定价: USD 59.99
出版社: New Riders Press
出版年: 2009-12-14

关于更详细的内容，您也可以点击这里（http://www.useit.com/eyetracking/）

有关这本书的目录如下：

Book Table of Contents

  1. Preface
  2. Eyetracking and the Eye
    • How Modern Eyetracking Works
    • Foveal Vision vs. Peripheral Vision
    • The Mind–Eye Hypothesis
    • Are Looks Good or Bad?
    • Visualizing Eyetracking Results
    • Tasks Determine Looks
    • Other Uses of Eyetracking
  3. Our Eyetracking Research
    • Data Collected
    • Test Sessions
    • Why Many Eyetracking Studies Are Bogus
    • Cost of Eyetracking Research
    • Equipment
  4. Page Layout
    • How Do People Look at a Page?
    • Organization of Pages
  5. Navigation
    • Menus and Information Architecture
    • Navigational Elements
  6. Fundamental Web Design Elements
    • On the Homepage
    • Logos and Tag Lines
    • Shopping Carts
    • Forms, Fields, and Applications
  7. Images
    • What Does and Doesn’t Draw Attention to an Image
    • Images as Obstacles
    • Attributes That Draw Attention
  8. Advertisements
    • It’s a Jungle Out There
    • When People Look at Ads
    • How Different Types of Ads Fare with Users
    • The Impact of Ad Placement
    • Text (Sponsored Link) Ads
    • Do Graphics Belong in Web Advertising?
    • Internal Promotions: Match the Site’s Style
    • External Ads: What Works
  9. User Viewing Behaviors on the Web
    • Exhaustive Review vs. Necessary or Desired Review
    • Momentum Behavior
    • Logging
    • Selective Disregard
    • Post-click Behavior
    • Perpetual Viewing
    • Eyetracking Reveals Another Level of User Behaviors
  10. Appendix
    • How Much People Look at Basic Web Interface Elements
  11. Glossary
  12. Index

翻译的内容很少，也不是很准确，因为是第一遍阅读且未经过校正，边看书（这本书貌似目前还没有电子版本）边在电脑上敲打的，等书看完，有了更深的了解之后应该还会再修正的。之后的章节也会一点点慢慢放上来。

页面布局

网页不是银行账户：
装满的未必是好的。混乱的或者困难的设计使用户很难找到他们所需要的东西。只有当一个人在一些特殊的网站上确实需要一些东西的时候才会去微笑并且忍受并不是很好的用户体验。

在这个章节里，我们考虑到人们是如何查看网页的以及哪些元素吸引到他们的眼球。我们也讨论在哪里以及该如何放置最重要的内容、如何使放在网页的内容吸引到用户的注意力。

今天这些混乱的网页设计归咎于政见以及缺乏优先级考虑。问题通常在于一个机构的很多人都希望一大堆的东西陈列在首要位置。这些位置通常是首页、一些章节的主要页面、明显位置或者最上面的按钮。

如果在一个页面上关于这个内容只有一个重要的片段或者区域只有一个优先级，这就没有问题。甚至很多重要条目出现在一个区域，这也是没有问题的。但是试验人员要求突出五种重要的内容，设计师必须填入五种元素并希望他们不管怎么样都能看到。大部分情况下，他们并非如此。

这些问题可以通过系统组织规划这些页面以及他们网页的按钮，允许改变内容。他们需要确定一下内容：

-  当浏览者来到这个我那个站的时候他们想要的是什么

- 当浏览者来到这个网站的时候我们希望他们看到或做什么

- 我们设计的产业的优先级（用户最关注的）是什么

如果用户目标和商业目标相匹配这问题就变得简单了，但是他们不是的。一个典型的例子是用户并不会因为新闻网站有广告而大呼小叫。他们去新闻网站获取新闻。但是为了能够生存下去并继续经营，报纸接受广告。反过来讲，人们容忍广告是因为他们每天早上读报纸花费很少的钱或者是不用花钱。这些并不尽如人意，但是你可以使你自己去适应他。

有的时候网站目标能真正符合用户的利益。从我们测试中的一个例子来看，浏览者正在查找内容的时候，当业务优先占据了页面的中心位置时，浏览者关注的是在一个次重要的位置。但是到最后，这个适用于每个人。

在使用Circuit City网站的时候，Dor曾经放了一个ipod nano在他的购物车里（图3.1，图片过阵子拍摄好放上来），她表示这两个项目的花费比她预期的要多，但是她开始了结算离开过程。她的订单出现在这个页面右边一个很远的“订单结算”区域。 但是主内容区域显示了额外的推荐产品和省钱计划。 在这个网页上的第一刻，她似乎迷茫，但是她看着nano上的配件，比如配件套装和袖带，看了一会后，她想好了，并把袖带放入了购物车中。

未完待续…

相关日志

有 14 条评论

  1. ahdong.net 说道：
    2010/08/18 at 10:48 下午

    唉，英语不行，还是看简体中文版感觉好。

    回复
  2. 爱.一起.你 说道：
    2010/08/19 at 9:09 上午

    现在如果不会一门外语看来真是相当于瞎了一只眼睛啊！

    回复
  4. 武汉工程大学自考 说道：
    2010/08/20 at 10:16 上午

    这个是什么 ？我真没看明白

    回复
  5. 包子 说道：
    2010/08/20 at 3:31 下午

    你用wlw吗?

    回复
  6. 無名指 说道：
    2010/08/21 at 12:51 上午

    真是多才多艺啊！！！

    回复
  7. airmaxshoes 说道：
    2010/09/07 at 1:47 下午

    同感哦，英语看得有些吃力呢

    回复

发布评论

Gravatar
(保密)