眼睛追踪模式
拿到一份报纸，首先吸引目光的是图片，浏览网页时不也是一样吗？
斯坦福－波因特项目（Stanford…Poynter Project）研究发现，当人们在网上浏览新闻时，首先阅读文字内容，尤其是标题和摘要，然后才看图片，有时会更晚，有时根本连看都不看！这使很多网站广告编写员喜出望外。这就产生了访客怎样在网站获取信息的问题。
为什么这个信息对您至关重要？如果知道人们怎样从浏览窗口获取信息，您就得到了一个强大的设计工具，使用这个工具可以帮助您更好地完成网站的说服目的：让顾客采取行动。
那么访客怎样浏览网页呢？
访客登录您的网页，从窗口的左上角开始浏览，跨过中心部分，快速移动到右上角，然后再返回左边，重复进行（注意这个模式根源于从左到右的阅读方法）。这一切都发生在几秒钟之内，直到访客到达网页中心，再返回的时候才会必要地停下来看一两眼。访客的行为通常是下意识的。
访客在做什么？他们在完成初期的搜索任务，在有意识地主动了解有关信息前，努力通过内容熟悉网页，而且他们也在试着估计这里有没有值得了解的信息。
您的图标应该是用户在网站顶端首先看到的元素之一，确保它是首先载入的对象之一。这是您的身份象征，加上URL，会让用户知道他们打开了正确的网页。
整个网站导航计划在屏幕的顶端最有效；这可以向访客展示网站的总体布局，也可做为备份文件，确保您的独特价值主张清晰突出。
贾尔德？斯普尔德用户界面工程小组发现，用户的目光最终要落在屏幕的中心位置，然后左右来回移动，不管是新用户还是老用户都这样。当用户寻找其他附加信息时，她的目光不仅在屏幕中心，而且注视着某个区域。这个小组还发现用户常常忽略屏幕底端的信息，好像和正确区域外围信息进行互动。（人们使用垂直滚动条时连看都不看它一眼！）
很显然，屏幕中心的位置是黄金地段，是“活跃窗口”，成败皆在于此。这是访客有意识地与您互动的第一个地方，当他们的视线从最初浏览的地方回来时，您希望网站的内容能吸引他们，推动他们进入转换过程。如果网页上有什么东西分散了访客的注意力或使他们离开中心区域，就不太可能使他们留下来。如果您已经学习了斯坦福－波因特（网上目光首先投向文字）这一课，您会明白文字要比图片重要。
第二章 构建（26）
即使用户还在中心区域，他们也同时注意着外围的右方区域。这个区域是个宝贵的空间，可以通过保证、信誉、推荐书向用户传达对产品的信心，行动召唤在此也很有效。一个“订阅公司快讯”是很好的例子。看看亚马逊公司是怎样做的，他们把“加入购物车”和“只按一下”固定于右上方，下边是“添加到愿望列表”按钮。这样用户准备购买时就知道产品储存在哪儿。
使用眼睛追踪的知识，我们知道了业务的大概顺序：首先，使访客适应；其次，使用活动窗口保持其注意力，说服他们转变为购买者（或订阅者，或您的其他目标）。网站的其他位置当然也同样重要，但是访客就是不理会。
知道了人们怎样浏览网页，您就能布置好网页的模板，访客就能以最好的参与方式在期望的位置找到需要的信息。您可以用这些信息满足顾客需求，同时提高转换率。
3。 图解模型
选择好合适的草图之后，开始在Photoshop、Illustrator、Freehand、Visio或其他您喜爱的软件中进行编辑。这是制作故事板的第一部分，制作故事板也是开始美学设计的地方。毕竟，在斯坦福大学的劝导技术实验室的研究中，近半数的消费者（）认为网站的信誉首先基于视觉设计的吸引力程度。
设计图解模型时，要牢记网站是个互动劝导工具，不是营销部门华而不实的东西。需要设计的三个原因：
（1）唤起顾客的记忆与图像和您的品牌的联想。
（2）使您看起来更专业。
（3）帮助网站说服顾客更有效。
每个图片、设计都会帮助顾客更加信任您的公司、产品或服务吗？对说服顾客有用吗？
设计师很讨厌受约束，但是对转换设计的错误观念比比皆是，很多这样的观念都被认为是“最佳实践方法”。一旦设计师知道了真正有效并无约束的转换设计，他们会接受的。这是设计师在图解模型阶段应该遵循的一些基本准则：
停止不连贯的设计
很多网站有醒目的页面，它们看起来“很好”或似乎都是“为了品牌”。但是醒目页面与别的页面的观感不同，会使访客失去方向，还会影响处于购买冲动中的顾客的心情。醒目页面是顾客取得有关信息的障碍，常常被误用，要求访客选择路径，而路径的选择由信息建构管理倒比较好。
许多网站的结算过程的观感与其他网页不同（这与很多托管解决方案同时发生）。但它对去除无关的导航系统有用处，改变设计的一致性，购买过程也随之改变，这样可以让人感到惊讶。
对比
一个图像有两种选择，可以添加到网页页面上增加感知价值，也可以很显眼，以便带领潜在顾客走到您希望的方向。您怎样设计来劝说访客如您所愿的行动？对比！对比会使顾客的目光投向您希望的地方。它直观地告诉访客下一步是什么。在《写给大家的平面设计书》中，罗伊？威廉姆斯写道：
读者从来就不应该思考网页上到底发生了什么—焦点、组织材料、目的、信息流动，所有这些应该看一眼就能分辨出来，同时，这与美化网页也不冲突。
威廉姆斯列举了六个对比项目：
（1）大小：大vs。小
（2）重量：重vs。轻
（3）结构：改变重量
（4）形式：矩形vs。圆形
（5）方向：笔直vs。倾斜
（6）颜色：暖色vs。冷色
行动召唤应该与设计的其他部分进行对比，不应该让访客自己寻找下一个步骤是什么，您能把行动召唤放在离网页六英尺远的地方吗？我们没有开玩笑。
第二章 构建（27）
动态页面设计vs。静态页面设计
用户使用不同的浏览器，设定不同的分辨率。访客控制着浏览器和其他设置的选择，这方面设计师无能为力。您必须充分了解这些，尽最大努力设计好。不要总想着控制客户行为，这样会令他们不快。决定网站的设计方式，静态还是动态，两者都有一定的缺点。使用静态页面设计，网站就缺乏变化，问题是一些访客也许用较小或较大的浏览窗口（不是期望的大小）浏览您的网站，这就会导致访客只能看到网站的一部分内容，或使您的网站在较大窗口中显得非常小。动态页面设计会自动调整页面大小以适合窗口的大小。窗口太宽或太窄都会使网站看起来有点怪。慎重处理，在至少两个不同的浏览窗口和多台显示器上测试网页。
牢记：网络是自愿性媒体工具
网络是参与性、自愿性的媒体工具，访客不仅受他们所看到内容的控制，而且受到他们浏览方式的控制。
？ 访客可以重调页面大小以适应屏幕分辨率。
？ 访客可以选择文字在屏幕上的显示大小。
？ 访客可以决定是否显示图片。
？ 访客可以选择是否想看到颜色（有人甚至可以改变调色板）。
？ 访客可以通过不同的工具浏览网站：个人电脑（Windows显示页面与Mac不同）、手机电视、网络电视—每一种的视觉效果都不同。
您的目标是通过网站内容满足顾客从而说服其采取购买行动。假如您忽视了他们的需求，哪怕一秒钟，访客也会离开。在网站设计过程中，您可以通过层叠样式表单（CSS）增加网页灵活性，CSS可以让设计者说明网页应该如何出现。以下是CSS可以提供的一些灵活点：
？ 有了CSS，您不必局限于一种字体，因为用户电脑上不一定安装了这种字体。您可以提供大量字体，从而覆盖更广泛的用户群。
？ 不需要具体说明您使用字体的实际点大小，把他们作为基础文本的一部分，标题和次标题字号可以适当大些，一些文本字号可以小些。这样在任何浏览工具上文字显示都会比较合适。
？ 要使网页布局适应用户设置，您可以详细说明控件外边框周围的间距量、首行缩进值和其他页面属性。当用户改变浏览窗口的大小时，整个页面的大小随之变化得合适。
非常重要的一点：确保清清楚楚地表达网站的说服目标，不能依靠颜色来传达您的含义。颜色能提高信息质量，但颜色本身不应该成为信息。
要把转换设计认为是有挑战性的过程，而非约束的过程。网站的外观影响着访客的感觉，而我们都知道，访客的感觉是打开劝导局面的关键。
有效略读和扫读
您花时间写了文本，文本具有说服力，怎样确保读者与您网站上的文本有接触呢？这个不是广告编写的问题，是可用性问题。可用性专家用两个易于混淆的词描述读者怎样接触文本：略读和扫读。
如果访客打开网页后，不能很快且有效地扫描并略读网页，他们是不会留下来继续深入访问的。这样不好。略读和扫读相互关联，但它们是可用性的不同体验，需要分别处理。如果可扫描性与可略读性不分家，您将会错过从已进行的可用性研究中吸取教训的机会。
考虑怎样使访客朝向您预想的方向愉快地扫读和略读网页前，您必须首先了解扫读和略读的区别。《美国传统词典》是这样定义的：
扫读：快速系统的查看，匆匆浏览或快速翻阅 。。
第二章 构建（28）
略读：进行快速粗略的阅读、观察、或思考，一瞥
它们很相似但不相同，两者都是提取信息的过程，