网站的设计教案（模板17篇）

教案模板是教师教学的重要工具之一，它可以帮助教师更加系统地进行教学设计和实施。经过精心挑选，下面为大家准备了一份实用的教案模板，相信会对您的教学有所帮助。

为说设计是网站的肢体语言

设计网站的心得体会范文

随着互联网的发展，设计网站已经成为了一个非常重要的工作。设计一个好的网站不仅能够吸引用户的眼球，提升用户的体验，还能够为企业带来更多的机会和利益。在过去的几年里，我一直从事设计网站的工作，积累了一些心得体会。以下是我对设计网站的心得体会的总结。

首先，好的网站设计要注重用户体验。用户体验是衡量一个网站好坏的重要标准之一。一个好的网站要能够让用户简单、轻松地完成他们的目标，不会给用户带来困扰和烦恼。因此，在进行网站设计时，我们应该尽量简化页面布局，清晰明了地呈现信息，并且注重导航的便利性。同时，还要针对不同的用户需求，为他们提供个性化的体验，比如制作不同的页面模板，让用户能够根据自己的偏好进行选择。

其次，网站的外观设计也是十分重要的。一个好的外观设计能够吸引用户的眼球，让用户产生良好的第一印象，从而增加用户的停留时间和使用频率。在进行外观设计时，我们应该注重整体的风格和色彩的搭配，保持简洁、大方的原则，确保网站的可读性和视觉效果。同时，还要注重图片的选择和使用，尽量使用高清、精美的图片，以增强网站的吸引力。

另外，网站的响应式设计也是一个不可忽视的因素。如今，大部分用户都是通过手机或平板电脑来浏览网站的，因此，设计一个能适应不同屏幕尺寸的网站就显得尤为重要。一个好的响应式设计能够让用户在不同设备上的浏览体验一致，不会因为屏幕尺寸的变化而影响网站的使用。因此，我们在进行网站设计时，要注重布局的灵活性，确保内容在不同设备上的展示都能够得到最佳效果。

再者，网站的加载速度也是一个需要关注的问题。速度是用户对网站最基本的要求之一，一个加载速度过慢的网站会让用户失去耐心，甚至直接离开。因此，我们在进行网站设计时，要注重优化网站的加载速度。一方面，可以通过压缩代码、优化图片等方式减小网站的文件大小；另一方面，可以通过使用缓存、CDN等技术来加快网站的访问速度。只有将网站的加载速度做到最佳，才能提供更好的用户体验。

最后，网站的安全性也是设计时需要考虑的一个重要因素。随着网络安全问题愈发突出，保障网站的安全性已经成为一项重要任务。在进行网站设计时，我们要注重保护用户的账号和隐私信息，使用安全的协议进行数据传输。同时，要对网站进行备份和定期维护，防止遭受黑客攻击或数据丢失。只有保障了网站的安全性，才能够让用户放心地使用网站，增强企业的信誉度和竞争力。

综上所述，设计一个好的网站需要注重用户体验、外观设计、响应式设计、加载速度和安全性。只有将这些因素综合考虑，才能够设计出一个能够吸引用户、提升用户体验的优秀网站。作为一个设计者，我们要不断学习和探索，保持对新技术的关注，不断提升自己的设计水平，以适应互联网发展的不断变化。

[信息技术]小型教育网站的设计及探讨

本课主要介绍了三种便捷访问网站的方法，分别为收藏夹、历史记录和网址列表等。教材详细地讲解了三种方法的操作步骤，并在最后通过“讨论坊”引导学生讨论三种方法的差异，进一步明确每一种适用的情境。

【学情分析】。

在学生本课之前，学生已经能初步使用浏览器浏览网上信息，了解了网站、网址、主页等相关的概念，对上网浏览信息有迫切的需求。对于自己喜欢的、经常浏览的网站，他们每次都要输入网址，从而引出了本课的需求，所以对于本课的学习，学生有强烈的实际需求。通过本课的学习，为学生后续快速、便捷地访问网站也提供了可能。

【教学目标与要求】。

1.掌握使用收藏夹、历史记录和网址列表等工具便捷访问网站的方法。

2.知道收藏夹、历史记录和网址列表的异同，并能根据需要选择合适的方法便捷地访问网站。【教学重点与难点】重点：使用收藏夹、历史记录和网址列表等访问网站的方法。

难点：根据需要选择合适的便捷访问网站的方法。

【教学方法与手段】。

教师演示法、自主探究学习法、小组讨论法等。

【课时安排】安排1课时。

【教学准备】。

相关网址，教学课件等。

【教学过程】。

一、创设情境，引入课题。

游戏：比赛打开网站。

教师提供一组网站的网址，学生在浏览器中打开，看看谁最先完成。最后教师通过收藏夹快速打开，和学生通过手动输入网址打开，形成对比和冲突，进一步揭示课题：便捷访问网站。【设计意图】以游戏引入课题，不仅可以激起学生的好奇心，还可以激发学生的学习兴趣，从而将学生变为问题需求的主体，为他们创设了真正的问题解决情境。

二、探究实践，掌握方法。

1.收藏夹。

谈话：要想通过收藏夹快速便捷地访问网站，首先要把网站的网址添加到收藏夹中。

自学：教材详细介绍了把网站的网址添加到收藏夹中的方法，边看书，边操作，把刚才的网址添加到收藏夹中。

演示：学生演示并讲解把网址添加到收藏夹中的方法。

实践：添加一个自己喜欢的网址到收藏夹中并通过收藏夹打开。

提升：使用收藏夹确实可以快速地访问网站，但是收藏夹也占据了浏览器窗口的一部分空间，所以一般情况是处于关闭状态的，如果要打开收藏夹中的网站，需要地先打开收藏夹，还是比较麻烦的，为了解决这个问题，浏览器还提供了“收藏栏”，可以通过“查看”菜单将“收藏栏”显示出来，试一试，并尝试将网址添加到“收藏栏”。

展示：展示部分学生的收藏栏中的网址。

2.历史记录。

谈话：如果曾经访问的网站，没有添加到收藏夹或者收藏栏，也不记得网址了，我们又有什么方法可以快速、准确的访问它呢？其实浏览器会将我们近期访问的网址记录下来，形成历史记录，我们可以通过历史记录打开它们。

实践：历史记录可以通过菜单命令显示出来，你能找到它吗？请你试一试，然后告诉大家。

演示：学生演示并讲解历史记录的使用方法。

释疑：同学们已经观察到了，历史记录只能记录近期一段时间内访问过的网址。那么这个周期是多久呢？可不可以调整呢？答案都在“internet属性”的设置里，我们一起来看一看。

3.网址列表。

实践：学生使用“地址栏下拉列表”打开网址列表并访问其中的网站。

交流：有同学发现，之前输入的错误的'网址，也出现在了网址列表中，我们能不能把它删除呢？（生：……）是的，只需要单击网址右则的删除按钮就可以了。【设计意图】这部分是本课的重点，收藏夹、历史记录和网址列表，这三种便捷访问的方法都不难，所以教学中采用了以学生探究为主的方法，并作了适当的拓展。

三、讨论交流，巩固内化。

谈话：刚才我们一起学习了收藏夹、历史记录和网址列表三种便捷访问网站的方法，但是这三种方法也有明显的不同，那么它们分别适用于什么时候呢？请与同桌讨论一下，完成下表。

方法优点缺点适用情境。

收藏夹。

历史记录网址列表。

交流：小组间讨论交流。

