网站的设计教案（汇总17篇）

教学工作计划的制定需要充分考虑学生的特点和学习需求，以达到最佳的教学效果。下面是一些教学工作计划范文，希望对大家的教学工作有所帮助。

设计网站的心得体会

在现代社会，设计网站已经成为了一项十分重要的技能。它不仅能够让我们的网站变得更加简洁美观，更能够提升用户的体验，为我们的网站带来更多的流量和收益。在设计网站的过程中，我们需要考虑很多因素，例如用户需求、用户友好性、可访问性等等。本文将分享我的设计网站心得体会，并从五个方面进行探讨。

第二段：了解用户需求。

用户需求是我们设计网站时的首要考虑因素。我们需要充分了解我们的用户，并考虑他们的需求。比如，我们设计的网站是用于销售产品的电商网站，我们需要了解我们的目标用户，他们都是什么年级、性别、职业等等，他们的需求是什么，他们在使用我们的产品时最关心的是什么。只有充分了解了用户需求，才能设计一个能够吸引他们的网站。

第三段：提高用户友好性。

提高用户友好性是另一个设计网站时必须考虑的因素。我们需要设计一个简单易懂的用户界面，让用户能够快速地找到他们需要的信息。此外，我们还应该考虑网站的排版，让用户从上到下、从左到右地扫视页面，帮助他们更好地理解信息。用户友好性还包括响应速度和互动性等等。我们应该让网站响应速度尽可能快，提供交互性功能，例如搜索框和卡片式布局等等，从而提高用户体验。

第四段：确保可访问性。

除了用户友好性，另一个重要的考虑因素是可访问性。我们的网站应该能够为所有人提供平等的访问权利，包括身体上有障碍的人士。因此，我们应该确保网站的内容能够被屏幕阅读器读取，同时也要为使用键盘导航的用户提供方便的操作方法。我们还应该考虑色盲和其他视觉障碍的用户，选择适合他们的配色和字体。

第五段：适应不同设备和浏览器。

最后一点，我们需要确保我们的网站能够适应不同的设备和浏览器。随着移动设备和笔记本电脑越来越普及，我们的网站设计必须能够适应不同的屏幕尺寸和分辨率。我们应该使用响应式设计，确保网站可以适应不同的设备。此外，不同的浏览器也有不同的兼容性问题。我们需要对不同的浏览器进行测试，以确保网站的兼容性。只有适应不同设备和浏览器，我们的网站才能够被更多的用户访问和使用。

结论：

通过以上五个方面的介绍，我们可以总结出设计网站的心得体会：了解用户需求、提高用户友好性、确保可访问性、适应不同设备和浏览器。只有将以上因素充分考虑，我们的网站才能够达到更好的用户体验，吸引更多的用户。因此，在设计网站时一定要认真考虑以上因素，始终保持耐心和刻苦精神，从而设计出一款成功的网站。

行业网站的最佳设计方案

引言：

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

宠爱一身宠物网系统是基于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格式。

设计网站的心得体会

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

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

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

第二段：网站结构。

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

第三段：网站内容。

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

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

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

总结。

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

网页设计之网站的分类

界面设计对网站的重要性

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

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

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

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

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

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

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

设计网站的心得体会范文

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

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

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

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

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

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

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

设计网站的心得体会

近年来，随着互联网的不断发展，人们对网站的需求也越来越高。设计一个好的网站是一个综合性强的工作，需要对网站本身的特点、用户的需求、交互设计等方面进行深入的研究。作为一个拥有多年网站设计经验的人员，本人深深地认识到了设计网站的重要性，同时也积累了不少经验，这些经验值得分享，本文将重点为大家分享设计网站的心得和体会。

第二段：网站设计的重要性。

网站设计是一项综合性工作，因为它不仅仅要考虑到网站的整体布局，还要考虑每一项功能的互相影响。好的网站设计不仅能让用户更好地使用网站，更能让用户更好地了解产品或服务，提高用户的好感和忠诚度。在设计一个网站时，我们首先要思考的是用户的需求和需求背后的心理，这是设计过程最重要的一环。

第三段：网站设计的主要元素。

网站设计的主要元素包括布局设计、色彩运用、视觉效果、互动设计等方面。首先，网站的布局是最简单也是最重要的元素之一，它直接影响到用户找到所需信息的速度和准确度。其次，在网站色彩运用方面，我们需要遵循色彩的基本原理，挑选合适的色彩组合和使用。此外，视觉效果的应用也非常重要，好的视觉效果可以增加网站的专业感和品质感。对于互动设计来说，我们需要根据用户的需求和行为习惯来设计相关的功能，加强用户体验和减轻用户学习成本。

