Web2.体验式网站设计的41个关键点

Web2.0体验式网站设计的41个要点

Web2.0时代，体验式营销和体验式网站设计开始成为主流，那么体验式网站到底意味着什么呢？ 具体是那些地方呢？ 周末，常德网站建设根据网站建设中的一些经验和观察，以及网友的一些建议，总结了体验式网站设计的四个方面和41个关键体验点，并进行了概述，但仍然比较浅。 欢迎补充建议。

1.体验式网站设计的四个方面

1、视觉体验：为用户提供视觉体验，注重UI设计，强调舒适度。

2、浏览体验：呈现给用户的栏目和内容的体验重在合理的规划和协调。

3、信任体验：呈现给用户的信任体验注重细节，强调稳定性。

4、交互体验：呈现给用户的操作体验注重路径设计和易用性。

2、视觉体验11个关键体验点

视觉体验：为用户提供视觉体验，注重UI设计，强调舒适度。

1、整体风格：这是网站给用户的第一印象。 主要体现在两个方面。 一是网站质量的平衡。 网民第一次看到网站后，首先会根据自己的感受对网站有一个上、中、上的层次。 其次是网站的类型，如信息型、图像型等。因此，在设计网站之前，必须明确目标客户群，分析目标客户的审美偏好。 网站设计必须符合目标客户的审美期望和类型。

2、网站LOGO：LOGO的设计水平直接体现了站长的审美水平。 而且标志主导了网站的整个风格，也是网站对外传播的形象。 必须仔细考虑。 不仅要简洁、得体，而且要符合网站的定位和目标。

3、页面布局：重点突出，主次清晰，图文并茂，音视频全面。 网站的有效空间是有限的，网站的首屏非常重要。 页面布局必须与网站的营销目标相结合，通过适当的表现形式将最吸引用户的内容放在最重要的位置。

4、页面色彩：六必须：网站必须有主题色，一定要注意冷暖色调的搭配，一定要注意主色和辅助色的使用数量，一定要保持网站整体形象的统一，一定要注意渐变色的使用，一定要使颜色的明度和明度搭配得当。

5、页面大小：最好将网站设置为自适应页面。 如果无法修正，最好调整为1024*768，以照顾800*600的用户。 页面的主要内容可以设置在左侧。 此外，还有一些异性恋网站。 需要考虑核心用户群的使用习惯。 主要可以从年龄来判断。 30岁以上的用户大部分还是800*600。

6、动画效果：首先要注意动画的摆放位置，其次要注意呈现方式，再次要注意加载速度，最后也是最重要的是内容的呈现形式。 动画效果首先会吸引用户的注意力，但注意力不是目的。 用户必须有兴趣接受动画传达的内容。 在设计动画形式时，还应注意与主画面的协调。 动画效果节奏要适中，不干扰主屏的浏览。

8、图片展示：首先是图片栏的页面位置，要与网站整体的比例相协调，符合普通用户的浏览习惯； 二是图片的展示形式。 现在flash图片代码很多，有的js也不错。 选材，再次，图片内容一定要清晰，不能变形，图片选材也要符合网站的整体风格，不能太突兀。

9、图标的使用：首先考虑的是与页面整体风格一致，其次是简洁、清晰、易于理解、准确。 第三，可以尝试使用一些3D效果的图标。

10、广告空间的设计：广告设计最重要的是满足用户对网站广告的期望，而不是让用户对广告产生反感。 有很多广告位和形式早已被网友所认可，比如页面顶部的横栏、页面两侧的对联形式、页面右下角的文字广告等。位置是网友默认的广告位。 不影响网友浏览。 习惯它并避免干扰视图。 除非你的广告创意绝对有吸引力，否则结果往往是广告和网站立即关闭。

11、背景音乐：除非是活动促销或形象宣传为主题的网站，有一些刺激性的音乐提神醒脑，否则不要设置背景音乐。 一言以蔽之，烦人！ 即使设置了背景音乐，也最好将开关按钮和音量控制放在显眼的位置，避免网友因为找不到控制按钮而立即关闭页面。

3、浏览体验八个关键体验点

浏览体验：向用户呈现浏览体验，强调吸引力。

