走进工具型网站——释义及典型案例


  提到工具型网站,我们首先会有个疑问:大千网络网站众生,究竟什么样的网站才算是工具型网站?它的特征是什么,与其他网站有什么不同? 从网上搜索相关信息,了解到关于该名词的具体解释并没有明确的说法。

  为了方便后续的研究,在此先结合之前同学们的研究成果,综合整理一下,提供工具型网站的定义版本,供参考:

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

  它的主要特征在于:

  – 以完成一项或多项任务为目的

  – 注重操作流程引导

  – 强调快速完成任务

  – 非完成目标的唯一手段,只是协助用户更高效完成该目标

  同时,很多工具型网站还特别配备一个独立门户,该门户以信息展现为主,用来专门介绍工具的价值、动态等,并提供登录或下载入口。由于这种门户与工具页指向的高度一体性,我们也将它归纳到工具型网站的范畴中来,称之为工具型网站门户(或工具性网站首页)。

  为了帮助我们对工具型网站形成更直观的概念,可以根据网站功能将网站区分为内容型网站和工具型网站。关于工具型网站与内容型网站的对比区别,已有同学作了较详细的阐述(如想进一步了解可查看相关文章),在此不赘述。

  典型的工具性网站有:Google系列(搜索、翻译、文档、阅读器…)、财付通、支付宝、数据魔方、salesforce、xero、TA、DNSpod等;

  典型的内容型网站有:Sina、腾讯网、天涯论坛等。

  下面就从体验角度,介绍几个我比较喜欢的工具型网站典型案例。

  Google——一致系王道

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

  料想如此多的产品线,会很容易因为功能属性的差异而产生不同的视觉风格。但是我们却看到google在多产品体系下的视觉风格,无论导航条、色彩体系、基本布局结构等方面都非常统一,如所有背景层都是黑白灰色系、所有的新建功能都是醒目红按钮、所有功能菜单都居左等。

  这种一致性极大减少了用户对新产品的认知、学习成本,达到自来熟的境界~体现了google体验团队在品牌形象和体验规范方面强大的制定、执行能力~


  Xero——小清新却很实用

  下面这个Xero,是一个典型的小清新,我对它的喜爱,来自它的简洁而不简单,美丽却不喧哗,非常符合该网站的功能定位。

  Xero是一个功能比较全面的针对小型企业的记账工具,产出包括现金簿,总账,发票和报告。作为一个记账类工具网站,用户最关心的诉求当然是安全、准确,所以Xero非常敏锐的在门户和产品页中统一使用了中亮度蓝+绿色来表达,同时配图、结构上横平竖直,四平八稳,将安全、可信赖的氛围营造到极致。

  在信息展示方面,Xero门户中具有web2.0的典型特征,比如大量留白、大小字体的对比应用等;而在产品页中,则将各控件元素视觉尽量作减法,例如,表格不要纵线框、chart图色彩统一、按钮质感简化统一、所有的可点击文字包括普链表头页签等全部统一为蓝色、等等,做这些的目的,就是为了让大量的文字数据信息不被多余的细节干扰,让主题一目了然,帮助用户在干净、舒畅的环境中快速完成任务。

时间: 2024-10-10 05:40:52

走进工具型网站——释义及典型案例的相关文章

走进工具型网站

什么是工具型产品? 工作的这段时间以来,我主要参与了一些电子商务类网站的交互设计,我发现这类产品的设计思路和门户.频道等产品有较大的差异,它们更关注于完成 任务及操作,而非内容的展示与分类.我通常称这类产品为功能型产品.在去年广州举行的交互设计体验日,通过和其他交互设计师交流,发现在业内这类产品似乎 也没有一个固定的称谓,腾讯的交互设计师称之为"工具型产品",我觉得倒也贴切. 为什么要单独定义它? 如果看过<用户体验的要素>,大家一定记得其中讲到的有关用户体验的五个层级.根

打造优秀工具型网站的3个大招!

  如今工具型网站越来越多(58同城.云盘.产品首页等),在不断打磨细节的过程里,有童鞋总结了工具型网站的设计目标和3种设计框架,全篇的思路非常值得学习,同学们除了学习专业知识,也可以看看作者解决问题的逻辑,对职业发展会有帮助. 什么是工具型网站 我们先从wikipedia上了解三组概念: 工具:是指能够方便人们完成工作的器具. application:用来帮助用户完成某个单独的或是一组相关的工作的计算机软件. web application:指通过使用Web和Web浏览器技术,跨越网络完成一个

