工具类网站首页的设计目标和设计框架

什么是工具型网站

我们先从 wikipedia 上了解三组概念：

工具：是指能够方便人们完成工作的器具。

application：用来帮助用户完成某个单独的或是一组相关的工作的计算机软件。

web application：指通过使用 Web 和 Web 浏览器技术，跨越网络完成一个或多个任务的应用程序，通常需要使用 Web 浏览器。

由此可见，应用就是计算机领域的工具，工具型网站可定义为承载了一个或多个网页应用的网站。它专注于让用户完成一系列的任务，如注册、支付等。

首页的用户需求

首页的用户大体说来可分为三类：不了解的新用户、有兴趣的新用户、老用户。

对于新用户而言，他们势必会问到这些问题：

我在这能做些什么？

这个网站能提供哪些对我很重要的东西？

对于已经有兴趣的用户也会有些其他的疑问：

我应该怎么开始？

我是否必须注册？如果是，应该怎样注册？

总得来说，首页应该解答新用户的疑惑并且帮助他们找到功能的入口；而对于老用户，则需要更明显、快捷的登录入口。

首页的目标

《designing for the social web》一书将用户的使用分为几个步骤：不了解——感兴趣——第一次使用——常规使用——有情感。而首页对于前面三个步骤至关重要！

这样看来，首页有两个目标：

1. 让不了解的用户了解网站并产生兴趣，最终促成用户使用。

2. 让有兴趣的用户尽快开始使用。

首页的设计

在实际工作中我们会碰到几种不同类型的工具型网站，针对其网站内容的不同，其首页的表现形式也大不一样。

集中应用型

这类网站本质上是一组或者多组 web app，功能多且相对简单，不会产生大量用户数据。

1. 核心结构

将使用最多的功能展示在首页对于用户来说就是最快的入口。用户通过 logo、 banner、网站声明等了解网站性质，然后就是找到自己要的功能。

2. 注册/登录模块

因为用户不想分散精力去记起用户名和密码，或者是他们太专注在自己要做的事情上，原则上只在必要时才让用户登录。但如果大部分功能都需要先登录，那么在首页直接展示登录表单是有必要的。

3. 案例

58同城

有两级目录：城市目录、功能目录。用户通过这两级目录很容易找到想要的功能。但使用这些功能大都不用注册，所以首页并没有明显的登录模块。

腾讯充值中心

首页的核心模块依旧在目录结构，用户由此了解网站主要业务以及如何开始自己的任务。