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

工具型网站的体验设计――从广告平台出发（4篇）

1.工具型网站的体验设计――从广告平台出发 篇一

什么是工具型产品?

工作的这段时间以来，我主要参与了一些电子商务类网站的交互设计，我发现这类产品的设计思路和门户、频道等产品有较大的差异，它们更关注于完成 任务及操作，而非内容的展示与分类，我通常称这类产品为功能型产品。在去年广州举行的交互设计体验日，通过和其他交互设计师交流，发现在业内这类产品似乎 也没有一个固定的称谓，腾讯的交互设计师称之为“工具型产品”，我觉得倒也贴切。

为什么要单独定义它?

如果看过《用户体验的要素》，大家一定记得其中讲到的有关用户体验的五个层级。根据产品战略的不同，需要设计师采用不同的设计思维。下图左边代 表的是工具型产品(比如电子商务类产品的支付部分)，右边代表的是内容型产品(比如门户、部分频道等)。从图中可以看出，左右两边在不同的层级上有明显的 差异。这就决定了设计时需要采取不同的思维和方法。

工具型产品与内容型产品的区别

工具型产品关注的是任务——所有的操作都被纳入一个过程，去思考人们如何完成这个过程。在这里，我们把网站看成用户用于完成一个或多个任务的一个或一组工具。

内容型产品关注的是信息——网站应该提供哪些信息，这些信息对用户的意义是什么。在这里，我们把网站看成一个“用户可以穿越的信息空间”，

工具型产品的设计师把每一个问题看成是“应用软件”的设计问题，然后从传统的桌面和客户端软件的角度来考虑解决方案。

内容型产品的设计师以信息的发布和检索的角度来看待网站，然后从传统出版、媒体和信息技术的角度来考虑问题的解决方案。

在五个层级上的区别：

结构层的区别示意图：

表现层的区别示意图：

总结：

用户体验的要素包含了五个层级，代表了一个从抽象到具体的过程。

从“用户体验的要素”结构图中可以看出，设计一个产品就像盖房子一样，要在战略层的基础上一级一级向上垒。上面的部分再完美，而下面的部分是错 误的也是徒劳的。对于设计师来说，不管是设计什么类型的产品，要做好自己的本职工作，不仅要对产品整体有大概的认识，还要特别熟悉下一层级的内容，才能真 正符合产品的要求。

每一个层级的负责人都有权利和义务对上一个层级的不合理之处提出意见和建议，才能避免做无用功。

根据产品的战略不同，可以在理论上将产品分为工具型产品和内容型产品;两者在用户体验的五个层级上均有显著差异，设计时需要采取不同的思维和方法。

2.工具型网站的体验设计――从广告平台出发 篇二

RSS能够使用户与网站建立远程联系，从表面上看RSS阅读使用户可以不再直接接触网站，但事实却是，RSS使用户与网站更加粘合。

RSS脱离了访问限制，可以体现为桌面阅读、手机阅读、手机提醒等方式，是网站的新鲜信息能够第一时间被传达。在网站内容优秀的基础之上，这无疑是以退为进，用资源信息及时传达为筹码留住了用户。当用户使用桌面RSS阅读器时，打开电脑即可享受网站的最新资讯、理念;当用户手机支持RSS阅览时，信息交互成为移动信息交互，随时随地都能够以最简洁的方式阅览自己感兴趣的东西;当用户使用手机邮箱时，网站的信息更新将会被第一通知给用户，用户收到提示，寻找自己感兴趣的东西，产生访问欲望，

这样一来，信息的自由会给用户更多好感，在网站本身内容优秀的前提下，不会失去用户，相反，用户会因此增加对网站的好感度。

RSS对SEO的影响也是显著的，通过RSS的提交不只可以增加外链扩充范围，还可以利用RSS提高世界排名、蜘蛛爬行机会等等。总之，RSS对于网站来说是非常有益的。但是很多网站都没有在网站内部设置引导点，诱导用户使用这项功能。很多网站是直接给出RSS输出网址，这就需要用户首先到RSS订阅平台或者邮箱才能完成订阅，这样一个小细节就有可能大大降低用户订阅机会。除非用户有相当欲望订阅网站内容，否则用户当时订阅的机会是比较小的。推荐使用RSS订阅平台――www.feedsky.com/，通过这个平台不仅仅可以创建专门的订阅页面，还可以在用户点击订阅图标的时候顺畅地完成订阅流程。

针对那些没有RSS功能的网站，推荐使用RSS添加设置。通过添加程序来实现。

3.工具型网站的体验设计――从广告平台出发 篇三

作者：Adaptive Path

译者：UCD翻译小组，JunChen

原文地址：www.adaptivepath.com/ideas/newsletter/archives/031109/index.php

有件事呢本应该是显而易见的，我是指如果你用恰当的工具，那么画起草图来会变得相当、相当简单，

我不会穿着网球鞋去滑雪，但我却常常假想自己可以用蜡笔、羽毛笔或者用剩的铅笔头画出工业级效果。喔，太蠢了。最近我才意识到，拥有一套良好的“装备”是多么重要，真是杀牛要用牛刀啊。

下面就是我的“装备”，看看它们是怎样帮助我成为一个更好的用户体验设计师。

1. 网纹收纳袋

我知道你在想什么，

收纳袋不是一个画草图的工具。那你就错了，因为：它可以将你的所有工具收纳在一起，方便拿取和带走。这意味着你更可能将它们随身携带，并且因此能够在更多情况下使用。

如果你能够在人们讨论过程中为讨论的对象画一些草图，那么你通过绘画就可以阐明人们所表达的意思，并且可以使每一个人有相同的认识。这种交流过程中实时产生的草图，在促进想像力方面具有无与伦比的力量，并且会被不断地引用、引用、再引用。比如，“记得那天我们画的一个框和两个圆圈。我想我们漏掉了另外一个圆圈...”

2. 暖灰色马克笔

4.《体验网站规划与设计》教学反思 篇四

《体验网站规划与设计》教学反思

今天上午，我在高二（1）班上了一节公开课，上课的内容是《体验网站规划与设计》。整个教学过程以师生访问分析网站为主线，采取分组讨论、小组活动进行。教学中以任务驱动、自主学习，交流学习以及引领展示的模式，将规划过程分解为几个任务，根据所学知识，完成对网站规划选题、域名、栏目及艺术风格的规划与设计进行学习，并将各小组任务完成的情况以学案—《网站规划与设计方案》的形式呈现出来。通过展示学生设计方案，对学生成果给予评价与肯定，激发学生进一步学习的兴趣，培养学生主动思考、积极参加团结协作。

成功之处，本节课教学环节完整，对三维目标把握较好，同时认真的对学情进行了分析。本节课，对学高二火箭班的学生，我注重了学生发散性思维、语言表达能力、逻辑推理思维的培养，同时引导学生学会鉴赏、学生聆听、学会尊重，学生在较短的时间内能够很好的完成教学各环节的实践，最终形成了完成的方案，且能很好的陈述。

不足之处，本节课，整个教学过程都是需要网络支撑，由于网络突然出现问题，而心中又想达到理想的课堂，希望给学生一个完整的教学过程，导致课堂的暂时中断，而此后压缩了学生讨论和展示成果的一些时间，后面的教学时间和节奏略显苍促，课堂小节也不是很到位。