工具型网站首页的设计思考 首页设计类型分析

中介交易 SEO诊断 淘宝客 云主机 技术大厅 什么是工具型网站 我们先从wikipedia上了解三组概念: 工具:是指能够方便人们完成工作的器具. application:用来帮助用户完成某个单独的或是一组相关的工作的计算机软件. web application:指通过使用Web和Web浏览器技术,跨越网络完成一个或多个任务的应用程序,通常需要使用Web浏览器. 由此可见,应用就是计算机领域的工具,工具型网站可定义为承载了一个或多个网页应用的网站.它专注于让用户完成一系列的任务,如注册.支付等

工具型网站首页的设计思考

什么是工具型网站我们先从wikipedia上了解三组概念:工具:是指能够方便人们完成工作的器具.application:用来帮助用户完成某个单独的或是一组相关的工作的计算机软件.web application:指通过使用Web和Web浏览器技术,跨越网络完成一个或多个任务的应用程序,通常需要使用Web浏览器.由此可见,应用就是计算机领域的工具,工具型网站可定义为承载了一个或多个网页应用的网站.它专注于让用户完成一系列的任务,如注册.支付等. 首页的用户需求首页的用户大体说来可分为三类:不了解的新

关于工具型网站首页的设计思考

什么是工具型网站 我们先从 wikipedia 上了解三组概念: 工具:是指能够方便人们完成工作的器具. application:用来帮助用户完成某个单独的或是一组相关的工作的计算机软件. web application:指通过使用 Web 和 Web 浏览器技术,跨越网络完成一个或多个任务的应用程序,通常需要使用 Web 浏览器. 由此可见,应用就是计算机领域的工具,工具型网站可定义为承载了一个或多个网页应用的网站.它专注于让用户完成一系列的任务,如注册.支付等. 首页的用户需求 首页的用户大

工具型网站的体验设计:从广告平台出发

题记:从2010年进入公司至今2年半的时间,我一直负责广告平台部门的产品设计.从陌生到熟悉,不知不觉间我竟已对这些产品倾注进了感情-- 工具型网站的特点剖析 工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节,那便是:功能与数据.所以谈至"体验",其实设计目标也就更加清晰和明确-- 1.在保证功能流程顺利走完的基础上,让用户的感觉更加舒适; 2.在面对大量数据时,让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安. 工具型产品普遍业务逻辑复杂且迥异,数据量大,往往

工具型网站的体验设计——从广告平台出发

题记:从2010年进入公司至今2年半的时间,我一直负责广告平台部门的产品设计.从陌生到熟悉,不知不觉间我竟已对这些产品倾注进了感情-- 工具型网站的特点剖析 工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节,那便是:功能与数据.所以谈至"体验",其实设计目标也就更加清晰和明确-- 1.在保证功能流程顺利走完的基础上,让用户的感觉更加舒适: 2.在面对大量数据时,让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安. 工具型产品普遍业务逻辑复杂且迥异,数据量大,往往

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

文章描述:工具型网站首页的设计思考. 什么是工具型网站 我们先从 wikipedia 上了解三组概念: 工具:是指能够方便人们完成工作的器具. application:用来帮助用户完成某个单独的或是一组相关的工作的计算机软件. web application:指通过使用 Web 和 Web 浏览器技术,跨越网络完成一个或多个任务的应用程序,通常需要使用 Web 浏览器. 由此可见,应用就是计算机领域的工具,工具型网站可定义为承载了一个或多个网页应用的网站.它专注于让用户完成一系列的任务,如注册.

盘点17个创业典型案例 取长补短

近日,国外媒体近日对创业公司的失败与复兴作了盘点,选取了17个典型案例,为有志创业的人们提供了从公司财务到创业者个人情绪到公关危机等各个方面的经验教训,值得创业者们取长补短,借鉴学习,在自己的创业之路上走的更顺畅一些. 1.WPMU DEV WPMU DEV是一个曾经获得大奖的WordPress插件开发公司,曾推出过针对WordPress.Multisite.BuddyPress等内容发布平台的多个优秀插件. 失败的教训 WPMU DEV公司CEO James Farmer: 如果要说一个是失败