汇报：部分小组汇报。小结：三种便捷访问的网站的方法都有自己适用的情境，我们要在需要的时候选择合适的方法便捷地访问网站。【设计意图】三种方法便捷访问网站的方法操作非常容易，但是它们也有明显的优缺点和适合使用的情境，教学中，通过让学生自主讨论的完成，而不是老师直接讲授，这样学生才能真正理解。

四、讨论交流，巩固内化。

通过今天这节课内容的学习，我们学会了便捷访问网站的三种方法。这三种方法各有自己的优缺点，我们要根据需要选择适合的方法，只有这样才能真正实现快速便捷地访问网站。

网页设计之网站的分类

设计网站的心得体会范文

随着互联网的快速发展，网站设计成为人们经常接触到的一门艺术。作为一名网页设计师，我有幸参与并负责了多个网站的设计工作。在这个过程中，我不仅学到了很多专业知识，也积累了一些宝贵的心得体会。下面我将简要总结我在设计网站时的一些体会。

首先，了解用户需求是设计网站的关键。作为设计师，我们的目标是为用户创造更好的体验。因此，在设计网站之前，我们必须深入了解用户需求。通过与客户沟通、收集反馈和分析竞争对手的网站，我们可以确定用户对网站的期望和喜好。只有了解用户需求，我们才能够设计出符合用户期望的网站。

其次，网站设计要简洁大方。在现代社会，人们的阅读习惯发生了巨大变化。他们更喜欢简洁明了的信息呈现方式，因此，在设计网站时，我们要注意保持页面的简洁大方。不要使用过多的颜色和装饰，也不要在页面中堆砌大量的文字和图片。我们应该注重信息的层次、排版和配色，使得用户能够快速地找到所需信息，并有一个愉快的浏览体验。

另外，响应式设计是现代网站设计的趋势。移动设备的普及使得越来越多的用户通过手机和平板电脑来访问网站。因此，响应式设计变得至关重要。在设计网站时，我们要考虑不同屏幕尺寸的适配问题。保证网站在不同设备上都能够良好地展现，给用户提供一致且方便的浏览体验。

同时，网站速度也是设计中不可忽视的因素。在互联网时代，人们的耐心变得越来越短。如果一个网站打开速度过慢，用户可能会转向其他网站。因此，在设计网站时，我们要充分考虑网站的加载速度。通过压缩图片、优化代码和使用缓存等技术手段，尽量减少网站的加载时间。只有在速度上做到更好，才能够留住用户。

最后，网站设计需要不断学习和创新。互联网行业发展迅速，新的技术和设计趋势不断涌现。作为设计师，我们要保持学习和创新的态度。关注最新的设计风格和技术，参加相关的培训和活动，与同行交流经验，不断提升自己的专业能力。只有通过不断学习和创新，我们才能够在竞争激烈的市场中脱颖而出。

通过这些年的设计工作，我深深地意识到设计网站需要全面的思考和把握。了解用户需求，保持简洁大方，关注响应式设计和网站速度，不断学习和创新，这些都是设计师们应该时刻牢记的原则。我相信只有坚持这些原则，才能够设计出满足用户需求且具有艺术价值的网站。我会继续努力学习，不断提升自己的设计水平，为用户创造更好的网站体验。

设计网站的心得体会范文

设计网站是一项需要综合考虑美学、功能性和用户体验的复杂任务。作为一个网页设计师，我在设计网站的过程中积累了一些宝贵的经验和体会。下面我将分享这些心得，希望对其他设计师和对网站设计感兴趣的人能够有所帮助。

首先，设计网站需要明确目标和定位。在设计一个网站之前，我们首先要明确这个网站的目标和定位。这个网站是为了销售产品还是为了宣传服务？是针对老年人群体还是年轻人群体？根据网站的目标和定位来确定设计的风格和布局，确保网站能够给目标用户带来最大的价值。

其次，网站的布局要简洁清晰。一个好的网站应该有清晰的布局，让用户一目了然地找到他们想要的信息。在布局设计上，要避免堆砌太多的内容和过多的广告，保持页面的整洁和简洁。合理利用各种视觉元素和页面的排版，使得网站的布局更加美观和易于阅读。

再次，网站的导航要便捷明了。一个成功的网站需要有便捷明了的导航系统，让用户能够方便地浏览和导航。导航菜单应该简洁明了，使用常见的导航模式，同时提供搜索功能，以便用户能够快速找到自己需要的信息。另外，为了提升用户体验，导航菜单在不同页面的位置和样式保持一致也是非常重要的。

此外，网站的响应式设计要考虑全面。随着智能手机和平板电脑的普及，越来越多的人开始通过移动设备访问网站。因此，一个优秀的网站设计必须兼顾不同终端设备的适配。响应式设计可以使网站在不同设备上的显示效果更好，提供更好的用户体验。为此，设计师应该使用响应式布局和设计技术，确保网站在不同屏幕大小和分辨率上都能够良好展示。

最后，网站的交互和动画要得当。交互和动画能够增加网站的互动性和用户体验，但也不能过度使用，以免分散用户的注意力。在使用交互和动画效果时，要尽量遵循简洁和清晰的原则，确保效果的可用性和实用性。此外，动画效果的加载时间也要控制好，以免影响网站的加载速度。

在设计网站的过程中，我发现要做到上述几点并不容易，但只有通过不断实践和总结经验，才能不断提高自己的设计水平。设计网站是一项充满挑战的任务，但也是一项非常有创造性和有意义的工作。我相信，通过不断学习和尝试，我们可以设计出一流的、用户体验良好的网站。

界面设计对网站的重要性

但事实却是太多的企业进行网站改版杂乱无章，让人无所适从。如果一个企业进行网站改版都无法让读者一眼就看懂如何操作，那么读者肯定不会喜欢光顾这家网站，寻找另外一家。

随着网上购物的盛行，越来越多的.公司或企业选择加入到电子商务行业，就算是拥有丰富运营经验的商城平台亦致力于改进用户体验，通过价格、服务提升活跃用户数，增加可信度。

颜色是有情感的，不同的颜色对于人的影响是截然不同的。对于企业进行网站改版而言，颜色的选取尤为重要。建议使用那种不带侵略型、攻击性的颜色。尽量选择淡蓝，或者是绿色系的色彩。尤其是绿色，对于促进成交有着非常微妙的作用。轻易不要使用过于重的颜色。

对于企业进行网站改版而言，一些隐性的促销做法能够非常有效的提升成交。最常用的一种手法就是，在消费者购买某种产品后会有这样的提示——“购买该产品的人还购买了xxxx”。

事实上，这种手法还是非常有效的。服务器的质量好坏，对企业进行网站改版能够成功生存与否是紧密相连的。如果一个连正常访问都无法保证的企业进行网站改版，谈何成功。挑选服务器之前，多问多搜索多了解，做足功课才不至于让网站三天两头无法访问，或者让你的网站建设商帮你搞定，这样省时省力，又有稳定的服务。

人们热衷于浏览网站重要的一个原因之一是，他们很懒，不想去逛街，他们只想尽快的完成购物这件事。要确保企业进行网站改版的支付系统是简易而且能够快速完成的。过多繁琐的操作只会让买家望而生畏。

有些企业进行网站改版小到针线大到飞机，想一股脑儿全都卖。事实上，对于一些刚起步的企业进行网站改版来说，这是不明智的。建议从一个小而精的领域做起，最好是你熟知的、非常了解的领域。这样才是最成功的!

设计网站的心得体会