在进行网站设计时，我们需要不断地尝试，不断地根据用户的反馈来进行改进。我们要注重平衡，因为任何一项元素的问题都可能会影响整个网站的品质，而一个良好的网站设计需要各个方面的协同运作。合理的布局、适当的色彩搭配、清晰的界面和流畅的交互，最终都需要在用户的使用反馈中检验。我们要不断地跟进用户反馈，让网站灵活变化，最终达到最好的效果。

第五段：总结。

网站设计是一项综合性的工作，需要我们对网站的特点、用户的需求、交互设计等方面进行深入的研究。好的网站设计能让用户更好地使用网站，提高用户的好感和忠诚度。在进行网站设计时，我们需要注重平衡，合理地考虑各个元素之间的协同作用，灵活地变通，不断地跟进用户反馈。最终，我们期待能设计出一款既能满足用户需求，又能提高网站品质的优秀网站。

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

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

【学情分析】。

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

【教学目标与要求】。

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

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

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

【教学方法与手段】。

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

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

【教学准备】。

相关网址，教学课件等。

【教学过程】。

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

游戏：比赛打开网站。

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

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

1.收藏夹。

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

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

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

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

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

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

2.历史记录。

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

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

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

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

3.网址列表。

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

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

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

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

方法优点缺点适用情境。

收藏夹。

历史记录网址列表。

交流：小组间讨论交流。

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

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

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

设计网站的心得体会范文

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

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

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

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

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

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

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

网站的设计求职信

尊敬的xx人事经理：

您好!

本人xx年从事互联网行业，先后做过设计部经理，推广部经理，产品经理。善于辨证的分析和思考问题，具有较强的组织协调能力;具有市场分析决策、接受新事物能力较强;先后曾带领过团队策划并实施中彩网首页、论坛、彩民之家等页面的改版。312健康网托玛琳、水益生、高血压治疗仪等产品的策划制作与推广。

工作四年，奠定了我扎实的专业知识和丰富的互联网经验。使我成为一个互联网内的一个复合型人才。在专业上：精通美工，搜索引擎优化(seo)，熟悉(asp，php)，可以独立完成中，小型网站的设计、开发与推广。对门户网站、电子商务网站、招生加盟类网站都有独特的见解。在团队建设，协调处理突发事件，工作质量进行监督验上也积累了丰富的工作经验。

最后感谢您在百忙之中抽暇审批这份材料。随信附上我的。

求职简历。

期待与你的面谈!

祝贵公司蓬勃发展，事业蒸蒸日上!

此致

敬礼

应聘者：xxx。

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

网站的结构设计:网站的URL设计注意的八...

对于一个网站的结构来说，url的设计也非常的重要，在url设计时我们应该事先做好规划，应该从用户体验和搜索引擎蜘蛛体验出发，在总体上边应该做到url清晰、友好、方便记忆，然后还要适当的考虑对于搜索引擎排名的影响，具体来说，url设计时我们要从下边几点来着手：

1、url越短越好。

这样做主要是为了用户体验，其实对于搜索引擎来说，不超过1000个字母都没有问题，可是如果不考虑用户体验，确实真的用了非常长的url的话，用户看起来就有些麻烦了，甚至会马上离开你的网站，曾经有人做过这方面的试验，在搜索引擎的搜索结果中，一个较短的url出现在一个较长的url下边时，较短的url的点击率是较长的url的2.5倍，而且较短的url也比较有利于复制与传播。人们都比较喜欢简单的东西，特别是现代，人们不喜欢太复杂的东西，能简单就简单。所以网站的url要尽量的短。

2、url中避免太多参数。

在进行url设计时，我们尽量使用静态的url，虽然现代的主流搜索引擎都能够很好的去索引带有参数的动态网页了，可是，使用静态的url还是有一定的优势的，如果由于某些原因，不能使用静态的url，而不得不使用动态的url时，设计的则是url中的参数应该尽量减少，不要超过三个，一般的情况下url中的参数2-3个就可以了。参数太多了不但用户看起来困难，对搜索引擎的索引可能也会造成一定的问题。所以，能使用静态就使用静态的url，能短就尽量短。

3、目录层次尽量少。

这里所指的目录层次是指物理目录结构，而不是指逻辑结构，我们在进行url的设计时，网站的结构要尽量的去减少目录层次，层次不能太深了，一般建议不要超过三层，特别对于一些新站来说，权重低，搜索引擎蜘蛛爬行得很浅，深一点的页面，蜘蛛都很可能不会去爬行的，所以要尽量的做到使目录层次减少，url缩短。根据观察，百度尤其比较喜欢目录层次比较少的页面。

4、文件名及目录名要具描述性。

例如一个关于新闻的目录，我们可以把它命名为news，用户看到这个目录名称，大概就知道这个目录是关于什么内容的了。

5、url中包含关键词。

