策划设计制作网站应该注意的九大原则与设计流程

    一个好的网站最重要的一点就是界面的简单、朴素。你听说过“KISS”法则吗？“Keep It Simple Silly.”适用于所有的站点。

    制作者们很容易掉入这样一个陷阱，即把所有可能用到的网页技巧，例如：框架、表格、字体、GIF动画等等都用上，这当然是好的，但如果多了的话就会让你的访问者眼花缭乱，不知所措，也不会给他们留下很深的印象。

    记住，只是因为你可以创建一个效果，但并不意味着你必须创建这个效果。先问一问你自己：我在网页上加入这个技术有什么价值？是否能更好的向访问者表达我的主题？

    二、简单并不等于乏味

    简单的真正含义并不是迟钝和乏味。许多人会被网站多余的奇特效果所迷惑，而忽视了信息的有效性。

    保持简单的真正含义就是：想一想如何使自己网站的信息与你的访问者所期待和所需要的一样。应该把技术和效果用在适当的地方，用在有效信息上，让访问者关注他们想关注的东西。
    清晰的设计＋有效的技术＝一个好的站点

　　三、了解你的读者

     你不是在真空里制作你的网页，也不是作给你自己看的。如果是这样，你还不如把它放在自己的电脑里。你发布

你的网站是希望某些人停下来参观它。而这些人就是你的读者。

    你越了解你的读者，你的网站影响力就会越大。你的读者是否有个慢猫？那你最好应当特别的注意网页的大小；他们希望听到音乐片断吗？你就要想想网页上的音乐格式。你的读者是纺织工人？那么血红色和黑色最好不要选择；或者他们是骨灰级游戏玩家？你就要避免用柔和的颜色和图案了。

　　一个好站点的定义：通过典雅的风格设计提供给潜在读者高质量的信息。

　　四、五个“手指”

　　对一个好的网站来说，清晰的导航也是最起码的标准。应该让访问者知道自己当时在网站中的位置，并且愉快的通过你的指引而遍览你的网站。例如，你可以做到的一件事情就是：“下一步”的选择数目尽量少，以便人们不会迷失在长长的选择项目列表中。

　　你知道吗?一般人的大脑把五个或更少的项目看作一组，但是当所面对的项目超过五个，它就必须把他们划分成较小的次组来处理，所以说，保持你的选择项归类在五组或五组以内就变得很有意义了。你的访问者能够快速的找到自己想选择的项目。

　　五、三次点击

    对网站制作者来说，访问者就是上帝，讨好上帝的另一个方法就是让他们在获取信息时不要超过三次点击。想想，当你在访问一个网站时，点击……点击……点击……再点击……再……才找到你想要的信息，或者还没找到，你会怎么想呢？

    加之，当你的访问者深入网站查找需要的信息最后却摸不着头脑了，会怎么办？他们肯定不会原地兜圈，他们会离开你的主页去别的地方继续冲浪，可能也就再也不会回来了。

　　六、 三十秒的等待时间

    访问者进入你的站点后，他应该可以不费力的找到所需要的资料。有一条不成文的法则：当访问者在决定下一步该去哪之前，不要让他现在所看的页面下载的时间超过30秒钟。如果超过了这个时间，你就会开始失去你的“上帝”了。

   保证你的页面有个适度的大小而不会无限制的下载。如果你的大多数访问者使用Modem的话，试着保持总的页面大小（包括页面图像）在45K一下。

    确保你的页面设计规划清晰明了，让访问者只需快速的扫视就能把握你的网站导航，知道自己“下一步”该选择的项目。

　　七、平衡

    平衡是一个好网站设计的重要部分。

    文本和图像之间的平衡。除非内容决定了这是个完全文本或者完全图像的网站，你需要用直觉和审美观来作判断，以便其中的一个不会淹没另外一个。

    下载时间和页面内容之间的平衡。当然你希望有个漂亮的页面，但你也必须平衡你的页面内容，因为你的很多访问者正在通过modem阅读它。难道你网站的图片真的值得等待那么久吗？

    背景和前景之间的平衡。我们能在白纸上画出美丽的图案，网页上，如果能制作出漂亮的结构和背景是很令人激动的。但也容易使你的内容淹没在你的背景里面。