作为现代社会中不可或缺的载体之一，网站的设计和开发已经逐渐成为一项逐渐深入人们日常生活的工作。而想要设计一个合理、美观、易用的网站并不是一件易事，需要设计师在实践中不断总结经验和教训。在这篇文章中，我将分享我在设计网站中所体会到的一些经验和心得，希望能够给正在学习设计网站的同学们带来一些帮助。

第一段：网站设计的目标。

在设计网站之前，我们首先需要明确我们的设计目标。一个好的网站设计需要不仅要美观、易用，还要懂得如何将网站的设计与公司的核心价值和品牌形象相结合。同时，我们还需要考虑到网站的用户群体和他们使用网站的行为特征，这样才能够从用户的角度出发进行网站设计。

第二段：网站结构。

网站的设计在页面结构方面至关重要。页面结构决定了网站的用户体验和可用性，也影响了网站的搜索引擎排名。因此，在设计网站的时候，我们需要给予足够的关注。在搭建网站的页面结构时，我们需要考虑到导航栏的设置和多级目录的使用等方面，这些都是影响网站使用体验的重要因素。

第三段：网站内容。

网站的内容是用户感知和评价一个网站重要的标准之一。对于访问者来说，网站内容不仅要有着足够的信息量，还要展示出专业性和准确性。在设计网站时，我们需要细致关注网站的内容，从头到脚进行排版和良好的内容架构。

除了页面结构和内容，网站的使用体验也是关键因素之一。为了达到良好的网站使用体验，我们需要考虑网站的响应速度、页面交互效果、响应式设计等一系列因素。这些都将直接影响网站的用户体验和使用动力，从而为网站带来更多的流量和用户粘性。

在为网站进行网站优化的时候，我们需要对网站性能进行优化和发布之后的网站分析进行完整的整理和维护。同时，对于网站的用户行为也需要做好深度分析，从而紧密地追踪和调整网站的表现。这样可以帮助我们更好地提升网站的流量，同时为用户提供更好的服务和使用体验。

总结。

在这篇文章中，我们介绍了设计网站常需要遵循的一些原则和方法。通过考虑网站目标、页面结构、内容和使用体验等关键因素，建立起清晰和完整的网站设计策略，并且对网站进行优化和维护，才能真正做好一个合理、美观、易用的网站。当然，还需要在实践中不断总结，在用户的反馈中学习和进步。

行业网站的最佳设计方案

引言：

随着人们生活水平的提高，越来越多的人喜欢给自己或家里的老人小孩养一只可爱的宠物。满足宠物的需要也就成了许多爱宠人士每天苦恼的事情。去哪可以选购到健康合格的宠物食品?去哪能给生病的宠物看病?去哪能给脏了的宠物美容修型?这些问题看似很容易但是在全国范围内并没有任何一个网站能够提供这样全方位的服务。而我们设计“宠爱一生”就正好能满足这些甚至更多的需要。

宠爱一身宠物网系统是基于b/s模式的小型电子商务系统，能够满足中小型宠物商店的网上销售宠物用品的需要。搭建宠物网极为简单只需要一台pc机，一根网线，即可进行网上交易。

宠物网基本上满足了中小型宠物商店的网上销售需求，其主要功能包括宠物展示、宠物用品展示、购物车、收银台、会员管理、订单查询、新闻浏览、宠物护养常识浏览、宠物管理、用户管理、订单管理。宠物展示主要实现宠物的重点推荐、明星宠物、宠物分类查询、宠物用品销售排行榜等功能;购物车功能给每个用户建立了一个相对应的存放选中宠物籍存放的空间;收银台提供了客户付账的功能，当顾客决定购买购物车里的宠物籍时，向收银台提交订单;会员管理为每一位注册用户提供了注册、登陆;后台的宠物管理是为管理员提供修改、添加删除宠物信息的功能;用户管理实现的功能有查看用户信息、消费总额;订单管理主要负责查看客户的发货执行情况;新闻管理方便管理员向首页新闻页面里添加公司新闻;护养常识是为了方便会员及大众更好的饲养宠物、相应的减少宠物不必要的伤害等。宠爱一生宠物网的设计充分考虑了用户的视觉感受，努力做到界面简单明了，功能相对完善。

后台开发充分考虑了使用软件的用户可能对计算机软件并不是很了解，所以在设计的过程中添加了许多必要的提示和说明。技术为基础，实现宠物信息的发布、购物、用户管理、宠物后台管理等一系列的功能，力争成为广大客户带来更多的便利，为宠爱一生公司带来更高的销售额。

公司介绍、宠物一体化服务：

宠物一体化服务是一种可以满足宠物从出生到死亡所有需要的全方位服务。宠爱一生的简介只要在我们网站注册的宠物会员就可以在我们网站体验多种多样、囊括宠物一生需要的服务。我们的业务主要包括四方面：宠物医疗、宠物生活用品店、宠物礼仪公司和宠物家庭服务机构。

商城方面：

我们将分为类似于淘宝的普通购物网站和类似于美团的宠物团购网，全心的建立一个宠物网络购物天堂。我们的网站还为广大的宠物爱好者搭建了特色平台(即宠物网络社区)，这里包括宠物论坛，宠物爱心募捐平台，赛事展会，宠物家园等等，让宠物的世界丰富多彩。

可行性分析：

目前国内宠物业需求现状和前景分析宠物正在成为不少家庭里的新成员。随着养宠物的家庭不断增多，宠物经济也越来越受人关注。目前从养宠物的数量和消费能力上看，---和---已经成为我国五大“宠物城市”，在这些城市。而--、--等城市，宠物普及程度也相当高。不少业内人士表示，随着日前颁布的《宠物条例》中免去每年宠物年检费用的政策出台后，可能会有更多人加入养宠物的行列，中国宠物市场的潜力仍待挖掘。

国内宠物数量攀升：从上世纪末开始，宠物概念在中国悄然兴起，经历了十年的快速发展，逐渐引起了社会各界的普遍关注和重视。到20--年11月，--经批准登记的新狗数量已达139631只，而未经登记的狗的数量还要远远超过这个数字;在经济发达的--，人们饲养各色各样的宠物，目前--家庭已拥有100万只以上宠物;--每年从宠物市场购买的犬有54750只，如果再把家庭宠物犬自身繁殖的数字计算在内，--养犬数不会少于l0万只。这一数字目前仍在以每年30%的速度增长。宠物业销售额持续增长：据统计，20--年，全国宠物(犬猫)商品市场销售总额约为60亿元人民币;而--家庭养犬比例为55%、--为29.4%，其中，20--年--宠物(犬猫)商品市场销售总额约为195亿美金、--约为35亿美金。

这些数据一方面说明了国内与国际市场的巨大差距，也说明了国内市场在未来将面临更大的商业机遇和发展空间。特别是随着未来消费意识的进步，农村逐步向城市化转移，犬猫宠物拥有量的逐步增长，都会进一步带动整个宠物行业的迅速发展。预计中国宠物行业将以每年35%的速度保持持续增长。

如此大的市场自然吸引了众商家的眼球，围绕“宠物赚钱”(指宠物交易本身)和“赚宠物的钱”这两个主题，市场可提供的项目越来越多，为宠物衣食住行、生老病死支出的费用也在逐年增加，个别已经面临服务升级的项目收费更是高得惊人。由于饲养宠物是一个循环消费的过程，消费者需要不停地支出，因此宠物产业成为投资者非常看中的热点行业。有关专家表示，我国目前至少有宠物1亿只(条)，围绕宠物发生的消费至少在150亿元以上。