1.页面导航：网站导航就像建筑物的地基。 它是整个网站的基础和框架。 所有内容和服务均源自导航。 页面导航的设计分为两个层次。 第一个是形式层：体现在导航位置、呈现形式（文字、图片、flash等），第二个是内容层。 页面导航也是整个网站内容框架的分类和高度。 概括。 对于表单层的设计，建议参考韩国网站的设计风格，动感、简洁、清晰。 至于内容层，各个站点有所不同，其中分类级别是最重要的。 但列名应尽可能短，列级数不宜过多。 两个层次比较合适，但内容也要以内容为中心。

1、页面速度：在web2.0中，网站中加入了越来越多的视频、动画元素，对网站速度的要求也越来越严格。 想一想，在这么多的视频分享网站中，为什么很多人选择优酷呢？ 只有一种速度。 另外，较大的网站应考虑南北互联或与教育网的连接问题。 此外，选择稳定的服务器托管提供商也至关重要。

2、页面容量：主要指首页的页面容量。 除非是信息网站，否则网站首页的内容不应超过两屏。 最好不要让用户滚动鼠标来浏览整个页面。 那么页面设计要考虑到文字和图片的结合，以及不同字号、字体、颜色的结合，以及网站留白的设计，避免页面出现视觉阻力。 心理学家做过实验，人眼每秒都会拍照。 输入的有效字符最多只有20个，如果页面上都是细密的文字，效果可想而知。

3.页面结构 结构是放置内容的框架。 网站的页面结构实际上是基于规则的。 尤其是现在我们看到的网站越来越多，一系列默认的模式自然就形成了。 简单的子网站也主要包括“通”字型、“四”字型、“三”字型、“F”字型等页面布局，具体稍后会详细写。 这里需要强调的是，页面结构的创新也必须基于一定的规则，永远不要打破用户的浏览期望。

4、内容编排第一步，突出重点内容，大标题、大图片，营造视觉冲击力。 这也是从报纸上借来的。 第二步是内容协调。 每栏目应保证足够的信息量，避免栏目无内容； 再次是内容的形式，考虑到视频、图片、文字的比例和页面协调。

5、内容更新主要包括内容来源、更新频率、更新数量、内容质量三个方面。 Web2.0网站更注重如何调动用户的积极性。 内容更新不仅是编辑的考虑，也是衡量网站用户价值的一个标准。 内容质量主要从原创性、转载、内容本身的价值等方面来衡量。

6、内容形式现在有了立体新闻的概念。 视频、图片、文字、评论全部展示在一页上。 另外，加上网友评论的实时更新，呈现更加生动。 另外，对于文本部分，最好设置可调整的字体大小选项，标记关键内容，并为关键字设置链接（ seo ）。 如果没有广告考虑，最好不要设置多页面浏览，这样会影响阅读体验。

7.内容呈现方式：更详细的内容，包括新文章标签、文章介绍、相关内容推荐、网友推荐、打印页面、发邮件给朋友、复制网址等。 0流行的DIG功能，添加一些活泼的互动元素。

8、路径记录：记录用户的浏览路径，方便用户随时返回、查找。 另外，还可以对一些关键栏目和页面设置快速链接或在页面底部设置导航，为用户提供清晰的快速入口。

2、信任体验十二个关键体验点

信任体验：呈现给用户的信任体验注重细节，强调稳定性。

1、友情链接：对于新兴网站来说，用户对网站的信任判断不仅基于网站的设计和功能体验，还取决于类似或其他相关网站的评价。 友好链接的价值不仅仅体现在SEO上，更是​​一个网站用户定位的重要体现。 如果网站链接到小而不知名的网站，用户不会对其评价太高。 首页不宜有过多的友好链接。 更多链接可以放置在单独的友好链接页面上。 要特别注意友情链接的质量。 即使做一些单向的联系，也要展现出自己的实力。

2、底部信息：网站底部的信息内容是网站各个页面所共有的。 底层信息为网民提供了很多建立信任和体验的内容，比如网站的建立时间、是否注册、是否是商业网站、是否有互联网连接等。 警告标志、隐私声明、网站隶属关系（如xx旗下网站）虽然是细节，但也是最规范、最常见的内容。 最好注意一下设计。