　　八、适度的帧

    适度的的帧对于你的网页是很好的补充，然而就像所有网站的元素所具有的特性一样，你绝对不要滥用他们！

    如果你想创建一个可以看得到的导航结构，比如说一个表格目录，帧就是一个很合适的途径，例如，这页有三个帧－－你现在所看到的内容，导航条在右边，题目、广告和说明栏在顶部。

    但是帧不是“万金油”。比如说，如果你想用行或列来显示信息的话，表格会更好。

　　九、坚持学习

    创建网页是一个不断学习的过程。推出你网站的第一个版本还只是一个开始！技术和工具在不断的进步，而我们对人们如何利用网上资源的方式的了解也是在不断的变化，要创建一个好网站你就不能陶醉在过去的成绩上。

    看看其他的网站。如果你想成为一个出色的小说家的话，你必须不断阅读其他好的作品。如果你想成为一个出色的剧作家的话你必须多看好的电影。同样，如果你想设计一个出色的网站的话，你必须多看其他好的网站。但你在看一个网站的时候，你能找到这个网站的优缺点，注意哪些是你该学习的，而哪些错误是你要避免的。

    查看原文件。当你看到某些你喜欢的东西，使用你浏览器上的查看原文件的功能，看看这个效果是如何作出来的。在页面之后你能发现令你惊奇的东西。

    阅读和学习。学习你尽可能学到的技术和设计方法

网站流程设计，一个不是很简单的问题，但它又很重要。因为网站流程从一个宏观的角度告诉用户，你的网站是做什么的、应该怎么做、做完之后我能得到什么等一系列问题。只有让用户清楚的了解这些问题，他才能得心应手的使用网站的其他功能。当用户使用了网站的其他功能才能进一步的体验网站。

既然网站流程如此重要，那我们应该怎样设计才能让用户有更好的体验呢？海峰认为，设计一个良好的用户体验的网站流程应该做好以下三步：

1、最直接的告诉用户你的网站是做什么的。

让我们先来看看Google是怎么做到这一点的。虽然Google的首页没有任何说明性文字，但其Logo下面的搜索标签、长长的文本框、搜索按钮即告诉了用户：我们是做搜索业务的。

再看看上图的阿里巴巴，其左上角Logo的说明文字：“全球领先的网上贸易市场和商人社区”，以最直接的方式告诉用户：在这里可以进行网上贸易和业务交流。 这一口号，也一下子将商人们吸引住了。

从两个例子中，我们可以看到，善于抓住用户的心的网站，都是在最引人注目的位置，告诉用户该网站的最核心业务的。

2、最直观的告诉用户下一步应该怎么做。

告诉了用户网站做什么之后，接下来应该以最直观的方式，告诉用户下一步应该怎么做了。下图为阿里巴巴的一般用户行为模式，看阿里巴巴是如何直观的告诉用户下一步应该怎么做的。

通过Logo往下看，是网站的一些栏目设置，其进一步告诉用户阿里巴巴所提供的服务（找产品，找公司……）；向右看，是网站的一些功能（登录，注册，发布信息……）。

通过阿里巴巴的例子，我们可以看到，抓住了用户的心之后，还要利用用户的视线转移，最直观的告诉用户，网站可以提供什么，并且告诉他们下一步应该怎么做。

3、用最少的操作让用户完成他们的要做的事情，并及时给予相关提示帮助。

第2步，告诉了用户下一步该怎么做，为了让网站有高的用户体验，应该以尽量较少的操作而让用户完成目标（差找信息，注册、登录、发布信息）。

以用户注册为例，我们来看看豆瓣的注册页面(http://www.douban.com/register)，仅仅需要输入邮箱与密码即可完成注册，是不是很方便？

在提供用户注册的过程中，网站应该最及时的给用户提供相关的提示帮助。下图为阿里巴巴的注册表单，其不但在文本框后面提供了相关的提示，而且如果你输入了错误的信息，它会及时的告诉你哪里错了，为什么会错。

上面的例子中我们可以看到，在网站流程设计中，我们可以尽量减少用户的操作，如缩短主页到具体内容页的路径长度，减少用户的输入选项等，并在用户操作的过程中最及时的提供提示帮助，以提高网站的用户体验。

我想，只要认真做好以上三点，用户即使对你的网站设计、功能不满意，但都可能对你网站的业务有一个全面的认识，那么你建立网站的基本目标也算完成了一半。

总之，网站的流程设计，应该从用户的角度出发，充分考虑用户的利益。只有以用户为中心的设计，才能给用户创造高的用户体验。