同时，“宠物热”还带动了宠物经济，围绕宠物服务和宠物用品大做文章的人成倍增加，从宠物食品、宠物医疗，到宠物美容，甚至还出现了宠物婚介、殡葬、寄养、宠物spa、宠物旅游团等新兴服务。然而，由于行业缺乏监管和规范，“暴利”、欺诈现象严重，给行业发展蒙据了解，在宠物消费中，食品占据份额，其次是医疗和宠物用品，许多投资者甚至认定生产和经营宠物用品只赚不赔，纷纷抢食。宠物行业除了收费充满暴利外，由于越来越多的投资者加入到快速增长的宠物市场，又缺乏有效的监管和规范，使整个市场陷入无序混乱的状态。

一、目前爱宠人士对宠物产品和服务的需求分析。

有需求就会有供给，为适应各种现实需求，这一产业逐渐发展出以宠物养殖、宠物食品供应、宠物医疗、宠物美容及其他相关附属产品为主的产业结构，而且这一结构仍在不断的丰富完善当中。先说宠物养殖，这是宠物交易的后盾。专门的养殖基地不仅需要大量的资金和土地投入，还需要专业知识和技术及相关的经营管理来支撑。养殖业成本高，资金周转周期长，所以起步比较艰难。

不过，潜在的市场前景也十分诱人。以在宠物中占了主要比例的犬、猫为例，我国家庭目前饲养的犬、猫大部分是一般的家犬、家猫和杂交的犬、猫。而养殖基地所培育的犬、猫就比较纯正地道，无论是外型还是脾性都比一般犬、猫要好。

现在，很多养殖场主都不惜重金从国外引进名贵犬、猫种，因为这类犬、猫聪明伶俐，深受顾客欢迎。只是，优良正规犬、猫的市场价格令一般家庭望而却步，像20世纪初培育出的高贵经典的喜马拉雅猫，天性善良、恋人，叫声如歌一样悦耳，但它的身价高达每只--000～25000元人民币，出身正规养殖场的一般猫价格每只也达4000～8000元人民币。

目前有相当一部分宠物交易被“马路市场”所占领。其实宠物交易是不少宠物店的经营重心，所以宠物交易的市场前景仍然十分广阔，随着宠物养殖业本身发展所带来的生产成本的降低，以及消费者对宠物质量档次追求的提高，相信利润的化实现也不是遥遥无期。

比起宠物养殖，宠物食品、用品的生产销售似乎要灵活许多，在整个宠物业中也显得比较突出。目前我国已拥有一定数量的宠物食品、用品、玩具等厂家，大部分起步于20世纪90年代。不仅是国内市场，巨大的国际市场是一个更大的诱惑，特别是中国已加入wto。

对于宠物业来说，国外的优势是不容置疑的，比如像--、--等一些知名的宠物食品出口国，与我国同类宠物食品相比，其产品真可谓物美价廉。但国内的某些嗅觉灵敏的企业界人士也正积极兴办生产宠物用品的企业，开设宠物用品专卖店和商铺，很多店铺采用人性化的设计来迎合人们的消费心理，比如用以下一些名称命名：草编宠物睡床(有大小号);新款雨衣;防水运动鞋;白毛犬专用沐浴香波等等。

如果以--为例，每个宠物的食品与用品每月按50元计算，市民每年用于宠物的开支也有6亿元之巨。而实际上就犬、猫而言，每月50元是十分经济型的消费，如果带宠物定期上美容院或进趟诊所医院，外加专门的宠物食品、宠物玩具等，奢侈型的消费就要逾千元。随着经济的发展，人民生活水平的提高，宠物消费无疑会呈增长趋势。据统计，仅宠物食品、用品销售一项，全国20--年比上年上升近两成。据报道，浙江某县宠物一年的收入就达2亿元人民币。再拿国外的数字做一下参照，比如--，每家在宠物身上花费460美元，全国每年达300亿美元。宠物食品、用品如此，宠物美容更甚，宠物美容乍听起来就是贵族消费。诚然，宠物的美容也可以放在家里自己完成，比如洗澡、梳毛、修剪指爪等等。但是也正如现在很多家庭宁可选择花钱在外用餐享受轻松愉快，而不愿把自己束缚在厨房里一样，显然，专业性美容院的服务有其不可替代性。

在国外，宠物美容师还分不同的级别。宠物的专业美容在国外及我国香港、台湾地区发展得较好，我国的珠海市也已开办起宠物美容医护科技培训学校。宠物医院诊所之类是十分实际且必要的。宠物的护理和医疗等行业的专业性都是比较强的，尤其是医疗系统，它不仅需要专业知识和技术，而且还要配备必要的医疗器械等硬件设施。对于刚起步的国内宠物业来说，这些方面：无疑还是落后的。

目前，一些外商凭着自身的技术优势和管理优势已进驻中国市场，如果狗进这样的高档宠物医院里做一次全面体检，要花费上千元。宠物医疗费并不比人的医疗费便宜，像--，兽医每年对宠物大概做6次医疗检查，一次费用约为32美元，而普通病人看一次病仅需--美元。--花在狗身上的医疗保健费用每年60亿美元。在中国饲养宠物的人乐意掏钱为狗伴侣或猫伴侣治病的很多。由于主人对宠物的疼爱，因而对宠物医疗的投入也随之增加。

在国外，甚至对宠物做器官移植也在所不惜。如果从长远角度考虑，医学界所提供的技术支持也很重要，若是一些宠物传染病由于医学进步而能从根本上予以消灭或预防，则人们可以放心地饲养宠物而不必惮于健康受到危害，这将对整个宠物业的发展助益颇大。而随着宠物医疗业的发展，与之相关的宠物药业也会得到相应的发展。为提高宠物的智商和通悟人性，宠物学校的开办就很有必要，这样可以培养为各类人群所需要的宠物。

另外考虑到其他一些因素，比如主人远出家门而无法照顾宠物则需要有宠物寄养服务。在宠物业比较发达的西方国家，还有专为宠物开设的宾馆。20--年10月19日，----造价700万美元的豪华的流浪猫、狗中心正式启用。该中心为猫、狗提供现代欧洲风格的家具和古典音乐，并由专业人士管理，流浪猫、狗在中心里过上舒适的新生活。在德国，主人外出度假，往往把宠物寄养在宠物宾馆里。德国最豪华的狗宾馆为狗配备了桌子、皮躺椅、软垫、组合柜和壁炉。并根据狗的愿望做餐，还备有特别食谱。如果狗的主人想念狗，可以在网上看到自己的狗，宾馆根据主人的需要为狗拍摄纪录片，通过电子邮件发送给顾客。

但在我国，目前专门的宠物寄养所比较少见，寄养服务一般附带于其他的宠物经营项目，如寄养于动物家园，也有一些家政公司正在尝试开辟这一业务。

二、目前存在的宠物网现状及本网站的独特创新分析。

综上所述：国内目前虽宠物网站不下百家，但这些宠物网或多或少的都存在方方面面的不足，不能全方位的满足消费者的需求，达不到宠物一体化服务的概念。而我们就是要以新理念来打造国内第一家满足21世纪爱宠人士需要的精品宠物网。

三、网站建立所需要的技术和预算。

宠爱一生宠物网系统采用了当前的主流计算结构—b/s模式进行开发，前台开发工具选用microsoftvisualstudio20--。它是一种可视化的、面向对象的windows开发语言，具有易用、通用和开发效率高的特点。后台的数据库开发工具选用了microsoftsqlserver2005，它能够处理大量数据，同时保持数据完整性并提供许多高级管理和数据分配功能，它又在数据库平台的安全模块方面做了重要的增强，在加强数据安全性方面提供了更多精确、灵活的控制方法，并定义了帮助建立支持安全计算的必要步骤，同时帮助部署和维护一个安全环境。

