用户体验设计流程指南

用户体验设计流程指南TOC\o"1-2"\h\u22292第一章：用户体验设计概述 3245011.1设计原则与目标 389531.1.1设计原则 3256971.1.2设计目标 4221381.2用户体验设计的重要性 454871.2.1提高产品竞争力 4123551.2.2降低用户流失率 4210881.2.3增强品牌形象 4264151.2.4促进产品创新 4323781.2.5提高企业效益 48674第二章：需求分析与研究 5318742.1用户需求收集 5235652.1.1明确研究目标 5300422.1.2设计调研工具 5120602.1.3开展调研 5103742.1.4数据整理与分析 5248692.2竞品分析 5158452.2.1确定竞品范围 5297562.2.2收集竞品信息 525932.2.3分析竞品优势与不足 64242.2.4制定竞品分析报告 69252.3用户画像与场景构建 6183202.3.1确定用户画像维度 6214912.3.2收集用户画像数据 6176722.3.3构建用户画像 646692.3.4设计场景 6245002.3.5优化产品设计 621690第三章：交互设计 6100743.1交互逻辑设计 6318903.1.1需求分析 6120503.1.2设计原则 6298943.1.3逻辑框架设计 7289273.2动线规划 796123.2.1动线分析 763143.2.2动线优化 7101573.3交互元素设计 7126753.3.1视觉设计 8244693.3.2文字设计 8251033.3.3交互效果设计 89791第四章：界面设计 8250294.1视觉设计原则 856654.1.1对比与一致性 817144.1.2对称与平衡 812124.1.3层次与空间 9290164.1.4重复与节奏 9137034.2设计风格与规范 9205794.2.1设计风格 9310454.2.2设计规范 9171944.3设计工具与技巧 9176794.3.1设计工具 9228054.3.2设计技巧 1026257第五章：原型制作与验证 10239075.1原型制作流程 10264445.2原型测试与反馈 10230105.3原型迭代与优化 1132481第六章：用户测试与评估 11206246.1用户测试方法 11134846.1.1实验法 11274716.1.2用户访谈 1149186.1.3观察法 1166576.1.4任务分析法 1192936.2数据收集与分析 1168646.2.1数据收集 11252816.2.2数据分析 1213916.3用户反馈与改进 12304826.3.1反馈分类 12311196.3.2反馈评估 12324116.3.3改进实施 1220963第七章：可用性设计 13227757.1可用性原则 1321537.2可用性测试 1355587.3可用性优化 147634第八章：内容设计 14114258.1内容规划与组织 1495298.1.1明确目标 14156368.1.2分析用户需求 14242058.1.3内容分类 15136268.1.4结构设计 15238988.1.5导航设计 1521028.2文案撰写与优化 15263298.2.1文案风格 1547318.2.2语言表达 15187918.2.3信息传递 1514968.2.4优化文案 15166018.3内容呈现与交互 16171628.3.1视觉设计 16220858.3.2交互设计 16299158.3.3适应性设计 1624373第九章：前端开发与实现 1684559.1前端技术选型 1680369.2响应式设计 17177959.3前端功能优化 1726997第十章：项目管理与协作 18329710.1项目管理流程 181593710.1.1项目启动 181507410.1.2项目规划 181015810.1.3项目执行 181495910.1.4项目监控 181310410.1.5项目收尾 181653210.2团队协作与沟通 192083310.2.1团队结构 192156410.2.2沟通方式 191928810.2.3沟通内容 191860510.2.4沟通频率 191731210.3设计成果交付与维护 192691410.3.1设计成果交付 191023910.3.2成果验收 191790410.3.3维护与更新 202520210.3.4成果推广与应用 20第一章：用户体验设计概述1.1设计原则与目标用户体验设计（UserExperienceDesign，简称UXD）是一种关注用户在使用产品或服务过程中的感受、需求和期望的设计方法。以下为用户体验设计的基本原则与目标：1.1.1设计原则（1）以用户为中心：将用户需求作为设计的核心，关注用户在使用过程中的行为、情感和心理需求，力求为用户提供最佳的使用体验。（2）简洁性：遵循简洁的设计原则，避免过多复杂的元素和功能，使产品易于理解和使用。（3）一致性：保持界面、交互和设计风格的一致性，降低用户的学习成本，提高用户满意度。（4）可用性：关注产品的可用性，保证用户在使用过程中能够顺利完成目标操作。（5）可访问性：考虑不同用户群体的需求，保证产品对残障人士等特殊用户具有较好的可访问性。1.1.2设计目标（1）满足用户需求：深入分析用户需求，为用户提供满足其期望的功能和体验。（2）提高用户满意度：通过优化设计，提高用户在使用产品过程中的满意度。（3）降低用户学习成本：简化操作流程，降低用户学习成本，提高产品易用性。（4）增强用户忠诚度：提供优质的用户体验，让用户对产品产生信任和依赖，提高用户忠诚度。1.2用户体验设计的重要性在当今竞争激烈的市场环境下，用户体验设计越来越受到企业和设计师的重视。以下是用户体验设计的重要性：1.2.1提高产品竞争力用户体验设计关注用户需求，通过优化产品功能和体验，提高产品在市场上的竞争力。1.2.2降低用户流失率良好的用户体验能够提高用户满意度，降低用户流失率，从而为企业带来更多的用户和市场份额。1.2.3增强品牌形象优秀的产品体验能够传递出企业的专业素养和价值观，增强品牌形象。1.2.4促进产品创新用户体验设计鼓励设计师从用户角度出发，发觉潜在需求，推动产品创新。1.2.5提高企业效益用户体验设计能够提高产品转化率，降低运营成本，从而为企业创造更高的效益。通过深入了解用户体验设计的原则和目标，以及其重要性，设计师可以更好地为用户提供优质的产品体验，助力企业实现可持续发展。第二章：需求分析与研究2.1用户需求收集在进行用户体验设计的过程中，首先需要了解用户的需求。以下是用户需求收集的几个关键步骤：2.1.1明确研究目标在进行用户需求收集之前，需要明确研究的目标，以便有针对性地开展研究工作。研究目标通常包括了解用户的基本需求、期望以及用户在使用产品或服务过程中遇到的问题。2.1.2设计调研工具根据研究目标，设计合适的调研工具，如问卷、访谈提纲、观察表等。调研工具应具备以下特点：简洁明了、易于理解、能够全面收集用户需求信息。2.1.3开展调研在调研过程中，可以选择多种方式收集用户需求，如线上问卷、线下访谈、用户观察等。保证调研过程的严谨性和有效性，以获取准确的用户需求信息。2.1.4数据整理与分析调研完成后，对收集到的数据进行整理和分析，提取关键需求信息，为后续设计提供依据。2.2竞品分析竞品分析是了解市场上同类产品或服务的重要手段，有助于发觉竞品的优势与不足，为优化自身产品提供参考。2.2.1确定竞品范围根据产品定位和目标用户群体，确定竞品范围。竞品范围应包括直接竞品和间接竞品。2.2.2收集竞品信息通过查阅资料、体验竞品等方式，收集竞品的用户界面、功能、功能、价格等方面的信息。2.2.3分析竞品优势与不足对收集到的竞品信息进行分析，找出竞品的优势和不足，为后续产品优化提供方向。2.2.4制定竞品分析报告整理分析结果，形成竞品分析报告，为产品设计提供参考。2.3用户画像与场景构建用户画像与场景构建是了解用户需求、优化产品设计的重要手段。以下是用户画像与场景构建的步骤：2.3.1确定用户画像维度根据产品特点和目标用户群体，确定用户画像的维度，如年龄、性别、职业、收入等。2.3.2收集用户画像数据通过问卷调查、访谈等方式收集用户画像数据，保证数据的真实性和准确性。2.3.3构建用户画像根据收集到的用户画像数据，构建具体的用户画像，为产品设计提供参考。2.3.4设计场景根据用户画像，设计用户在使用产品过程中的场景，包括使用场景、任务场景等。2.3.5优化产品设计结合用户画像和场景，对产品进行优化设计，提高用户体验。第三章：交互设计3.1交互逻辑设计交互逻辑设计是用户体验设计中的关键环节，其目的是保证用户在使用产品过程中的操作流畅、自然。以下是交互逻辑设计的几个关键步骤：3.1.1需求分析在设计交互逻辑前，首先需对用户需求进行深入分析。了解用户在使用产品时希望实现的目标，以及可能遇到的问题。通过问卷调查、访谈、用户画像等方式收集用户需求。3.1.2设计原则在交互逻辑设计中，应遵循以下原则：（1）一致性：保证交互逻辑在各个页面和模块中保持一致，提高用户的学习成本。（2）简洁性：简化操作流程，减少不必要的步骤，降低用户操作难度。（3）直观性：让用户能够直观地理解操作结果，避免产生困惑。（4）反馈性：及时为用户提供操作反馈，让用户了解当前操作状态。3.1.3逻辑框架设计根据需求分析和设计原则，构建交互逻辑框架。该框架应包括以下内容：（1）功能模块划分：明确各功能模块的职责，保证模块间相互独立，便于维护和扩展。（2）操作流程设计：梳理用户在使用过程中的操作步骤，保证操作流程清晰、简洁。（3）异常处理：预设可能出现的异常情况，并为用户提供相应的解决方案。3.2动线规划动线规划是指在设计过程中，对用户在产品中的操作路径进行规划。合理的动线规划有助于提高用户的使用效率，以下是动线规划的关键步骤：3.2.1动线分析分析用户在使用产品时的操作路径，了解用户在不同页面之间的跳转关系。通过数据分析、用户访谈等方式收集用户行为数据。3.2.2动线优化根据动线分析结果，对现有动线进行优化。具体方法如下：（1）缩短操作路径：减少用户在操作过程中的步骤，提高使用效率。（2）优化页面布局：调整页面布局，使重要功能模块更容易被用户发觉和使用。（3）减少重复操作：避免用户在操作过程中重复输入相同信息，提高用户体验。3.3交互元素设计交互元素设计是指对产品中的按钮、图标、文字等交互元素进行设计，以下是交互元素设计的几个关键方面：3.3.1视觉设计视觉设计包括颜色、形状、大小等方面的设计。在交互元素设计中，应遵循以下原则：（1）一致性：保证交互元素在视觉风格上保持一致，提高用户识别度。（2）简洁性：简化交互元素的设计，避免过于复杂，降低用户的学习成本。（3）直观性：让用户能够直观地理解交互元素的含义和功能。3.3.2文字设计文字设计包括字体、字号、颜色等方面的设计。在交互元素设计中，应遵循以下原则：（1）清晰性：保证文字内容清晰可见，便于用户阅读。（2）简洁性：简化文字表达，避免冗长的描述。（3）易读性：选择合适的字体和字号，提高文字的可读性。3.3.3交互效果设计交互效果设计包括动画、音效等方面的设计。在交互元素设计中，应遵循以下原则：（1）适度性：合理运用动画和音效，避免过度设计。（2）反馈性：为用户提供明确的操作反馈，增强用户信心。（3）协调性：保证动画和音效与整体设计风格协调一致。第四章：界面设计4.1视觉设计原则界面设计是用户体验的重要组成部分，视觉设计原则在界面设计中扮演着关键角色。以下是一些基本的视觉设计原则：4.1.1对比与一致性对比是视觉设计中常用的手法，通过颜色、大小、形状等元素的对比，增强界面的层次感和视觉效果。同时一致性原则要求在界面设计中保持元素的一致性，包括颜色、字体、布局等，以提升用户的认知效率。4.1.2对称与平衡对称和平衡是视觉设计中常用的手法，它们有助于创造和谐、舒适的界面。在设计中，应遵循对称和平衡原则，使界面元素在视觉上保持稳定。4.1.3层次与空间层次和空间是界面设计中不可或缺的元素。通过合理划分层次和空间，可以引导用户更好地理解和操作界面。层次设计应遵循从上至下、从左至右的原则，空间设计则应注重留白的运用，使界面更具呼吸感。4.1.4重复与节奏重复和节奏是增强界面视觉效果的有效手段。在设计中，可以适当重复某些元素，如颜色、形状、图标等，以创造视觉节奏。同时节奏的把握应遵循视觉舒适原则，避免过于频繁或杂乱无章的重复。4.2设计风格与规范设计风格与规范是界面设计的重要组成部分，以下是一些关键点：4.2.1设计风格设计风格是界面设计的外在表现，包括颜色、字体、布局等。在确定设计风格时，应充分考虑品牌特性、用户需求和市场趋势。设计风格应具有以下特点：独特性：彰显品牌特色，与其他竞争对手形成差异化；专业性：符合行业规范，展现专业素养；易用性：界面清晰简洁，易于用户操作。4.2.2设计规范设计规范是界面设计的基础，包括界面布局、色彩搭配、字体选用等。以下是一些建议：布局规范：遵循栅格布局原则，保持界面元素整齐有序；色彩规范：使用符合品牌形象的色彩，避免过多色彩的使用；字体规范：选择易读性强的字体，保持字体大小、行间距的适中。4.3设计工具与技巧为了更好地进行界面设计，以下是一些常用的设计工具与技巧：4.3.1设计工具Photoshop：主要用于图像处理和界面设计；Sketch：矢量设计工具，适用于界面设计和原型制作；Figma：在线协作设计工具，支持多人实时编辑；Axure：原型设计工具，用于制作交互式原型。4.3.2设计技巧留白：适当留白，使界面更具呼吸感；图标设计：使用简洁明了的图标，增强界面视觉效果；动效设计：合理运用动效，提升用户体验；交互设计：关注用户操作习惯，优化交互流程。第五章：原型制作与验证5.1原型制作流程原型制作是用户体验设计流程中的一环。以下是原型制作的基本流程：（1）需求分析：在制作原型之前，首先需要对用户需求进行深入分析，明确设计目标、功能需求、用户行为等因素。（2）设计稿绘制：根据需求分析结果，设计师需要绘制界面设计稿，包括布局、色彩、图标等元素。（3）原型工具选择：选择合适的原型工具，如Axure、Sketch等，以便快速构建原型。（4）搭建原型：根据设计稿，使用原型工具搭建界面原型，包括页面布局、交互逻辑等。（5）完善细节：对原型进行细节处理，如交互效果、动效、图标等，使原型更加完善。（6）审查与修改：团队成员对原型进行审查，提出修改意见，优化设计。5.2原型测试与反馈原型测试与反馈是保证设计质量的重要环节。以下是原型测试与反馈的基本步骤：（1）选择测试用户：根据用户画像，选择具有代表性的测试用户。（2）制定测试任务：为测试用户制定一系列操作任务，以检验原型功能的完整性。（3）进行测试：测试用户按照任务要求操作原型，记录操作过程中遇到的问题。（4）收集反馈：测试结束后，收集用户对原型的反馈意见，包括优点、不足及改进建议。（5）分析反馈：对收集到的反馈进行整理、分析，找出问题所在。5.3原型迭代与优化原型迭代与优化是不断完善设计的过程。以下是原型迭代与优化的基本步骤：（1）根据反馈修改原型：针对测试反馈，对原型进行修改，优化设计。（2）再次测试：修改后的原型进行新一轮的测试，以验证优化效果。（3）持续迭代：根据测试结果，不断迭代优化原型，直至满足设计要求。（4）最终确认：经过多次迭代，原型达到预期效果，进行最终确认。（5）交付开发：将确认后的原型交付开发团队，开始产品开发过程。第六章：用户测试与评估6.1用户测试方法用户测试是用户体验设计流程中的一环，它有助于评估产品或服务的可用性和易用性。以下是几种常见的用户测试方法：6.1.1实验法实验法是通过设定特定的实验场景和任务，观察用户在完成这些任务时的行为和反应。实验法可以控制变量，从而更准确地评估用户对产品的反应。6.1.2用户访谈用户访谈是一种定性研究方法，通过与用户进行面对面或远程访谈，了解用户的需求、期望和体验。访谈过程中，研究人员可以深入了解用户在使用产品过程中的痛点、满意点以及改进意见。6.1.3观察法观察法是在用户自然使用产品的环境中，观察用户的行为和互动。这种方法有助于发觉用户在使用过程中遇到的问题，以及用户与产品之间的互动模式。6.1.4任务分析法任务分析法是将用户使用产品的过程分解为若干个任务，分析用户在完成这些任务时的表现。这种方法有助于评估产品在特定任务上的可用性和易用性。6.2数据收集与分析在用户测试过程中，收集和分析数据是关键环节。以下是一些数据收集和分析的方法：6.2.1数据收集（1）用户行为数据：通过用户行为跟踪工具，如GoogleAnalytics、Mixpanel等，收集用户在使用产品时的行为数据。（2）用户反馈：通过在线问卷、访谈、社交媒体等渠道收集用户对产品的反馈。（3）专家评估：邀请行业专家对产品进行评估，收集专家意见。6.2.2数据分析（1）定量分析：对收集到的用户行为数据进行分析，如用户访问时长、跳出率、转化率等。（2）定性分析：对用户反馈、访谈记录等文本数据进行主题分析和情感分析。（3）用户画像：根据用户特征和行为数据，构建用户画像，为产品优化提供依据。6.3用户反馈与改进用户反馈是产品改进的重要来源。以下是如何处理用户反馈并实施改进的方法：6.3.1反馈分类将用户反馈分为以下几类：（1）功能建议：用户对产品功能的改进建议。（2）设计优化：用户对产品界面和交互设计的改进意见。（3）功能问题：用户在使用过程中遇到的技术问题。（4）其他：其他与产品相关的反馈。6.3.2反馈评估对收集到的用户反馈进行评估，判断其重要性和可行性。评估标准包括：（1）用户需求的紧迫性：反馈是否涉及产品核心功能或用户体验的关键环节。（2）实施难度：反馈是否容易实施，是否需要大量资源。（3）预期效果：改进后是否能显著提升用户体验。6.3.3改进实施根据反馈评估结果，制定改进计划，并按照以下步骤实施：（1）明确改进目标：确定改进的具体目标和预期效果。（2）设计改进方案：根据用户反馈，设计相应的改进方案。（3）开发与测试：实施改进方案，并进行测试，保证改进效果。（4）发布与跟踪：将改进后的产品发布，并持续跟踪用户反馈，以便及时调整。通过以上步骤，不断优化产品，提升用户体验。第七章：可用性设计7.1可用性原则可用性设计是用户体验设计的重要组成部分，以下为可用性设计的基本原则：（1）一致性原则：保持界面元素的一致性，包括布局、颜色、字体、交互方式等，以降低用户的学习成本。（2）简洁性原则：界面设计应简洁明了，避免过度修饰和冗余信息，让用户能够快速找到所需内容。（3）易用性原则：界面设计应易于操作，避免使用复杂的交互逻辑，让用户能够轻松完成任务。（4）反馈原则：为用户提供及时、明确的反馈信息，让用户了解操作结果，提高用户满意度。（5）容错性原则：考虑用户可能出现的误操作，提供合理的错误提示和恢复方式，降低用户操作风险。（6）可访问性原则：保证界面设计符合不同用户的需求，如色弱、听力障碍等，提高产品的普及性。7.2可用性测试可用性测试是评估产品可用性的重要手段，以下为可用性测试的主要步骤：（1）制定测试计划：明确测试目的、测试对象、测试场景等，保证测试的全面性和有效性。（2）选择测试方法：根据产品特点和测试目标，选择合适的方法，如用户访谈、任务测试、启发式评估等。（3）准备测试材料：根据测试方法，准备相应的测试材料，如测试任务、问卷、观察记录表等。（4）实施测试：在测试环境中，让测试对象完成预定的任务，观察并记录用户行为和反馈。（5）分析测试结果：对测试数据进行整理和分析，发觉产品存在的可用性问题。（6）撰写测试报告：总结测试过程、结果和改进建议，为产品优化提供依据。7.3可用性优化在可用性测试的基础上，针对发觉的问题进行优化，以下为可用性优化的主要策略：（1）优化界面布局：调整界面布局，使信息呈现更加清晰、有序，提高用户查找信息的效率。（2）简化操作流程：优化交互逻辑，简化操作步骤，降低用户完成任务的成本。（3）增强反馈信息：提供及时、明确的反馈信息，让用户了解操作结果，提高用户满意度。（4）改善错误提示：优化错误提示，使其更加友好、易懂，帮助用户快速解决问题。（5）提高可访问性：关注特殊人群的需求，优化界面设计，提高产品的普及性。（6）持续迭代优化：根据用户反馈和测试结果，不断优化产品，提高可用性。第八章：内容设计8.1内容规划与组织内容规划与组织是用户体验设计流程中的关键环节，其目的在于保证用户在交互过程中能够高效、便捷地获取所需信息。以下是内容规划与组织的具体步骤：8.1.1明确目标在进行内容规划与组织时，首先需要明确内容的目标，包括传递的信息、解决的问题以及用户的期望。8.1.2分析用户需求深入了解用户需求，挖掘用户在特定场景下的信息需求，为内容规划提供依据。8.1.3内容分类根据用户需求，将内容进行合理分类，便于用户在浏览过程中快速定位所需信息。8.1.4结构设计设计清晰的内容结构，使信息层次分明，有利于用户理解和记忆。常见的内容结构包括线性结构、树状结构和网状结构。8.1.5导航设计设计合理的导航系统，帮助用户在内容海洋中快速找到所需信息。导航设计应简洁明了，避免冗余。8.2文案撰写与优化文案撰写与优化是内容设计的重要组成部分，优秀的文案能够提升用户体验，以下是文案撰写与优化的关键要点：8.2.1文案风格根据目标用户群体，确定合适的文案风格。文案风格应简洁明了，符合用户阅读习惯。8.2.2语言表达使用简洁、准确的语言表达，避免使用复杂、冗长的句子。同时注意使用积极、正面的词汇，传递积极的情感。8.2.3信息传递保证文案内容能够清晰、准确地传递关键信息。在撰写过程中，可以采用以下方法：列出关键信息点，保证文案覆盖所有要点；使用标题、段落等元素，提高文案的可读性；适当使用图片、图表等视觉元素，辅助信息传递。8.2.4优化文案在撰写完成后，对文案进行反复阅读和修改，保证文案表达清晰、准确。以下是一些优化文案的技巧：删除多余的词汇；修改冗长的句子；调整句子顺序，使信息更加连贯；检查语法、拼写等错误。8.3内容呈现与交互内容呈现与交互是用户体验设计中的重要环节，它决定了用户如何与内容互动，以下是内容呈现与交互的关键要素：8.3.1视觉设计视觉设计是内容呈现的基础，它包括字体、颜色、排版等方面。在进行视觉设计时，应遵循以下原则：保持视觉元素的统一性；使用符合用户阅读习惯的字体和字号；合理运用颜色，提高内容的可读性；适当使用空白，避免页面过于拥挤。8.3.2交互设计交互设计关注用户与内容的互动方式，以下是一些交互设计的要点：保证交互元素易于识别和操作；提供清晰的反馈，让用户了解操作结果；优化加载速度，提高用户体验；考虑用户在使用过程中的心理感受，提供愉悦的交互体验。8.3.3适应性设计适应性设计是指在不同设备、屏幕尺寸和分辨率下，内容呈现与交互的一致性。以下是一些适应性设计的建议：使用响应式布局，使内容在不同设备上具有良好的适应性；优化图片、视频等媒体内容的加载速度；考虑不同网络环境下的用户体验，提供适当的解决方案。第九章：前端开发与实现9.1前端技术选型前端技术选型是用户体验设计流程中的一环。合理的技术选型不仅可以提高开发效率，还能保证项目在未来的可维护性和扩展性。以下为前端技术选型的关键因素：框架与库的选择：根据项目需求，选择适合的前端框架和库，如React、Vue、Angular等。这些框架具有丰富的生态系统和社区支持，能够提高开发效率和项目质量。前端构建工具：选择合适的构建工具，如Webpack、Gulp、Rollup等，以便实现模块化、自动化构建和优化。编程语言与规范：采用主流的编程语言，如HTML5、CSS3、JavaScript（ES6），并遵循编码规范，保证代码的可读性和可维护性。跨平台兼容性：保证前端技术选型能够满足多平台（桌面、移动、Web）的兼容性要求。9.2响应式设计响应式设计是一种针对不同设备和屏幕尺寸优化网页布局和内容展示的设计方法。以下为响应式设计的关键步骤：布局设计：采用流式布局，保证网页在不同屏幕尺寸下保持良好的布局结构。媒体查询：使用CSS媒体查询，根据设备特性（如屏幕宽度、分辨率等）调整网页样式，实现不同设备的适配。图片优化：针对不同设备分辨率和屏幕尺寸，采用适当的图片格式和压缩策略，提高加载速度和显示效果。交互设计：优化交互元素（如按钮、表单等）的布局和样式，保证在不同设备上具有良好的用户体验。9.3前端功能优化前端功能优化是提高用户体验的重要手段，以下为前端功能优化的关键策略：代码压缩与合并：通过压缩和合并CSS、JavaScript等文件，减少HTTP请求次数，降低加载时间。缓存策略：合理设置HTTP缓存，利用浏览器缓存提高页面