营销型网站建设(4)营销型网站策划（PPT90页)

营销型网站建设第4章基于用户的营销型网站策划营销型网站建设第4章：学习要点用户体验基于用户体验的网站设计网站易用性网站可信度网站优化的基本思想及网站优化的三层含义：对用户获取信息优化；对搜索引擎优化；对网站运营维护优化网络营销导向企业网站建设的一般原则Web标准的意义和基本内容网站评价与网站诊断方法营销型网站建设第4章目录导航4.1用户体验4.2可用性4.3可信度4.4号召力4.5网站需求分析（网站信息架构、服务、功能、内容策划）4.6网页策划（首页+列表页+最终内容页面布局+内容）营销型网站建设4.1用户体验4.1用户体验什么是用户体验特点好的/坏的用户体验好的用户体验给我们带来的好处营销型网站建设用户体验在日常生活中的作用设想以下场景：当你醒来的时候太阳已经照进了你的窗户，你看了一眼你的闹钟，时间是3:43分，你迷迷糊糊的又翻出另外一个表，它告诉你，如果你想按时上班，就必须在十分钟内出门。营销型网站建设用户体验在日常生活中的作用一边打开咖啡机，一边匆忙穿衣服，当你去拿那杯至关重要的咖啡时，发现壶里没有咖啡！没时间考虑了，直接出门。走了一个街区那么远，发现车没油了，在加油站本来使用ATM取款机支付，但是取款机不识别你的卡片，没办法不得不排队去取现金，等待慢吞吞的收款加好油，驶上公路，发现油箱盖从顶上滑落，蹦蹦跳跳的落在路中央前面发生了交通车祸，你不得不绕行营销型网站建设用户体验在日常生活中的作用于是尽管你很努力，可你还是迟到了，你满腹的抱怨，委屈，怒气，不知向谁发泄，总之这一天糟糕透了。但是，这一天的工作和生活才刚刚开始……营销型网站建设剖析这些倒霉事情的原因交通事故：是因为司机为了调低收音机的音量，视线不在路面上，这个司机不得不这么做，是因为用手摸不出哪个是音量控制按钮油箱盖丢掉是因为加油的时候把它放在车顶上，因为走得很急，忘记把它盖回去了收银机的设计过于复杂，必须集中精力来操作，如果出错就要重新做，所以导致排长队营销型网站建设剖析这些倒霉事情的原因加油机：用ATM卡付款的时候，因为太着急，ATM卡片插反了，所以ATM机无法识别咖啡机：之所以没有煮出咖啡，是因为着急的时候，开关没有按到底，所以没有在你需要的时候喝到至关重要的咖啡闹钟之所以出了问题，是因为你在睡觉的时候，猫一脚踩到闹钟把时间弄错了营销型网站建设深思如果汽车厂商的设计，把音量开关重新设计如果油箱盖用安全栓等物件连接在汽车上如果简化收银机的设计，按钮的布局颜色有所不同，就不会让人混淆了如果读卡机有提示告诉你如何插卡，就不会插反了如果在煮咖啡的时候有提示音，哪怕是滴答的一声如果闹钟在设计的时候就能考虑到一点改进呢？营销型网站建设1.用户体验（UE）用户体验是指用户使用产品或者享用服务的过程中建立起来的心理感受，涉及人与产品、程序或者系统交互过程中的所有方面核心:产品在现实世界中是如何发挥作用的,人们又是如何使用它们的营销型网站建设用户体验的特点用户体验是主观的用户体验并不是指产品本身是如何工作的，而是指产品如何与外界(使用者)联系并发挥作用，即强调用户如何“接触”和“使用”产品注重实际应用时的产生的效果营销型网站建设3.不好的用户体验营销型网站建设手机的用户体验营销型网站建设为什么苹果这么受欢迎？把用户体验做到极致营销型网站建设营销型网站建设4.什么是好的用户体验超出用户预期，能够给用户带来惊喜好的用户体验要能够让用户有所感知从细节开始，并贯穿于每一个细节用户体验的目的：将复杂的流程简单化营销型网站建设好的用户体验要做到有用易用友好视觉情感营销型网站建设好的用户体验给我们带来的好处用户体验形成了客户对企业的整体形象界定了与竞争对手的差异形成忠诚客户增加用户的“黏度”如果用户的设计能够与用户心理的期望吻合的话，用户就会更满意于产品，用户的满意度越高，用户对产品忠诚度越高，产品黏度越大成为企业可持续竞争优势的源泉营销型网站建设5.Web用户体验（网站，手机app等等）网站的用户体验指的是由于网站的作用、品牌形象、操作的便利性、网速的流畅性以及细节设计等综合因素，最终影响到用户访问网站时的主观体验包括用户是否能成功完成任务、是否喜欢网站、是否还想再来,他们能忍受的问题，疑惑和BUG的程度等等营销型网站建设关于Web用户体验的理解特殊的商品——网站（营销模式及改模式给人们带来的感受）自助式——用户只能依靠自己的经验和智慧使用它一直被忽略的问题——网站不会说话，要去理解人们所想、所需企业网站浏览的用户体验没有第二次机会营销型网站建设网站用户体验的作用用户体验越来越成为影响网站竞争力的重要元素，也受到越来越多的网站的重视要有好的用户体验，不仅需要更快的速度、更好的内容，更需要从细节处着手，设身处地从用户的角度来思考问题，体现出网站对用户的尊重和贴心，将会避免给用户带来沮丧感。营销型网站建设网站建设对用户获取信息的影响企业网站应在八个方面符合用户期望信息有效性；网页下载速度快；网站简单易用；网站功能运行正常；网站链接有效；用户注册/退出方便；保护个人信息；避免对用户造成滋扰。营销型网站建设提升网站用户体验的三大原则帮助人们工作得更快——减少犯错的几率——简单关注细节营销型网站建设举例按钮的鼠标按下状态鼠标经过营销型网站建设4.2基于用户体验的网站设计用户为中心的web设计网页整体布局设计要点配色方案要点功能区域的设计要点头部、页尾、导航搜索区、登陆注册、信息展示区营销型网站建设以用户为中心的web设计在开发产品的每一个步骤中,都要把用户列入考虑范围营销型网站建设考虑用户有可能采取的每一个行动的每一种可能性，并且去理解这个过程的每一个步骤中用户的期望值。可以把设计用户体验的工作分解为各个组成要素，以帮助我们更好地了解整个问题。几大决策：网站看起来怎么样、它如何运转、它能让你做什么。表现层（surface）一系列的网页，由文字和图片组成。框架层（skeleton）按钮、表格、照片和文本区域的位置。结构层（structure）确定网站各种特性和功能的最适合的组合方式。范围层（scope）功能和特性是否要纳入网站，即范围。战略层（strategy）经营者和用户分别想从网站得到什么。五个层面营销型网站建设2.整体布局设计要点选择合适的布局方式依据：根据信息量、页面类型、信息间的主次要点：对重要信息赋予更多空间，体现出内容间的主次关系，引导用户的视线流。通过明显的视觉区分，保持整个页面的通透性摆放内容符合用户的浏览习惯及使用顺序分布统一规范，提升专业度对于网站内的不同页面类型，应该选择适合的页面布局。对于同一类型或者同一层级的页面，应尽量使用相同的布局方式，避免分栏方式的不同、甚至是各栏比例上的细微变化，以保持网站的统一性和规范性，使网站显得更加专业。营销型网站建设按照页面类型设计布局针对门户类网站首页，由于其具有海量的信息，目前较多采用三栏式，同时需要根据信息的重要程度，选择适合的比例方案。针对某个新闻等具体页面，新闻内容才是用户最为关注的内容，导航等只是辅助信息，因此适合采用一栏式或者新闻内容为主的两栏式布局。如果用户需求较为个性化和多样化，以上几种布局方式都不能满足用户的需求，那么可以考虑采用个性化定制的布局方式。营销型网站建设自由布局方式营销型网站建设营销型网站建设3.配色方案要点主色调：不同类型网站，选择色调不一样辅色调。仅次于主色调的视觉面积的辅助色，用于烘托主色调，营造网站整体氛围。突出色。在小范围内用强烈的颜色对比来突出重点元素，使页面更加鲜明生动，主要用于占用范围较小的按钮、标签等。背景色。用作背景的颜色，协调、支配整体的作用。每一个颜色对于网站都至关重要，合理搭配才能使网站颜色更加赏心悦目，重点突出，因此设计时都需要仔细斟酌。同时网站的图片、文字、按钮等元素的颜色都需要互相搭配，达到网站的整体和谐，提升网站的整体氛围。营销型网站建设4.功能区域的设计要点头部的设计Logo返回页面首页Logo代表着网站的品牌和形象，尤其对知名的网站来讲，Logo能够唤起用户对网站的品牌认知度，从而提升用户的信任感Slogan体现出网站的定位和特色，显示企业文化、塑造网站个性，配合Logo一起使用能够达到更好的效果。Slogan一般要求朗朗上口，而且点出网站的最大亮点。营销型网站建设LOGO的设计Logo+文字，适用于网站子类目Logo+Logo，较为少见，适用于合并后的网站等情况应景的节日Logo提升用户对网站的体验，包括知名网站Google、百度、淘宝等营销型网站建设Slogan的设计阿里巴巴。“全球领先的网上贸易市场和商人社区”。淘宝。“淘我喜欢！”太平洋汽车网。“精准报价、权威评测，汽车世界，由此精彩”。营销型网站建设4.功能区域的设计要点尾部的设计需要规避的细节问题页尾的信息过多过杂由于页尾不太重要，因此应该尽量简化它，节约页面宝贵的空间。营销型网站建设不同页面的页尾不统一版权说明格式营销型网站建设4.功能区域的设计要点导航区的设计要点突出当前Tab页，并且对一级分类与对应的二级分类使用相同的颜色，体现其相关性。各分类间保持适当的距离，体现出各栏目间的分隔，增加可辨识度。使用不同颜色区分不同的Tab，增加辨识度，至少区分开当前选中分类和未选中分类。不要在导航上放置过多的Tab，更不要使用两行以上的Tab作为导航。Tab过于拥挤会影响用户定位和辨识。营销型网站建设4.功能区域的设计要点增加“MyStore（我的店铺）”等个性化功能，并且分析用户的行为轨迹，使内容更加符合用户需求。通过“SeeMoreStores”链接，隐藏重要性略低的分类，避免导航条过于臃肿。标签色彩的使用要符合网站定位，不要过于夸张。营销型网站建设4.功能区域的设计要点树状导航设计要点根据按照用户从左往右的浏览习惯，根据希望用户的注意力放在导航还是内容上来划分营销型网站建设4.功能区域的设计要点面包屑导航设计要点用、和--等符号分隔开各级别的文本，增加可识别度，便于用户定位。除当前页面外，其他各级别的文字链接都可单击进入相应页面，作为快速入口，同时还可能增加用户的浏览量，减少跳出率。各级别的文字颜色也需要进行区分，通常蓝色代表可单击的链接；当前页面不可单击，可选择黑色、灰色等颜色，以示区别面包屑导航作为辅助导航，不宜占用过多面积，避免与主导航争夺用户的注意力。面包屑导航的文字中尽量使用关键词，包括将“首页”改为网站名称，进行搜索引擎优化。营销型网站建设4.功能区域的设计要点网站地图的设计要点：分组归类。体现出菜单间的层级关系，而不是简单地堆砌和罗列，使网站结构更加清晰，有助于用户的理解和学习。呈现的层级不宜过多，也不宜过少。一般呈现到主导航下的二级菜单，采用文本链接方式，有利于搜索引擎优化，提高网站内容被搜索到的几率。营销型网站建设4.功能区域的设计要点搜索区设计要点输入框长度，不能太短也不能太长类别的切换方式区分当前选中与未选中的类别搜索的人性化营销型网站建设4.2企业网站可用性WebsiteUsability：网站易用性、网站可用性《DesigningWebUsability》（可用性）网站可用性：是网站的一种品质属性，评估网站访问者在网站内能否方便地实现访问任务，包括获取网站信息、使用网站操作界面与任务流程。可用性常常作为评估网站的主要指标之一营销型网站建设2.网站可用性的核心思想是以用户为中心的网络营销思想的体现，即网站设计以用户为导向，通过最简单，醒目、易用的网站要素设计，使得用户可以更方便地获取信息，使用网站操作界面、完成任务具体表现网站导航网站内容网站