关键词出现在url中，可以提高一定的相关性，尤其对于优化英文网站，这点非常的重要，而且关键词出现在url的位置越靠前越好，也就是说出现在域名中最好，其次是出现在目录名中，最后才是出现在文件名中。注意一点的是不过不要出现关键词堆积的现象。例如许多朋友的seo博客，在网站的域名中就包含了seo，这对于关键词的排名来说，具有一定的权重优势。

6、url中的字母全部用小写。

这里有以下原因：

(1)、全部用小写，用户比较容易输入，不用因为大小写混合而出现错误，这是人们的输入习惯。

(2)、有些服务器是区分大小写的，例如lunix服务器，这样在站长做链接或者是用户输入时，会因为大小写的问题而出现404错误，而且robots也是区分大小写的，如果大小写搞错了，可能会造成不能收录的严重问题。所以建议所有的url都使用小写。

7、连词符的使用。

目录或者文件名中如果有两个单词组成时，一般建议中间使用中划线(-)隔开，切记不要使用下划线或者其他字符，在搜索引擎中，它是把中划线当作一个空格来处理的，而下划线则是被忽略的，例如seo-lunwen会被读成seo与lunwen。这是比较友好的写法。

8、使用目录形式还是文件形式。

大部分的cms系统都可以把页面的url设置为目录或者文件形式，有些朋友认为目录形式比文件形式权重要高一点，无论使用哪种形式的url，权重应该是差不了多少的，基本可以忽略二者之间的权重差异，使用目录形式有一个优点，以后如果更换其他的编程语言，url也可以不用变化，也不用经过特殊的处理，而文件形式的url可能文件的扩展名会变化，需要做一定的url重写处理。

上边是一个网站的url在设计的时候，应该注意的八个问题。在设计url时，只有严格的按照这几点来操作就可以了。网站的url设计得好，不但利于蜘蛛的爬行，而且用户看着也简单、易懂。

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

摘要:题记：从进入公司至今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。在面对大量数据时，让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安。

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

功能设计之我见。

一级准备。

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

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

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

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

功能的平台表现形式。

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

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

在智胜广告平台(adwin)的设计中，用户登录后便直接进入“个人首页”，在这里我们需要放置本平台最基础同时也是用户所有活动的出发点：创建广告。因此我们有理由在这个页面强调该入口，使它即能对新用户起到传达本平台的最大功能同时引导操作的作用，又能让老用户在登录之后直奔工作主题。

根据实际业务的不同，对待某些重要的业务流程，设计师在理解业务的基础上，完全有必要跳出以往常规控件的束缚，为产品专门定制设计方案。比如为排期与资源专门设计的特别定制、视频广告的关联设置等。

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

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

功能的增值设计。

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

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

数据的处理。

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

分角色显示数据。

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

数据搜索与过滤。

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

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

数据本身的展现形式。

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

用户自定义。

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

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

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

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

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

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文档下载到电脑，方便收藏和打印。

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

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

为什么要单独定义它?

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

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

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

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

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

在五个层级上的区别：

结构层的区别示意图：

表现层的区别示意图：

总结：

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

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

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

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

网站的结构设计:网站的URL设计注意的八...

垃圾邮件基本的网络礼节，何时何地对任何人，电子邮件都是让人不能容忍的，发垃圾邮件的软件，但是不要相信他们。招来敌人而不是朋友站点被大的isp禁止导致最后的流量的丢失主要使用这样的情况如果出现了马上改正。

第三。

提交搜索引擎花太多钱提交到500个搜索引擎要花多少钱，一个专业人士来提交你的站点，最多花几百块钱就可以得到仔细和全面的服务，关于所有完成的事情的文档，自动回复电子邮件。等等一些好一点的内容，一些不好的行为极度恶劣，不推荐坚决不推荐，注意一下自己的形象，方法网站不正当的不要去做。

第四。

彻底完工再提交，确认你的网站完美无缺确认之后然后再去提交给搜索引擎。注意百度谷歌各有收录特点，没有建好千万不要去提交。ok接下来往下看。

第五。

不能去做做了必死。

第六。

有一些测试页面放在web服务器上这些内容是不希望被公众看到的，搜索引擎会自动扩展并且索引你站点上的每一页，而你却保留了。没删除。汗郁闷可以建立robots协议告示他们不要去抓取就会按照规则办事。

总结：一旦你完成搜索引擎的提交，搜索引擎根本没有注册上，一直寻找愿意为你提供不断尝试新的推广方式链接的新站点，坚持就是胜利。不过一个月如果没收录的话，相比的网站可能是别人建立的为什么不懂。因为robots协议在开始的时候根本就是屏蔽的协议。你就惨了，所以要检测，不要盲目。许多公司花费很多钱建设一个网站都是不容易的，没有技术不要胡来，胡来的话伤自尊，又伤心的，最后还不落好。让人家痛恨何必呢。六种网站推广注意问题一定要记住哦。

作者：古宏涛。