工具型网站的体验设计――从广告平台出发（锦集5篇）由网友“十六”投稿提供，下面就是小编给大家整理后的工具型网站的体验设计――从广告平台出发，希望您能喜欢！
篇1：工具型网站的体验设计――从广告平台出发
摘要: 题记：从进入公司至今2年半的时间，我一直负责广告平台部门的产品设计，从陌生到熟悉，不知不觉间我竟已对这些产品倾注进了感情…… 工具型网站的特点剖析 工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节，那便是：功能与数据。所以谈至“...
题记：从20进入公司至今2年半的时间，我一直负责广告平台部门的产品设计。从陌生到熟悉，不知不觉间我竟已对这些产品倾注进了感情……
工具型网站的特点剖析
工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节，那便是：功能与数据。所以谈至“体验”，其实设计目标也就更加清晰和明确——
1.在保证功能流程顺利走完的基础上，让用户的感觉更加舒适;
2.在面对大量数据时，让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安。
工具型产品普遍业务逻辑复杂且迥异，数据量大，往往还涉及不同角色的场景分类……套用一句老话：水很深。 设计目标则成为了一盏心中的明灯，时刻提点自己要留神脚下的四伏的暗礁。
功能设计之我见
一级准备
在处理功能设计之时，我奉行一句话：先弄明白了再下手。因为个体功能的修改牵涉到整个流程的走向，往往会在原有的基础上增加操作分流;而平台中的功能增加更会和其他的功能模块发生交互行为或产生影响。在设计师自己还不能对该功能的设计了如指掌的时候就匆忙动手，其结果就是设计进行到一半，问题暴露然后返工，更悲剧的是全套设计稿看似高效地做完，之后却面对全盘洗稿的惨剧。
“脑图”在这个阶段的作用就变得至关重要。用什么工具出脑图?专业软件Mindmanager、Xmind、FreeMind也好，最原始的笔和纸也罢，只要能全面清晰地表现“关系”和“影响”就已经完成了使命。
上个月正值“广告经理”在原有的支持PC端用户建立广告位并制作广告，查看效果的基础上，增加支持移动平台业务的功能。牵一发动全身，移动平台业务的功能加入使得整个“广告经理”众多模块都受到影响。下图便是在与产品经理召开需求会议的同时诞生的关联模块草图。这张草图既能在设计开展前期就相对准确的估计新版本的设计方向与工作量，又能在设计过程中保证设计侧重点与功能设计的完整性，作用不可小觑。
“脑图”不仅仅有宏观把控的全局意义，而且也同样可以具备指导设计工作细节的现实价值。
同样以此次“广告经理-移动平台版”为例，加入了移动业务，必然导致各原有主功能的走向出现分流，而基于广告的业务逻辑，不同平台上的广告大到展现形式，小到允许输入的字符数等等都会出现不同的变化。静下心来通过“脑图”梳理分流时的各种情况，然后淡定的打开设计工具开始工作，这肯定是比自以为很清楚，做到哪算哪来的科学和高效的，不是么?
功能的平台表现形式
功能模块具体落实到网站中，其表现形式大体包括：表单及其对应控件、按钮、信息反馈及提示，相互之间的关系便如下图所示。
如此一来体验设计也便有了出发点和依托。举几个在广平系统中用到的设计案例吧。
在智胜广告平台(AdWIN)的设计中，用户登录后便直接进入“个人首页”，在这里我们需要放置本平台最基础同时也是用户所有活动的出发点：创建广告。因此我们有理由在这个页面强调该入口，使它即能对新用户起到传达本平台的最大功能同时引导操作的作用，又能让老用户在登录之后直奔工作主题，
广告系统的设计特殊性还表现在页面的操作流程很大程度要参考广告业内既有的规范，这样便于用户理解流程的同时也能更高效的帮助用户完成目标工作。因此在设计过程中也会诞生很多“为广告而生”的表单与控件。根据实际业务的不同，对待某些重要的业务流程，设计师在理解业务的基础上，完全有必要跳出以往常规控件的束缚，为产品专门定制设计方案。比如为排期与资源专门设计的特别定制、视频广告的关联设置等。
业务性较强的功能，用户所需要填写的表单项势必远远超过单屏，应此将用户表单输入做到恰到好处地贴心，也是工具型网站的一个细节设计点。
在聚赢广告平台(MobWIN)的设计中，遇到过广告推广语的输入字数限制十分苛刻的业务要求：“推广语1”字数不得超过10个汉字，同时不得少于9 个汉字;“推广语2”字数不得超过12个汉字，同时不得少于11个汉字。这是由WAP1.0和WAP2.0或触摸屏广告位可显示的字数决定的。如果直接用文本告知用户：“您只能输入9或10个汉字”，首先文本信息很可能会被用户忽视，其次如果不做任何即时判断，在用户完成漫长的表单填写后，点击提交却因此受挫，那必然是十分苦恼的。因此针对这个文本输入框给出了如下设计方案：
功能的增值设计
功能模块在完成它自身价值的同时能不能产生额外的价值?这貌似应该是产品经理在策划这个功能之初就要想到的问题。而设计方能为功能增值做些什么呢?我们完全可以通过对页面结构的设计和流程的微调让它更好的达到增值的效果。
再用广告经理这次的移动平台新功能的设计做案例。新建广告位的流程是用户建立广告的必经之路，我调整了本该放在基本表单中的“平台选择”RadioButton，把该属性提取出来，作为信息传达重点，加入了设计元素。想必这种形式更能使“广告经理已经支持到移动平台”的信息深入人心，其价值也超过了功能本身。
数据的处理
在实用型工具类网站中，用户均被打上了“业内人士”的标签。他们大多出于工作或商业等目的希望获得对自己有用的专业数据。在广告平台的这些项目中，我们使用了如下几种信息处理方法：
分角色显示数据
从最外层就先为不同角色的人匹配了他们各自需要的数据，进行了第一步数据去噪。当然能够使用这种处理方法必须是建立在角色与诉求够清晰分明的前提下。
数据搜索与过滤
无法按角色或已经按角色去噪之后还留有海量数据之时，数据的搜索与过滤就提到了体验设计的第一位。搜索项是否符合用户实际操作逻辑?搜索中用到的控件是否合理与便利?搜索条件何时取交集，何时又呈现并集，又该如何清晰传达给用户?哪些项可以放入高级搜索?……随着设计的深入这些问题便会应运而生，而它们确实值得设计师深思熟虑。
业务上需要的搜索项过多，而选项全部罗列会导致搜索模块过于庞大时，可以类似Google Adwords采用点击激活浮层来进行单项设置，用户在操作时也相对专注。收起检索条件模块，不让复杂的搜索条件干扰用户对结果列表的阅读。甚至可以基于业务特点为用户提供保存查询条件的个性化服务。
数据本身的展现形式
这里我们不谈视觉效果令人为之惊叹的信息可视化处理。传统数据的展现形式不外乎：列表、饼图、柱状图、趋势图等以及它们之间的组合。设计师在运用时，不但要了解页面中不同数据所对应的展现形式，还要将它们有机的结合排布以达到良好的阅读体验，必要时可以对传统的展现形式做一些设计上的处理。
用户自定义
上面就说道过，工具型网站的用户普遍定义为专业用户，他们对数据获取要求也是严格的。在对重要数据的展现中会出现更高级的操控功能，以满足用户对数据的自由获取。
写在最后： “还可以更灵活，还可以更好用”，再回头看这2年来的设计稿，我常常会有这样的想法。工具型网站的体验设计的确还有很多值得深入挖掘研究的地方，业务逻辑和需求的不同更会延伸出多样化的设计解决方案。
篇2：工具型网站的体验设计：从广告平台出发
题记：从年进入公司至今2年半的时间，我一直负责广告平台部门的产品设计，从陌生到熟悉，不知不觉间我竟已对这些产品倾注进了感情……
工具型网站的特点剖析
工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节，那便是：功能与数据。所以谈至“体验”，其实设计目标也就更加清晰和明确——
1。在保证功能流程顺利走完的基础上，让用户的感觉更加舒适;
2。在面对大量数据时，让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安。
工具型产品普遍业务逻辑复杂且迥异，数据量大，往往还涉及不同角色的场景分类……套用一句老话：水很深。 设计目标则成为了一盏心中的明灯，时刻提点自己要留神脚下的四伏的暗礁。
功能设计之我见
一级准备
在处理功能设计之时，我奉行一句话：先弄明白了再下手。因为个体功能的修改牵涉到整个流程的走向，往往会在原有的基础上增加操作分流;而平台中的功能增加更会和其他的功能模块发生交互行为或产生影响。在设计师自己还不能对该功能的设计了如指掌的时候就匆忙动手，其结果就是设计进行到一半，问题暴露然后返工，更悲剧的是全套设计稿看似高效地做完，之后却面对全盘洗稿的惨剧。
“脑图”在这个阶段的作用就变得至关重要。用什么工具出脑图?专业软件Mindmanager、Xmind、FreeMind也好，最原始的笔和纸也罢，只要能全面清晰地表现“关系”和“影响”就已经完成了使命。
上个月正值“广告经理”在原有的支持PC端用户建立广告位并制作广告，查看效果的基础上，增加支持移动平台业务的功能。牵一发动全身，移动平台业务的功能加入使得整个“广告经理”众多模块都受到影响。下图便是在与产品经理召开需求会议的同时诞生的关联模块草图。这张草图既能在设计开展前期就相对准确的估计新版本的设计方向与工作量，又能在设计过程中保证设计侧重点与功能设计的完整性，作用不可小觑。
“脑图”不仅仅有宏观把控的全局意义，而且也同样可以具备指导设计工作细节的现实价值。
同样以此次“广告经理-移动平台版”为例，加入了移动业务，必然导致各原有主功能的走向出现分流，而基于广告的业务逻辑，不同平台上的广告大到展现形式，小到允许输入的字符数等等都会出现不同的变化。静下心来通过“脑图”梳理分流时的各种情况，然后淡定的打开设计工具开始工作，这肯定是比自以为很清楚，做到哪算哪来的科学和高效的，不是么?
功能的平台表现形式
功能模块具体落实到网站中，其表现形式大体包括：表单及其对应控件、按钮、信息反馈及提示，相互之间的关系便如下图所示。
如此一来体验设计也便有了出发点和依托。举几个在广平系统中用到的设计案例吧。
在智胜广告平台(AdWIN)的设计中，用户登录后便直接进入“个人首页”，在这里我们需要放置本平台最基础同时也是用户所有活动的出发点：创建广告。因此我们有理由在这个页面强调该入口，使它即能对新用户起到传达本平台的最大功能同时引导操作的作用，又能让老用户在登录之后直奔工作主题。
广告系统的设计特殊性还表现在页面的操作流程很大程度要参考广告业内既有的规范，这样便于用户理解流程的同时也能更高效的帮助用户完成目标工作。因此在设计过程中也会诞生很多“为广告而生”的表单与控件，
根据实际业务的不同，对待某些重要的业务流程，设计师在理解业务的基础上，完全有必要跳出以往常规控件的束缚，为产品专门定制设计方案。比如为排期与资源专门设计的特别定制、视频广告的关联设置等。
业务性较强的功能，用户所需要填写的表单项势必远远超过单屏，应此将用户表单输入做到恰到好处地贴心，也是工具型网站的一个细节设计点。
在聚赢广告平台(MobWIN)的设计中，遇到过广告推广语的输入字数限制十分苛刻的业务要求：“推广语1”字数不得超过10个汉字，同时不得少于 9个汉字;“推广语2”字数不得超过12个汉字，同时不得少于11个汉字。这是由WAP1.0和WAP2.0或触摸屏广告位可显示的字数决定的。如果直接用文本告知用户：“您只能输入9或10个汉字”，首先文本信息很可能会被用户忽视，其次如果不做任何即时判断，在用户完成漫长的表单填写后，点击提交却因此受挫，那必然是十分苦恼的。因此针对这个文本输入框给出了如下设计方案：
功能的增值设计
功能模块在完成它自身价值的同时能不能产生额外的价值?这貌似应该是产品经理在策划这个功能之初就要想到的问题。而设计方能为功能增值做些什么呢?我们完全可以通过对页面结构的设计和流程的微调让它更好的达到增值的效果。
再用广告经理这次的移动平台新功能的设计做案例。新建广告位的流程是用户建立广告的必经之路，我调整了本该放在基本表单中的“平台选择”RadioButton，把该属性提取出来，作为信息传达重点，加入了设计元素。想必这种形式更能使“广告经理已经支持到移动平台”的信息深入人心，其价值也超过了功能本身。
数据的处理
在实用型工具类网站中，用户均被打上了“业内人士”的标签。他们大多出于工作或商业等目的希望获得对自己有用的专业数据。在广告平台的这些项目中，我们使用了如下几种信息处理方法：
分角色显示数据
从最外层就先为不同角色的人匹配了他们各自需要的数据，进行了第一步数据去噪。当然能够使用这种处理方法必须是建立在角色与诉求够清晰分明的前提下。
数据搜索与过滤
无法按角色或已经按角色去噪之后还留有海量数据之时，数据的搜索与过滤就提到了体验设计的第一位。搜索项是否符合用户实际操作逻辑?搜索中用到的控件是否合理与便利?搜索条件何时取交集，何时又呈现并集，又该如何清晰传达给用户?哪些项可以放入高级搜索?……随着设计的深入这些问题便会应运而生，而它们确实值得设计师深思熟虑。
业务上需要的搜索项过多，而选项全部罗列会导致搜索模块过于庞大时，可以类似Google Adwords采用点击激活浮层来进行单项设置，用户在操作时也相对专注。收起检索条件模块，不让复杂的搜索条件干扰用户对结果列表的阅读。甚至可以基于业务特点为用户提供保存查询条件的个性化服务。
数据本身的展现形式
这里我们不谈视觉效果令人为之惊叹的信息可视化处理。传统数据的展现形式不外乎：列表、饼图、柱状图、趋势图等以及它们之间的组合。设计师在运用时，不但要了解页面中不同数据所对应的展现形式，还要将它们有机的结合排布以达到良好的阅读体验，必要时可以对传统的展现形式做一些设计上的处理。
用户自定义
上面就说道过，工具型网站的用户普遍定义为专业用户，他们对数据获取要求也是严格的。在对重要数据的展现中会出现更高级的操控功能，以满足用户对数据的自由获取。
写在最后： “还可以更灵活，还可以更好用”，再回头看这2年来的设计稿，我常常会有这样的想法。工具型网站的体验设计的确还有很多值得深入挖掘研究的地方，业务逻辑和需求的不同更会延伸出多样化的设计解决方案。
篇3：走进工具型网站
什么是工具型产品?
工作的这段时间以来，我主要参与了一些电子商务类网站的交互设计，我发现这类产品的设计思路和门户、频道等产品有较大的差异，它们更关注于完成 任务及操作，而非内容的展示与分类，我通常称这类产品为功能型产品。在去年广州举行的交互设计体验日，通过和其他交互设计师交流，发现在业内这类产品似乎 也没有一个固定的称谓，腾讯的交互设计师称之为“工具型产品”，我觉得倒也贴切。
为什么要单独定义它?
如果看过《用户体验的要素》，大家一定记得其中讲到的有关用户体验的五个层级。根据产品战略的不同，需要设计师采用不同的设计思维。下图左边代 表的是工具型产品(比如电子商务类产品的支付部分)，右边代表的是内容型产品(比如门户、部分频道等)。从图中可以看出，左右两边在不同的层级上有明显的 差异。这就决定了设计时需要采取不同的思维和方法。
工具型产品与内容型产品的区别
工具型产品关注的是任务——所有的操作都被纳入一个过程，去思考人们如何完成这个过程。在这里，我们把网站看成用户用于完成一个或多个任务的一个或一组工具。
内容型产品关注的是信息——网站应该提供哪些信息，这些信息对用户的意义是什么。在这里，我们把网站看成一个“用户可以穿越的信息空间”，
工具型产品的设计师把每一个问题看成是“应用软件”的设计问题，然后从传统的桌面和客户端软件的角度来考虑解决方案。
内容型产品的设计师以信息的发布和检索的角度来看待网站，然后从传统出版、媒体和信息技术的角度来考虑问题的解决方案。
在五个层级上的区别：
结构层的区别示意图：
表现层的区别示意图：
总结：
用户体验的要素包含了五个层级，代表了一个从抽象到具体的过程。
从“用户体验的要素”结构图中可以看出，设计一个产品就像盖房子一样，要在战略层的基础上一级一级向上垒。上面的部分再完美，而下面的部分是错 误的也是徒劳的。对于设计师来说，不管是设计什么类型的产品，要做好自己的本职工作，不仅要对产品整体有大概的认识，还要特别熟悉下一层级的内容，才能真 正符合产品的要求。
每一个层级的负责人都有权利和义务对上一个层级的不合理之处提出意见和建议，才能避免做无用功。
根据产品的战略不同，可以在理论上将产品分为工具型产品和内容型产品;两者在用户体验的五个层级上均有显著差异，设计时需要采取不同的思维和方法。
篇4：关于工具型网站首页的设计思考
什么是工具型网站
我们先从 上了解三组概念：
工具：是指能够方便人们完成工作的器具，
application：用来帮助用户完成某个单独的或是一组相关的工作的计算机软件。
web application：指通过使用 Web 和 Web 浏览器技术，跨越网络完成一个或多个任务的应用程序，通常需要使用 Web 浏览器。
由此可见，应用就是计算机领域的工具，工具型网站可定义为承载了一个或多个网页应用的网站。它专注于让用户完成一系列的任务，如注册、支付等。
首页的用户需求
首页的用户大体说来可分为三类：不了解的新用户、有兴趣的新用户、老用户。
对于新用户而言，他们势必会问到这些问题：
我在这能做些什么?
这个网站能提供哪些对我很重要的东西?
对于已经有兴趣的用户也会有些其他的疑问：
我应该怎么开始?
我是否必须注册?如果是，应该怎样注册?
总得来说，首页应该解答新用户的疑惑并且帮助他们找到功能的入口;而对于老用户，则需要更明显、快捷的登录入口。
首页的目标
《designing for the social web》一书将用户的使用分为几个步骤：不了解——感兴趣——第一次使用——常规使用——有情感，
而首页对于前面三个步骤至关重要!
这样看来，首页有两个目标：
1. 让不了解的用户了解网站并产生兴趣，最终促成用户使用。
2. 让有兴趣的用户尽快开始使用。
首页的设计
在实际工作中我们会碰到几种不同类型的工具型网站，针对其网站内容的不同，其首页的表现形式也大不一样。
集中应用型
这类网站本质上是一组或者多组 web app，功能多且相对简单，不会产生大量用户数据。
1. 核心结构
将使用最多的功能展示在首页对于用户来说就是最快的入口。用户通过 logo、 banner、网站声明等了解网站性质，然后就是找到自己要的功能。
2. 注册/登录模块
因为用户不想分散精力去记起用户名和密码，或者是他们太专注在自己要做的事情上，原则上只在必要时才让用户登录。但如果大部分功能都需要先登录，那么在首页直接展示登录表单是有必要的。
3. 案例
58同城
有两级目录：城市目录、功能目录。用户通过这两级目录很容易找到想要的功能。但使用这些功能大都不用注册，所以首页并没有明显的登录模块。
腾讯充值中心
首页的核心模块依旧在目录结构，用户由此了解网站主要业务以及如何开始自己的任务。
篇5：百度站长平台网站改版工具
大家也都知道一成不变的网站会被互联网浪潮淘汰，在SEO过程中难免会遇到网站改版，但是在网站改版过程中，会因为很多因素造成网站排名，收录，权重造成很大影响，那么怎么才能避免这些影响把损失降到最低呢?以前网站在改版之前，大家都会通过以下几种方式来应对改版造成的影响：1，本地先测试新版面。2，逐步替换老版面。3，及时做好404和301。4，robots.txt和地图的重新制作。5，定期更新内容。但是这些都做了，改版依然还会有不小的影响。一直也没有很完美的解决办法。
百度站长平台根据调研，为了尽可能大的降低因改版带来的损失，避免网站改版时出现流量大的波动。百度站长平台推出了网站改版工具，网站改版之后，可通过此工具将改版规则向百度进行提交。笔者今天就和大家谈谈这款工具使用。
工具分为：域名更改规则和高级规则两种。
第一，域名更换规则。这里是针对改版时候也更换域名的，适合简单的改版。只需要把老域名替换新域名即可，前提是域名都通过验证。然后提交即可。
第二，高级规则。网站改版大部分是很复杂的改版，比如目录链接的大范围更改，
这里就需要用到了高级规则。在高级规则里点击新建改版规则。然后填写目录更改规则，比如：如baidu.com改版时更改了目录名称并精简部分参数，提交以下改版规则“baidu.com/iknow/< baidu.com/user/>user?userid=#”，旧版url“ baidu.com/iknow/user?userid=123456789”可以通过规则匹配到新站url“ baidu.comh/user/123456789”。同时要注意，这两个页面已经进行了301重定向，然后还需填写两组新旧URL，帮助百度更快更准确的识别新规则。点击提交后会有7天左右的验证时间，验证通过后，在改版工具页面中会显示站内新旧url替换的进度。完毕后就OK了!
第三，注意事项，当网站进行改版，为保证新内容及时被收录、索引量和展现效果不出现大幅波动，建议步骤如下：首先使用301跳转将所有页面进行重定向;再来站长平台使用网站改版工具通知百度您网站新旧改版规则。提交的信息百度会经过一周左右的验证，大家需要耐心等待。同时对旧网站的内容保留一段时间，为百度尽快的进行新网站的内容收录。
百度推出改版工具对广大站长来说是个及时雨，以后网站改版在也不会怕这怕那了。具体这款工具能否完美解决网站改版问题还有待观察，毕竟现在只是测试版，期待更简单更完善的版本。
★ 网络营销方案范文
★ 深圳网络营销方案
★ 网络营销报告
★ 网络营销方案
★ 企业网络策划方案
★ 旅游网站策划书
【工具型网站的体验设计――从广告平台出发（锦集5篇）】相关文章：
网络推广策划书2023-11-05
网站推广活动计划范本2023-01-15
企业如何进行网络营销？2022-11-13
营销方案设计论文2023-12-10
简单的网络推广策划书2022-05-05
网络推广策划书精选2023-01-29
产品网络营销策划书2023-08-13
网络推广方案策划书2022-06-05
技术服务营销十大策略2022-04-28
匡威网络营销策划书2023-03-17