腾讯网网站内容定位(什么样的网站才算是工具型网站的典型案例。。)

　　腾讯网网站内容定位(什么样的网站才算是工具型网站的典型案例。。)

　　说到工具类型网站，我们首先有一个疑问：大千网络网站众生，网站是一种什么样的工具类型网站？它有什么特点，和其他网站有什么不同？在网上搜索相关资料，得知该术语的具体解释并没有明确的解释。

　　为方便后续研究，我先结合以往同学的研究成果进行综合整理，提供工具类型网站的定义版本供参考：

　　——所谓工具类网站，顾名思义，是一种建立在互联网上的工具，用来帮助人们完成特定领域的目标需求，具有一定的操作流程，完成以目标任务为主要目的，基于网络应用的工具和手段。

　　它的主要特点是：

　　-为了完成一项或多项任务

　　-注意操作流程指导

　　- 强调快速完成任务

　　- 完成目标的唯一途径是帮助用户更高效地完成目标

　　同时，很多工具类型网站还专门配备了独立的门户，专注于信息呈现，用于介绍工具的价值和动态，并提供登录或下载入口。由于门户与工具页面的高度集成，我们也将其归纳为工具类型网站的范畴，称为工具类型网站门户（或工具类型网站@ > >首页）。

　　为了帮助我们形成一个更直观的工具类型网站的概念，根据网站的功能，网站可以分为内容类型网站和工具类型< @网站。关于工具类型网站和内容类型网站的对比和区别，有同学做了比较详细的解释（想了解更多请参考相关文章） ，所以这里不再赘述。

　　典型工具网站包括：谷歌系列（搜索、翻译、文档、阅读器...）、财付通、支付宝、Data Cube、salesforce、xero、TA、DNSpod等；

　　典型的内容类型网站包括：新浪、腾讯、天涯论坛等。

　　我从经验的角度，介绍几个我比较喜欢的工具类型网站的典型案例。

　　谷歌一致为王

　　工具类网站，我们非常熟悉的使用最广泛的google系列产品，比如google搜索、翻译、文档等，大部分是google搜索后逐渐推出的新工具。这些工具为网民的互联网生活提供了极大的便利。

　　预计如此多的产品线很容易因为功能属性的差异而产生不同的视觉风格。但是我们看到谷歌在多产品系统下的视觉风格在导航栏、颜色系统、基本布局结构等方面是非常统一的，比如所有的背景图层都是黑白灰的，所有的新功能都是醒目的红色按钮。，所有功能菜单都放在左边等等。

　　这种一致性大大降低了用户对新产品的认知度和学习成本，达到了熟悉的境界~体现了谷歌体验团队在品牌形象和体验规范方面强大的制定和执行能力~

　　Xero-小清新但很实用

　　下面的Xero就是典型的小清新。我对它的喜爱来自于它的简约而不简单，美而不喧嚣，非常符合这款网站的功能定位。

　　Xero 是一款功能齐全的小型企业会计工具。输出包括*敏*感*词*簿、总账、*敏*感*词*和报告。作为记账工具网站，用户最关心的需求当然是安全性和准确性，所以Xero非常热衷于在门户和产品页面中使用中等亮度的蓝色+绿色来表达它，并配以图片和结构. 上层横竖，四面稳稳，将安全可靠的氛围营造到极致。

　　在信息展示方面，Xero门户具有web2.0的典型特征，比如大量的留白，以及大小字体的对比应用。在产品页面中，每个控件元素的视觉元素都被尽可能地减去，例如，Forms没有垂直线框和图表颜色。一、按钮纹理简化一、 将所有可点击的文本，包括一般的链接列表标题，统一为蓝色等，这样做的目的，是为了防止大量的文本数据信息被多余的细节打扰，让主题一目了然，帮助用户在干净舒适的环境中快速完成任务。

　　该产品已被 Nielsen Norman Group 列入 10 个最佳应用程序用户界面。

　　Fork-Creative 配图为品牌形象加分