这两种开发工具功能强大，有较好的接口，作为本系统开发工具是可行的。

预算：

1)需求开发:4920元。

2)用户界面设计：1--0元。

3)用户需求评审：2--0元。

4)修改需求：1--0元。

5)编写需求规格说明书：560元2)。

6)设计：4--0元概要设计：1--0元。

7)数据库er图设计编制：560元。

8)设计评审：2240元3)。

9)网站前台界面：3840元。

10)后台管理系统：3840元。

11)系统集成：2300元。

12)系统集成测试：1--0元。

13)环境测试：1180元5)。

14)提交：3920元。

15)网络测试:1480元。

16)网络验收：2440元。

17)预算总计：22940元。

小结：

通过对宠爱一生宠物网的构思设计和开发，我们更深的发掘到现在存在的宠物网的不足，并且将在宠爱一生中进行改善，以此更好的为更多的新时代喜爱宠物的提供服务和产品。

文档为doc格式。

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

摘要:题记：从进入公司至今2年半的时间，我一直负责广告平台部门的产品设计，从陌生到熟悉，不知不觉间我竟已对这些产品倾注进了感情……工具型网站的特点剖析工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节，那便是：功能与数据。所以谈至“...

1.在保证功能流程顺利走完的基础上，让用户的感觉更加舒适;。

2.在面对大量数据时，让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安。

工具型产品普遍业务逻辑复杂且迥异，数据量大，往往还涉及不同角色的场景分类……套用一句老话：水很深。设计目标则成为了一盏心中的明灯，时刻提点自己要留神脚下的四伏的暗礁。

功能设计之我见。

一级准备。

在处理功能设计之时，我奉行一句话：先弄明白了再下手。因为个体功能的修改牵涉到整个流程的走向，往往会在原有的基础上增加操作分流;而平台中的功能增加更会和其他的功能模块发生交互行为或产生影响。在设计师自己还不能对该功能的设计了如指掌的时候就匆忙动手，其结果就是设计进行到一半，问题暴露然后返工，更悲剧的是全套设计稿看似高效地做完，之后却面对全盘洗稿的惨剧。

“脑图”在这个阶段的作用就变得至关重要。用什么工具出脑图?专业软件mindmanager、xmind、freemind也好，最原始的笔和纸也罢，只要能全面清晰地表现“关系”和“影响”就已经完成了使命。

上个月正值“广告经理”在原有的支持pc端用户建立广告位并制作广告，查看效果的基础上，增加支持移动平台业务的功能。牵一发动全身，移动平台业务的功能加入使得整个“广告经理”众多模块都受到影响。下图便是在与产品经理召开需求会议的同时诞生的关联模块草图。这张草图既能在设计开展前期就相对准确的估计新版本的设计方向与工作量，又能在设计过程中保证设计侧重点与功能设计的完整性，作用不可小觑。

“脑图”不仅仅有宏观把控的全局意义，而且也同样可以具备指导设计工作细节的现实价值。

功能的平台表现形式。

功能模块具体落实到网站中，其表现形式大体包括：表单及其对应控件、按钮、信息反馈及提示，相互之间的关系便如下图所示。

如此一来体验设计也便有了出发点和依托。举几个在广平系统中用到的设计案例吧。

广告系统的设计特殊性还表现在页面的操作流程很大程度要参考广告业内既有的规范，这样便于用户理解流程的同时也能更高效的帮助用户完成目标工作。因此在设计过程中也会诞生很多“为广告而生”的表单与控件。根据实际业务的不同，对待某些重要的业务流程，设计师在理解业务的基础上，完全有必要跳出以往常规控件的束缚，为产品专门定制设计方案。比如为排期与资源专门设计的特别定制、视频广告的关联设置等。

业务性较强的功能，用户所需要填写的表单项势必远远超过单屏，应此将用户表单输入做到恰到好处地贴心，也是工具型网站的一个细节设计点。

在聚赢广告平台(mobwin)的设计中，遇到过广告推广语的输入字数限制十分苛刻的业务要求：“推广语1”字数不得超过10个汉字，同时不得少于9个汉字;“推广语2”字数不得超过12个汉字，同时不得少于11个汉字。这是由wap1.0和wap2.0或触摸屏广告位可显示的字数决定的。如果直接用文本告知用户：“您只能输入9或10个汉字”，首先文本信息很可能会被用户忽视，其次如果不做任何即时判断，在用户完成漫长的表单填写后，点击提交却因此受挫，那必然是十分苦恼的。因此针对这个文本输入框给出了如下设计方案：

功能的增值设计。

功能模块在完成它自身价值的同时能不能产生额外的价值?这貌似应该是产品经理在策划这个功能之初就要想到的问题。而设计方能为功能增值做些什么呢?我们完全可以通过对页面结构的设计和流程的微调让它更好的达到增值的效果。

再用广告经理这次的移动平台新功能的设计做案例。新建广告位的流程是用户建立广告的必经之路，我调整了本该放在基本表单中的“平台选择”radiobutton，把该属性提取出来，作为信息传达重点，加入了设计元素。想必这种形式更能使“广告经理已经支持到移动平台”的信息深入人心，其价值也超过了功能本身。

数据的处理。

在实用型工具类网站中，用户均被打上了“业内人士”的标签。他们大多出于工作或商业等目的希望获得对自己有用的专业数据。在广告平台的这些项目中，我们使用了如下几种信息处理方法：

分角色显示数据。

从最外层就先为不同角色的人匹配了他们各自需要的数据，进行了第一步数据去噪。当然能够使用这种处理方法必须是建立在角色与诉求够清晰分明的前提下。

数据搜索与过滤。

无法按角色或已经按角色去噪之后还留有海量数据之时，数据的搜索与过滤就提到了体验设计的第一位。搜索项是否符合用户实际操作逻辑?搜索中用到的控件是否合理与便利?搜索条件何时取交集，何时又呈现并集，又该如何清晰传达给用户?哪些项可以放入高级搜索?……随着设计的深入这些问题便会应运而生，而它们确实值得设计师深思熟虑。

业务上需要的搜索项过多，而选项全部罗列会导致搜索模块过于庞大时，可以类似googleadwords采用点击激活浮层来进行单项设置，用户在操作时也相对专注。收起检索条件模块，不让复杂的搜索条件干扰用户对结果列表的阅读。甚至可以基于业务特点为用户提供保存查询条件的个性化服务。

数据本身的展现形式。

这里我们不谈视觉效果令人为之惊叹的信息可视化处理。传统数据的展现形式不外乎：列表、饼图、柱状图、趋势图等以及它们之间的组合。设计师在运用时，不但要了解页面中不同数据所对应的展现形式，还要将它们有机的结合排布以达到良好的阅读体验，必要时可以对传统的展现形式做一些设计上的处理。

用户自定义。

上面就说道过，工具型网站的用户普遍定义为专业用户，他们对数据获取要求也是严格的。在对重要数据的展现中会出现更高级的操控功能，以满足用户对数据的自由获取。

写在最后：“还可以更灵活，还可以更好用”，再回头看这2年来的设计稿，我常常会有这样的想法。工具型网站的体验设计的确还有很多值得深入挖掘研究的地方，业务逻辑和需求的不同更会延伸出多样化的设计解决方案。

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

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

