全网AI资源网站搭建

电脑端+手机端+微信端=数据同步管理

免费咨询热线:13114099110

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

发布时间:2023-10-28 10:06   浏览次数:次   作者:派坤优化

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

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

Web2.体验式网站设计的41个关键点(图1)

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个性化服务的精神。 每个互联网用户都有不同的访问和浏览习惯。 首先要设计最直接有效的浏览路径; 第二,要记录网友的浏览路径,以便随时返回; 第三,要尽量寻找与网友的浏览路径相匹配的。 ,这一点可以体现在亚马逊的图书浏览和购买流程中。 我们自己注意一下吧。

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。