想必大家跟我第一次看到的时候一样，都存在一个疑问。什么是工具型网站呢？

那么首先我们就得先把这惑给解了！

度姐告诉我：

——所谓工具型网站，顾名思义就是构筑在互联网上的工具，是指为帮助人们完成某一特定领域的目标需求而提供的、具有一定操作流程、以完成该目标任务为主要目的、基于网络应用的工具手段。

工具型网站的主要特征是：
　　– 以完成一项或多项任务为目的
　　– 注重操作流程引导
　　– 强调快速完成任务
　　– 非完成目标的唯一手段，只是协助用户更高效完成该目标

呃～～咋一看，不明白 －－！

觉得不够透彻的就跟随我来，觉得透彻了，那你跳过下面缩进这部分～～

我们先从维基百科上了解三组概念：

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

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

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

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

由此我又有一个疑问？那关注内容的展示与分类的又是什么类型的网站了？

于是，我又度姐了一下，她说：“当然是内容型网站了”

好吧，我又纠结于两者的区别。于是，找到了下面这个图：

咦～这不是之前看过的《用户体验要素》那本书里面提到的用户体验要素的五个层次吗！一看，原来还有这样的区分，上图左边代表的是工具型产品（如电子商务的支付部分），右边代表的是内容型产品（如门户）

两者的区别是，工具型产品关注的是任务；内容型产品关注的是信息。

从层级上来看区别是：

 

好了，通过上面的对比，想必大家的疑问应该跟我一样，很清晰的解答了吧！ 

呃～～好像我似乎题跑得有点远了，咱回去吧！

我们先来看看一些我接触过比较典型的工具型网站！

注意到了吗？眼尖的人儿肯定一眼就能看出这三个工具型网站的共同点。对，我想说的就是页面的初始状态了。

从上面的三个例子来看，相同点都是：第一次使用该工具的时候，在数据显示区域给用户展现了提示信息，而不是一块没有数据的空白画布；不同点是提示的方式不同。

在此我给分次了三种类型。

第一种就是类似163邮箱的零状态提示，当我第一次使用这个功能的时候，把操作的方式用抓图的方式告知用户，让用户一眼就知道如何上手；

第二种就是类似百度云盘，用指示性的方式，告知用户入口操作处。不只按钮的色调做了突出处理，还加上指示性文字，是不是连脚趾头都不用想都知道往那点呢！

第三种可能就比较少见了，这个是前段时间内部同事提到的一个项目管理应用，当时就觉得比较新奇少见，后来在一篇文章也见提到过。这种方式是将填充数据后的效果以半透明的方式告知用户，让用户预期到操作后的效果。

（至于是否还有其他方式，见到的同学欢迎拿出来一起探讨哈～）

无论用以上的哪种方法都好，目的都是一样的，就是更好的引导用户，减少用户的使用成本，这样才能让用户喜欢上我们的应用。我们在做设计的时候，考虑最多的往往是界面的最理想状态，而当在界面零状态的时候，却很容易被忽略。是不是呢？反正我是中枪了啦～看完我“拉拉声”去优化产品去啦哈！