为什么要单独定义它?

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

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

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

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

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

在五个层级上的区别：

结构层的区别示意图：

表现层的区别示意图：

总结：

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

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

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

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

网站的发布与管理教案网站的发布管理与评价说课稿

【教学目标】：

1、知识与技能：学会在互联网寻找免费空间的技巧，培养学生检索信息，发现有用资源的能力，掌握在免费空间发布个人网站的方法。

2、过程与方法：任务驱动，利用搜索引擎在网上查找免费网站空间并注册帐户，然后将自己制作的网站所有网页上传至免费网站空间。

3、情感、态度、价值观：培养学生了解并遵守网络道德规范，正确发布个人网站信息，并尊重他人的知识产权。

【教学重点】：

1、寻找免费空间资源并注册。

2、发布个人网站。

【教学难点】：

免费个人空间的申请、发布个人网站。

【教学准备】：

大屏幕投影、多媒体网络教室、学生网站。

教师在课前准备几个质量较好的网站空间，并将示例网站上传。

【教学过程】：

一、创设情景，引入课题：

师：同学们，前四节课我们设计完成了个人网站，要让更多的朋友访问我们的`网站，就必须把网站发布到互联网上。现在有许多网站提供有免费主页空间，我们可以利用这些免费资源来发布自己的网站。

(向学生展示一些已上传至免费空间的一些网站实例，激发学生上传自己网站的兴趣。)。

此附件为图片，图片如下：

上传至中国猎鹰网的个人网站。

上传至ik8免费空间的班级主页。

此附件为图片，图片如下：

二、新课教学。

任务一：申请网站空间。

师：如何发现和使用免费空间呢?同学们如果用“百度”()或“谷歌”()搜索一下就可以找到许多这样的网站。只要在这些网站注册帐户，就可以分配到一个网站空间供我们上传自己的网站了，但搜索到的这些空间，往往已经因人满而无法注册，所以同学们在寻找时要注意鉴别。

想一想：要找免费网站空间，用什么关键字搜索比较好?(讨论，抽生回答，教师推荐关键字：免费空间免费主页)。

学生活动：查找免费网站空间并注册帐户。

(有的同学搜索能力较低，教师可在3分钟后，板书一些课前备好的免费web空间申请地址)。

推荐空间：免费1g个人空间中国猎鹰网常来网免费空间。

在注册中，教师适时提醒学生：申请成功后，一是要记下登录网址，用户名和密码，二是要注意阅读空间平台所提供的说明，特别是了解如何上传网页。如果申请的空间具有ftp传输功能，则要记住ftp登录地址、用户名和密码。

学生完成注册后，交流：你在什么网站注册了web空间帐户?它有什么功能?

师小结：恭喜大家申请了免费空间！网上的免费资源很多，但大家要注意区分有用和无用的信息，可以从搜索结果的时间上区分，还要注意勿点击不良广告，以防病毒攻击。

任务二：上传网站文件。

师提示：申请成功后，我们就可以在互联网发布自己的网站了，一般说来，发布网站有两种办法，一是通过空间所提供的管理功能上传，就像过去上传电子邮件的附件一样一个一个地上传，二是利用windows98的附件“internet工具”中的“web发布向导”以ftp方式来发布。

议一议：根据空间所提供的服务功能，小组内讨论上面哪一种发布方法适合自己，可请老师到小组进行指导。

实践活动：在自己申请的免费空间发布网站。

师提示：如果申请的帐号允许ftp方式上传网站，请同学们参照课本106~110页的步骤上传自己的网站。

教师到各小组参与学生活动，及时指导学生解决操作中所出现的困难。

上传成功后，学生自行浏览自己的网站，检查各种图片及链接是否正常，及时修改并重新上传。

三、互相浏览同学的个人网站。

老师为全班同学准备一个电子公告板，每位同学将自己姓名和网站地址公布在公告板上，通过点击公告板中的链接互相浏览，并以匿名回复方式在公告板从创意、界面艺术性、内容充实性等方面简评同学的网站，并提出建议。

学生姓名个人主页网址学生姓名网址。

学生a…学生b…。

学生c…学生d…。

四、小结：

通过五节课的设计制作和发布网站，同学们终于成功地将自己的个人网站完成了，但我们这仅仅是在学习网站设计上迈出了第一步，要建好一个交互性好、界面美观、内容精彩的网站，还有许多知识值得我们去学习，如果你喜欢，可购买一些相关书籍进行深造。

电商网站的功能模块:商品评价功能设计

项目背景：随着易迅用户基数不断扩大，由于易迅用户本身对百货类商品有需求，且该类商品的客单价低、购买频次高、能够快速增加易迅的单量并能够拉新客户，基于此，百货类商品为易迅扩充品类打响了头阵，借着扩充品类的机会，参与了其中一些项目，在此就百货大类页的设计思考稍作总结。

一大类中间页的机会。

首先从中间页说起，互联网商品信息的爆炸发展导致用户从海量的商品中找到自己的需要变得十分困难，从人类理解事物的有效方式来说，按照一定的逻辑归类才是靠谱的做法，大类页应运而生。这种“类”包含的不仅仅是商品本身的属性（比如个人护理男士护理剃须等），还包括用户特征（如母性驱动购买宝宝商品）、行为特征（喜欢新的东西）、产品本身特征（如除湿功效）甚至是商业赋予它的属性（热捧的苹果等）。

相比较易迅原有的数码家电类商品而言，百货类商品的类别和数量非常庞杂，对于用户而言，要买一样东西的成本很低，但是能够想要到易迅来买百货商品并转化为老用户甚至活跃用户，并不是一件容易的事。目前百货类的商品更多零散地分布在页面的非核心位置，用户更多是通过分类去找，而大类页可以承载不同用户购买商品的不同需求，具有针对性的内容搭建有利于形成用户回访。

对于运营而言，需要固化页面承载流量并且分配到给重点单品、搜索、活动、专题等等，大类页可以通过丰富购物线索使用户分流到下一流程。

对于平台而言，品类的扩充势必会带来女性用户的增长，她们在购买时的非理性因素意味着在挑选时没有那么强的目的性，并且容易受推荐性内容、口碑性内容、新鲜内容的影响，这类人在挑选时更加需要一些商品属性以外的东西来帮助做决策，通过常规品类细分和不断搜索已经不能够满足她们的需求，那么大类页可以提供这类用户一个稳定的、可以通过多元化线索找到商品的地方。

二百货类商品用户类型。

百货类商品跟日常生活、跟自身的身体需要和心理需要紧密联系，

通过挖掘用户对于不同品类的不同诉求以及诉求的不同程度，可以看到，会产生逛大类页需求的用户主要集中在基于某种身体需求（清洁皮肤、清洁环境、饮食……）或者某种心理需求（学习、扩充视野、尝鲜……）上的目标不太明确、以及跟风从众的人群上。

比如，才烫了头发，不想去洗发店修护太贵，就打算在网上找找好一点的洗发水，具有修护作用的；再比如，换季了，看看有啥新出的护肤品刚好可以用的。

对于有一定目标的用户来说，基于想要解决的问题发散出一些相关因子帮助用户做决策，比如突出功效作用、针对性别年龄的一些推荐、季节性推荐、同类商品对比、人气商品、好评商品等等。对于目标模糊的用户来说，更需要建立情景导购或者热门话题（比如近期了不起的盖茨比这部电影很火，感兴趣的用户可以买原版书来看看等等）、并通过一些大型促销、新品曝光、热销商品、口碑商品让用户觉得有东西值得买。

三激发用户购买线索搭建。

基于以上大类页的一些用户特征，在内容的搭建上主要以帮助有一定目标用户做决策和吸引更多目标模糊的潜在用户，在设计上有以下几点值得注意：

1场景化导购，围绕话题打包推荐。

例如，用户小丁买的一个包裹到了，快递员来敲门，很可能小丁已经忘记自己买的什么东西，还要看看快递地址回想下。这种事情放在一两年前几乎是不可能的，因为曾经的购物方式是，用户发现需要买什么，在网上到处比比价，然后满心期待包裹早点到来。然而现在加上移动端的扩张，网购已然成为一个高频习惯，用户随时随地都可能打开网站，加上对味的购买场景，购物欲望会被瞬间激发。

拼价格的时代已经优势不如从前，就促销活动而言，一号店甚至京东在用户心目中的地位更高，并且用户更换网站购买的成本非常低，单纯再走依靠价格撬动用户的打法已经不能够给网站带来优质和稳定的资源。

百货类商品单价低、类目繁杂的特性很适合通过一些维度组织起来打包推荐给用户。核心点在于挖掘出用户日常生活中需要解决的问题，针对这些问题，为他们提供解决方案。比如创建导购性质的专题，告诉用户为什么买？怎么挑？这样能给用户留下专业的导购印象，从而促进用户购买；再比如根据不同的事件场景推荐不同的商品，前提是这些场景是热议的或者是贴近当下用户生活的，或者是解决实际问题的。

为说设计是网站的肢体语言

designmodo网站上曾发表了一篇文章《whyisdesignthebodylanguageoftheweb?》，文中称，演讲者通过肢体语言可以使自己的表达更加充分，从而使听众更容易理解自己，设计者设计的网站就是互联网的肢体语言，好的网站可以使用户尽得他们所需。那设计者又该如何设计互联网的这一肢体语言呢?我们对该文进行了编译，读完本文，或许你就可以找到答案。

好的网页不仅仅是有一个好的外表，它还要将信息传达给用户，这可能要比起好看的外表重要得多。设计视觉信息包括文本内容，它们可使你想要传达信息更容易理解。考虑到这些，对于来访问你网站的人，你需要掌握链接的方法，除了知道他们想要什么，和他们正在找什么，你还要知道如何让他们更方便地找到这些需要的信息。不管我们的服务对象是网络达人还是网络文盲你都要找到一种方法去符合这两类人的搜索。

网页设计被比喻为网络的肢体语言，我对此观点非常赞同。一旦你掌握了不用言语，在进行交流的同时，也可以通过网络设计来传递信息，因此一个设计者不仅仅是一个拥有技术和创造力的人，他更是一个好的交流者。它能够传递出他的信息，让我们明白，但是网络确实是沟通的障碍。

肢体语言和网络设计——他们真的有共同之处吗?

我们之中的一些人非常擅长肢体语言，适当地表达和动作可以使你成一个好的交流者。即使一个字都没有说出来别人都可以明白你的意思，所以你需要去掌握你的声音，眼神交流和手势，来让别人理解。但是，如果我们把这种方法应用于电脑，让它来传递信息又会怎样呢?让我们来想象一下，我们生活状态逐渐变为上网状态，我们可以找到我们能够想到的任何信息。基于此，我们要找到合适的资源。

不幸的是，只有少数的一些网站能与“肢体语言”相结合，能够让我们理解，

而其他那些充斥着各种各样的广告的网站则显得十分混乱，而且在困扰着我们。虽然，他们中的一些看起来有完美的科技和技巧，但是他们却没有通过视觉和交流来清晰地表达。

最快速度传达你最重要的信息。

网站首先是以用户为主。设计者需要了解用户在查找什么，因此要让用户使用方便。要想让用户使用方便我建议创建一个易于理解的导航。各种报刊杂志最重要的新闻信息应该用倒立的信息金字塔来显示。

这说明首先以最快的速度传递最重要的信息(这就是这个金字塔的底部)，最终以一些额外的细节结束，不管有多少。这样可以何使交流变得成功，并且在我看来，每一个网站设计师都应该把这种方法考虑到设计之中。

使你的网站易于浏览，让用户通过直觉可以最快地找到最重要的信息，你的导航条应该设计的简单易用，而不是做得很花哨。即使它看上去很可爱，但有时也会成为用户的困扰。

眼神交流也是很重要的。

肢体语言当中的眼神交流和手势是交流中很重要的一点。同样也适用于网站，这唯一的不同就是你要使用其他的工具来展现它们。努力把重点关注的信息集中，努力将你认为用户最需要的信息集中。比如说，你有一个网站适用于做外卖，这个菜单和电话号码是最重要的信息，要让客户最快找到他想要的。

并且不要强制将一些社会相知的媒体或者没用的广告强加给你的用户，因为这样很打扰人。试图用颜色按键或者其他不同的方法来凸显某一个板块的关注度。

需要集中关注什么。

这一点是我综合以上最需要强调的一点，虽然关住用户所关注的信息很重要，但是不要强加于人。按照先后顺序排列同样很重要，对于我之前说过的工整网站设计决定什么是最重要的，和什么信息是你最先要传达的，而且关注他用上你所有能做到的方法(使用图片和媒体等等)。

肢体语言并不是经常被我们所注意到。它是我们自然而然的、下意识的表达，让我们试图理解别人要说的是什么。在网络设计的应用中也会出现很多同样的情况。例如，我们看到一个讲话者，由于他奇怪的动作，不能正确的理解他表达的意思。我们能确切的指出一个不好的设计，因为它不能给我们想要的东西，如果这个设计不能与需求一致，它传递出的信息是混乱，而这些确实不是我们想要的。

一般情况下，我们需要的不仅仅是语言上的交流。当肢体语言成为一种符号时会和网络设计是一样的。我们可能会有最好的内容在网站上，但是如果我们不能把它展示出来，并且被公共的交流，人们理解我们就是不可能的。(csdn张祺/编译)。

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

我们先从上了解三组概念：

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

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

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

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

首页的用户需求。

首页的用户大体说来可分为三类：不了解的新用户、有兴趣的新用户、老用户。

对于新用户而言，他们势必会问到这些问题：

我在这能做些什么？

这个网站能提供哪些对我很重要的东西？

对于已经有兴趣的用户也会有些其他的疑问：

我应该怎么开始？

我是否必须注册？如果是，应该怎样注册？

总得来说，首页应该解答新用户的疑惑并且帮助他们找到功能的入口；而对于老用户，则需要更明显、快捷的登录入口。

首页的目标。

《designingforthesocialweb》一书将用户的使用分为几个步骤：不了解——感兴趣——第一次使用——常规使用——有情感。而首页对于前面三个步骤至关重要！

这样看来，首页有两个目标：

1.让不了解的用户了解网站并产生兴趣，最终促成用户使用。

2.让有兴趣的用户尽快开始使用。

首页的设计。

在实际工作中我们会碰到几种不同类型的工具型网站，针对其网站内容的不同，其首页的表现形式也大不一样。

集中应用型。

这类网站本质上是一组或者多组webapp，功能多且相对简单，不会产生大量用户数据。

1.核心结构。

将使用最多的功能展示在首页对于用户来说就是最快的入口。用户通过logo、banner、网站声明等了解网站性质，然后就是找到自己要的功能。

2.注册/登录模块。

因为用户不想分散精力去记起用户名和密码，或者是他们太专注在自己要做的事情上，原则上只在必要时才让用户登录。但如果大部分功能都需要先登录，那么在首页直接展示登录表单是有必要的。

3.案例。

58同城。

有两级目录：城市目录、功能目录。用户通过这两级目录很容易找到想要的功能。但使用这些功能大都不用注册，所以首页并没有明显的登录模块。

腾讯充值中心。

首页的核心模块依旧在目录结构，用户由此了解网站主要业务以及如何开始自己的任务。

去除一些运营性需求，可以得到一个更加纯粹的充值网站：

数据管理型。

这类网站本质上一个大的webapp，

功能流程复杂，会产生大量数据，往往承载了强大的数据管理功能。

核心框架。

为了方便用户掌控及管理自己创建的内容，首页的策略一般会先引导用户创建账户或下载客户端（下载客户端的下一步也是注册），然后再开始任务。为了说服用户开始任务，它一般会包括以下几个模块：

价值声明：说明网站提供的功能及意义，快速打消访问者疑虑。

投入产出：告诉用户能得到什么，使访问者对产品的使用有预期，并建立信心。

视频介绍：让用户快速全面地了解网站。

权威推荐/典型用户：让用户产生同理心，增强对产品的信赖。

行动号召：当访问者产生兴趣时，适时地让他们开始使用。

这些模块其实分三个等级层层深入地说服用户使用产品：

尽管列出了这些模块，但实际情况中并不都必要，最终得看用户对产品的信心。evernote在等级一就能说服用户，dropbox的页面则只有一个视频介绍。

1.注册/登录模块。

这个问题更多地取决于产品的商业目标。受产品策略的影响，同样是拥有大量已注册用户且用户登录频繁的产品，gmail的首页强调登录，而facebook的首页则强调注册。我们也看到115网盘和华为网盘的首页明显就不同：

但无论如何，登录模块最好不要跳转页面，否则会增加老用户的操作成本。

2.案例。

mailchimp。

首页包含价值声明、投入产出、视频介绍、典型用户、行动号召等模块，极力说服用户开始使用产品。

独立操作型。

这类网站往往是一个几步就能完成任务的小型webapp。

1.核心框架。

往往只有几个简单的控件和操作说明就能完成任务。由于使用成本不高，用户也会很乐于尝试使用。

2.注册/登录。

这类网站一般不需要注册或是简单的注册，也可以将注册需要的内容贯穿在任务操作中从而摒弃注册模块。

3.案例。

minus。

用户进入页面后能很快理解这是个分享类网站，只要将图片拖入到网页中并填写资料即可开始使用。

senduit。

简单的步骤指引告诉用户网站的功能和操作方式，使用时无需注册。

结语。

网站的首页需要回答用户一些非常重要的问题，才能让新用户愿意使用我们的产品。

本文主要探讨了工具类网站首页的设计目标以及三种设计框架。而在实际项目中还需对更具体的场景进行分析、考虑运营性的需求、对单个模块的交互进行推敲，最终才能得到一个能吸引用户、留住用户的有效首页。

将本文的word文档下载到电脑，方便收藏和打印。

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

我们先从上了解三组概念：

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

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

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

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

首页的用户需求。

首页的用户大体说来可分为三类：不了解的新用户、有兴趣的新用户、老用户。

对于新用户而言，他们势必会问到这些问题：

我在这能做些什么?

这个网站能提供哪些对我很重要的东西?

对于已经有兴趣的用户也会有些其他的疑问：

我应该怎么开始?

我是否必须注册?如果是，应该怎样注册?

总得来说，首页应该解答新用户的疑惑并且帮助他们找到功能的入口;而对于老用户，则需要更明显、快捷的登录入口。

首页的目标。

而首页对于前面三个步骤至关重要!

这样看来，首页有两个目标：

1.让不了解的用户了解网站并产生兴趣，最终促成用户使用。

2.让有兴趣的用户尽快开始使用。

首页的设计。

在实际工作中我们会碰到几种不同类型的工具型网站，针对其网站内容的不同，其首页的表现形式也大不一样。

集中应用型。

这类网站本质上是一组或者多组webapp，功能多且相对简单，不会产生大量用户数据。

1.核心结构。

将使用最多的功能展示在首页对于用户来说就是最快的入口。用户通过logo、banner、网站声明等了解网站性质，然后就是找到自己要的功能。

2.注册/登录模块。

因为用户不想分散精力去记起用户名和密码，或者是他们太专注在自己要做的事情上，原则上只在必要时才让用户登录。但如果大部分功能都需要先登录，那么在首页直接展示登录表单是有必要的。

3.案例。

58同城。

有两级目录：城市目录、功能目录。用户通过这两级目录很容易找到想要的功能。但使用这些功能大都不用注册，所以首页并没有明显的登录模块。

腾讯充值中心。

首页的核心模块依旧在目录结构，用户由此了解网站主要业务以及如何开始自己的任务。

电商网站的功能模块:商品评价功能设计

对于消费者而言，要买一样商品，或多或少都会受到他人的影响，各种各样的信息聚合在消费者的脑中，它们共同影响了一单交易的发生，这其中很重要的一类信息就是别人的商品评价。

商品评价大致分两类，一类是商品评分，现在一般是五颗星的打分标准，另一类是商品评论，主要由消费者的评论组成。

一、商品评分。

评分通常是用五颗星来快速打分，用户的操作很直观，不需要给出具体的分数，直接点击星即可。

从打分的过程来看，可以把星级细化，分为好评、中评和差评三类，如下图中的娜拉、京东、1号店，如果进一步细化，可以类似无名良品的非常满意、满意、一般、不满意、非常不满，更可以是类似凡客这种的分项目打分，例如综合评分、外观评分、舒适度。

从打分的结果来看，可以直接用星来显示平均打分，例如下图中的麦包包、梦芭莎、京东、凡客，也可以增加分数的显示，例如下图中的无名良品某产品评分为4.7分。

二、商品评论。

简单的做法就是用户只能发自己的评论，评论不允许回复，例如下图中的麦包包、梦芭莎、无名良品和娜拉。

复杂一点的做法可以再增加有用没有的评价按钮，如下图中的1号店的做法，用户除了自己发布商品评论外还可以对其他用户的商品评论进行评价，这样做的好处就是增加商品评论的可信度。举个例子来说，用户a想买一样商品，但是却在产品页的商品评论中看到一个差评，此时这个差评的描述可能会对a的购买产生很大影响，如果这个时候他看到这个差评的旁边其他用户给他的无用评价数很多，那a很有可能会忽视这个差评，相反的，给它的有用评价数很多，那a就会更重视这个差评。

更复杂一点的做法可以继续增加回复的功能，如下图中的京东和凡客，用户可以回复其他用户的商品评论，一般情况下这种做法适用于购买因素比较复杂的产品。下图中的京东截图就是以某笔记本的产品页，它下面的评论以及回复就很多。

除此之外，商品评论也可以和商品评分结合起来，例如1号店和京东的做法，按照好评、中评和差评对评论进行分类，特别是在评论很多的时候，分类查看会给用户提供很大的便利，当然，这也适用于购买因素比较复杂的产品，用户购买时需要参考更多更全面的意见，比如说笔记本电脑。

从下面列举的几个网站来看，有些网站把商品评价做的很简单，如麦包包，也有些网站把商品评价做的很复杂，如京东，简单或复杂没有绝对的好差之分，主要还是要参考用户的需求。

想要下面这张图片的朋友可以在我的博客文章里直接点开图片即可看到原图，也可以在我的博客文章下面留下你的邮箱，我会发送到你的邮箱。