3、关于我们：这是用户了解网站背景最直接的方式。 对于很多有趣的web2.0网站和很多喜欢深入探究的网友来说，关于我们仍然是一个非常重要的栏目，因为它是站长的必备栏目。 一个原创的内容，我们的栏目和内容的设计和安排，往往体现了站长的态度和风格。

4、联系方式：当您与网站有关系时，您不仅仅关注网站的联系方式。 一般情况下，联系方式在网站上出现的频率也是网站信心的一个侧面体现。 联系信息不一定是详细的电话号码、传真、邮寄地址，甚至电子邮件地址或联系人姓名。 对于初创网站来说，通过详细或高度暴露的联系方式，更容易在网民中建立牢固感和信任感。 总之，他们放心，负责，能找到人。 如果有实力的话，整个400电话号码都可以用。 现在400电话号码已经很便宜了，但是可信度好，方便好记。

5、帮助中心：对于新兴的web2.0网站，尤其是功能性网站，最好有详细的帮助中心或常见问题解答栏目。 不要想当然地认为网友一看就知道新事物。 新事物总会有问题。 另外，国内网民的背景和水平存在巨大差距，所以帮助中心还是有必要的。 另外，帮助中心的功能和内容丰富程度也是网站客户服务意识的体现，值得关注。

6、网站注册：最基本也是必要的程序。 首先，完成网站注册。 至少确认网站的合法地位。 如果有条件和需要，最好申请B前缀的商业网站注册。 此外，如果涉及视频、新闻等，还需要向相关部门申请其他备案。 注册看似一件小事，但关键时刻却会给网站带来致命的影响。 不说别的，就看看这两个月的差异吧。

7、内容格式：内容的标准化程度也是构建网站可信体验的重要方面，主要体现在信息内容的标准化呈现上。 一方面，每条信息包括来源、作者、编辑、发表时间、点击和评论。 全面的辅助信息是网站质量的主要参考，因为能够完整列出这些点的网站越来越少。 您还可以为点击次数设置一定的初始值，但最好随身携带。 另一方面是个性化细节，比如设置页面颜色、设置字体大小、点击直接发送到邮件、复制页面地址等。

8、内容订阅：无论是使用RSS、RSS互动网站建设，还是传统的电子邮件新闻列表，内容订阅的设置不仅是为了增加用户粘性、鼓励用户再次访问，也是大型正规网站的重要指标。 只有那些拥有强大而细心的网站才会提供定期的信息服务。 其实这部分从功能上来说已经非常完善了。 互联网上也有许多工具和服务提供商。 只需要站长每天（每周）整理重要信息即可。 此外，这也是盘活注册用户的重要一环。

9、站点地图：对于新的web 2.0站点，无论站点大小，都必须制作站点地图。 一方面，搜索引擎很容易抓取网站信息，网民使用后会很快了解整个网站结构。 再说一遍，这是一个细节，但却是一个重要的细节。

10、加入收藏：加入收藏、设为首页是传统网站设计中必不可少的环节。 如今，设置为主页几乎没有任何意义，但添加到收藏夹仍然很重要。 一般是在网站的右上角，最好把想要添加收藏的位置放在前面，并用醒目的颜色标记。

11、用户登录：这也是交互体验的一部分。 用户导向是web2.0设计的核心理念。 用户只有登录才能享受更加个性化的服务。 用户登录无处不在，随处可见，也需要设计。 为了方便和合理，最好不要打开新的登录页面。 具体情况各有不同。

12、论坛人气：无论网站多么花哨，如果有论坛栏目，打开论坛看到在线用户不多，热门内容也很少，很容易直接驳回该网站。 因此，该论坛拥有数千万用户。 你必须注意，否则你就不会这样做。 一旦打开，就得关注人气体验。 就算天天倒水，也要先提高网站的人气。

3、互动体验十大体验点

交互体验：呈现给用户的操作体验，注重路径设计和易用性。

