按键盘上方向键 ← 或 → 可快速上下翻页，按键盘上的 Enter 键可回到本书目录页，按键盘上方向键 ↑ 可回到本页顶部！
————未阅读完？加入书签已便下次继续阅读！
很好的例子。看看亚马逊公司是怎样做的，他们把“加入购物车”和“只按一下”固定于右上方，下边是“添加到愿望列表”按钮。这样用户准备购买时就知道产品储存在哪儿。
使用眼睛追踪的知识，我们知道了业务的大概顺序：首先，使访客适应；其次，使用活动窗口保持其注意力，说服他们转变为购买者（或订阅者，或您的其他目标）。网站的其他位置当然也同样重要，但是访客就是不理会。
知道了人们怎样浏览网页，您就能布置好网页的模板，访客就能以最好的参与方式在期望的位置找到需要的信息。您可以用这些信息满足顾客需求，同时提高转换率。
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）
略读：进行快速粗略的阅读、观察、或思考，一瞥
它们很相似但不相同，两者都是提取信息的过程，人们完成这两个行为非常快，通常不需经过太多的思考。但它们的工作原理不同，有着不同的目的。
这样想：您现在处于西部荒蛮边界地带，一匹老马带着您爬到了山顶。在您面前是一片宽阔的原野，您不知道那里有没有危险。如果您四周看看，您就在“扫描”：左边有灌木丛，远处有湖，炊烟袅袅上升，在您的右边有木篱笆。您的“扫描”表明那里好像很安全，然后您策马小跑。越过篱笆后，您发现邮筒上钉着一张纸。这是一张让您做出生死抉择①的布告。您下马走近邮筒，“略读”那张纸上最显眼的文字再做决定，如果您讨厌看那些小字。
我们看看在网站上是怎样的。访客打开网页，她的眼睛立刻开始检查网页，看看是否处于正确的位置。首先，她扫描屏幕寻找显著的信息，帮助她确定是否符合心理意象。在她扫描时，除了搜集大标题类的信息，她还评价总体网站，比如可读性、安排、可接近性。这就是显著功能发挥作用的地方，包括字号、页面布局、颜色。您希望帮她节省寻找、分类、选择信息的时间，并且希望她进入转换过程。如果她发现了最重要的线索，她就处于正确的位置，如果她发现这个网页很难理解，她就转投向别的网站。
其次是略读，但也同样重要。它基于阅读，是对提取信息的过程进行优化。如果访客有了很好的了解，她就会开始接触广告。她还没准备好停下来，所以她会粗略地阅读任何信息。她现在还不确定是否有价值，她会以粗略浏览开始，寻找指导她进行下一步的高亮词和重要的关键词。这就是使用黑体字、要点前的小黑点、简短的文本分块、每段第一句话和最后一句话重点突出清晰的字体，甚至有效的链接的不同之处。这会指导您改进网站、改善说服方案。
您的网站必须“可扫读”并“可略读”，但是，请记住并不是所有的信息都有相同的价值。这条信息放在了顾客最有可能寻找到的地方了吗？每一页都有行动召唤吗？需要上下滚动滚轮来查看吗？如果您销售产品，应该在不同的地方考虑“加入购物车”按钮，尤其是在网页的底端，因为这时人们已经浏览过好多信息了。
跟随光标的移动
有一个很有趣的问题。在某个网站，我们点击行动召唤，在下一页，在某个地方，前面那个行动召唤又出现了，我们的光标停下来了。现在它却在隐私策略链接上。这使得我们对隐私策略产生了好奇，无意中，我们脱离了购物过程。
应该使网站容易与客户交流，指导访客实现您的目标，让他们来与您进行交易，不是吗？应该尽最大努力使网站变得直观，每页上的元素、文本、图片必须以说服为目标进行摆放，如果您在设计上很用心，成功的测量指标就会显露出来。
帮助顾客的眼睛找到信息
每一位访客每天都要与海量的信息做斗争。怎么办呢？因此，他们在消费时就变得无比挑剔。一些人说这是没有耐心的表现，但我们以为这是基本的生存技巧。
这里有很多可用的策略，能使您精简给顾客的信息：这就是导航计划。您也可以找出访客想找到的信息。然后为扫读和略读进行设计。
有证据表明如果您的访客在网上阅读（雅各布？尼尔森说79％的人不会这么做），他们会读得肤浅但范围很广，而且会在看图片之前注意文字。因此，您怎样抓住他们的注意力，尽快传达您的信息？试试这些方法。
第二章 构建（29）
标题。网页上标题及其重要。这是您的网页的参考点，也是创造性的设计元素。标题可以创建空白区域，以便访客对您的信息进行视觉组织。以印刷媒介为例，这些有可能适用于您的网站。
？ 保持主标题简短，只占用一行。主标题决定页面上的信息。
？ 使用副标题补充、扩大、视觉上分割信息。副标题也能帮助访客在浏览长长的网页时更好地适应网站。
？ 如果标题与导航相互呼应，那么应该确保用词一致，这样会让顾客觉得清晰连贯。
？ 把标题作为设计特点：不同的颜色、字号、字体会帮助您吸引顾客，同时帮助他们