　　作为一种工具类型网站，工具本身给用户带来的价值可以决定网站的成败，但门户也像一个产品窗口，吸引访问者快速了解用途和价值的产品，然后使用它。因此，门户网站的成功对网站也有重要影响。如何在颜色、布局或图形上有创意，使门户尽可能吸引人并获得访问者的青睐，是视觉设计师面临的主要问题。而下面这辆福特汽车在创意形象布局方面就是一个典型的例子，其显着的情景设计特点让人眼前一亮。

　　说到招行，人们会想到向日葵，说到腾讯，人们会想到企鹅，说到Mailchimp，人们会想到邮差猴，而现在说到Fork，人们会想到这个可爱的老渔夫用叉子坐在船上。或许它的logo不显眼，但有了这位代言人的背景，这个工具真的让人过目不忘。如果你仔细看，你会发现在几个内页中都有与这个海洋主题相关的插图。看到这些，就算你一直都在好奇，是不是会忍不住下载使用呢？

　　值得一提的是，门户页面框架采用了流行的响应式网页设计模式，在浏览器缩放和移动访问时对布局进行了微调，体现了视觉传达的完整性。

　　关于工具类网站门户的体验设计，Ivan Xiao对此有更深入的研究，请参考这里。

　　五福——体验创新源于追求简约

　　工具类型 网站 通常有一些更正式的用途。看着这种网站，我觉得冷色调居多，所以第一眼看到Wufoo就觉得很特别。它在大面积上使用暖色并带有圆角。弧度也太大了，看起来轻松随意。在了解原因之前，我们先来了解一下这款产品的用途和价值。

　　Wufoo 主要用于创建在线表格、邀请和简单的订单支付，以及发送邀请和管理日程。产品方对 Wufoo 的期望是：“Wufoo 的主要功能是帮助任何人创建 HTML 表单，但最终我们努力成为最简单的互联网信息采集方式。”

　　因此，用暖色调体现亲和力，降低用户使用门槛，让人觉得这是一款任何人都可以使用的产品——可以用于工作，也可以用于个人事务。不仅在颜色上，在整个网站任务流的交互框架的设计上。这种简单好用的价值理念也处处体现，比如上下翻的选项设置，新颖的表单域添加方式，贴心的录入指南，确实是一种新奇的体验网站@ >.

　　网站 还被 Nielsen Norman Group 列入 10 个最佳应用程序用户界面。

　　财付通—处处营造轻松氛围

　　第一次看到改版后的财付通，就被首页的图片深深吸引了。女主和女主轻轻依偎着玩手机，看起来开心又随意。如此贴近群众生活的幸福场景，正是对口号的极好诠释。同时网站的整体风格简洁、轻松。其实改版后的信息结构确实更舒服，重点更突出，流程更顺畅。

　　说到这里，大家有没有发现财付通的信息布局结构和之前的案例大不相同？

　　上例的工具页面中，界面元素主要是树、表格和各种控件，其布局结构比较贴近应用；而财付通及其元素结构主要是开放的，没有很多控件框架的限制，表单展示的形式更加灵活，引导描述文字信息更多。它是一种典型的工具类型网站 接近网页布局。同类型有支付宝、腾讯安全中心、充值中心。

　　那么，都是工具类型的网站，为什么元素布局应用会有这么大的差异呢？

　　简而言之，是因为前者是从客户端的体验设计思维发展而来的，而后者是基于早期网页的设计思维发展而来的。举个简单的例子，前者更倾向于弹出支付层的方式，而后者更倾向于在当前页面给出信息提示引导。当然，现在两者相互影响，这种差异有逐渐缩小的趋势。

　　新技术新发展

　　后来随着屏幕分辨率越来越大（根据CNZZ 2012年1月的统计，1024*768的份额已经下降到28.8%，与第二个1440*900的21%的差距更小了和更小和多样化），网络速度越来越快。可以预见，这些新的web技术也将更加工具化网站，比如刚才提到的响应式网页设计，比如瀑布流、富媒体应用、大图背景填充等。 下面—— up也将为我们的视觉设计开辟新的思路，提供更多的创意提升空间。

　　以上只是对工具类型网站的初步分析。其实工具类网站在体验设计上也可以说是自成体系，有更深入的研究和学习空间。欢迎更多有兴趣的同学前来。一起深入探讨。