1. 会员申请：会员申请必须贯穿网站的每个页面。 将随机用户转化为注册用户是提高网站流量和用户粘性的重要一环。 会员申请的按钮或者位置最好设计得比较醒目。 另外，会员功能的核心是权限控制。 网站必须有一些只有注册用户或高级用户才能浏览的内容，但也必须确保向非注册用户展示的信息也具有吸引力。 否则互动网站建设，网友怎么会有动力去注册呢？ 问问自己，为什么值得注册？ 用什么来吸引注册用户？ 用什么来稳定注册用户的定期访问？

2 会员注册：web2.0网站最好设计多级注册方式。 只需填写注册名、邮箱、密码等即可完成一级注册，进而进一步吸引用户添加内容。 第一级优先级必须是流程清晰简洁，节省用户时间。 其实更关键的还在后面，如何吸引用户补充综合信息？ 这里有一个Web 2.0的概念，“你分享的内容越多，你得到的权利和尊重就越多”。 我们需要让网民清楚自己补充信息的价值。 另外，要注意用户信息的完整性。

3、填表：填表的方式有很多种，但最好不要把所有项目都分成两个阶段。 所需项目应位于首页，或提供明显标志。 切勿列出所有项目。 用户肯定会吓到你。 Web 2.0需要更加人性化，考虑到用户的接受程度，简单一些还是没错的。 提交成功后，感谢提示页面一定要精心设计，特别注意注册用户应该被引导到哪里？ 返回主页？ 还是个人界面？ 还是之前浏览的页面？ 感谢页面最好设计得在内容和形式上更加个性化。

4、点击提示：您点击浏览的信息颜色需要以不同的颜色显示，以与未读内容区分开，避免重复阅读。 对于图片来说，最好设置图片注释，这样鼠标在图片上滚动时就可以显示图片标题。

5、错误提示：设置错误提示页面，并对错误页面提供相应的指导。 不管是什么原因，只要网友遇到网站出现错误页面，肯定会非常不高兴，甚至可能直接关闭网站。 我们必须充分考虑用户此时的访问心理，并设置真诚的解释。 最好将网友重定向到网站，或者可以设置错误反馈并谨慎处理。

6、在线问答：在线问答的形式太多。 从用户的期望出发，既然是在线问答，消费者就希望得到最快的回复。 但目前的情况是，网站往往提供多种方式的问答渠道。 但往往没有人回应。 毕竟工作人员不可能24小时都在等。 建议训练一个小i机器人，还有一个漂亮的客服人员。 还有一种误解是，网上问答只是回答问题。 事实上，它还起着收集信息的重要作用。 在设置在线问答流程和技巧时，一定要注意如何了解更多的客户信息，或者利用经验来方便后期的调整，定期对在线问答中出现的问题进行总结分析。

7.在线搜索：首先是搜索栏的位置。 最常见的位置是在右上角。 信息网站通常处于中上显着位置。 二是搜索分类。 例如，按作者、按标题等，设置最好设计为下拉菜单。 默认情况下，用于全文检索； 再次，搜索结果的呈现方式。 呈现方法有很多细节，包括排列的标准和方法、关键词的颜色区分、出现的次数等。 还要注意高级搜索和搜索选项的设计。

8、页面效果：web2.0在技术层面的一大改进就是提供了很多炫酷、眼花缭乱的新技术，尤其是页面层面最明显的应用，比如ajax、js等，建议站长们多加注意。 流行的java代码，选择一些合适的潮流技术来应用，新的、奇特的、耀眼的、与时俱进的！

9、打开新窗口：现在越来越多的互联网用户使用诸​​如、等多线程浏览器，建议多采用web2.0网站的设计。 开辟新窗口，方便用户返回和搜索。

10、路径设计：说到体验，最直接的就是用户在网站上产生的有效点击。 每一次点击也意味着一次新体验的开始，而在众多的点击中，路径的设计和记录也体现了web2.0个性化服务的精神。 每个互联网用户都有不同的访问和浏览习惯。 首先要设计最直接有效的浏览路径； 第二，要记录网友的浏览路径，以便随时返回； 第三，要尽量寻找与网友的浏览路径相匹配的。 ，这一点可以体现在亚马逊的图书浏览和购买流程中。 我们自己注意一下吧。