什么是Web 2.0 体验式网站设计?


    随着互联网络的快速发展和成熟,以用户为核心的体验式营销模式也被快速的建立了起来,其实现在非常流行web 2.0 的核心也就是强调用户参与、以为用户体验为核心。当然由此也诞生了Web 2.0 运营模式、Web 2.0 体验式网络营销、Web 2.0 体验式网站建设、甚至基于Web 2.0 的UI界面风格,由此可以看出体验式网站建设开始走向主流,从微然Vista新一代操作系统的人机界面设计就可以看出体验式网站设计到底意味着什么?


    一、体验式网站设计的四个方面


    1、视觉体验:呈现给用户视觉上的体验,重在UI设计,强调舒适性。
    2、浏览体验:呈现给用户栏目和内容的体验,重在合理规划,强调协调性。
    3、信任体验:呈现给用户的信任体验,重在细节斟酌,强调稳定性。
    4、互动体验:呈现给用户操作上的体验,重在路径设计,强调易用性。


    二、视觉体验的11个关键体验点


    视觉体验:呈现给用户视觉上的体验,重在UI设计,强调舒适性。


    1. 整体风格:这是网站给用户呈现的印象,主要体现在两方面,一是网站质量的权衡,网民次看到网站后,首先会根据感觉对网站有个上、中、下额评判,二是网站类型的归属,例如是资讯型,形象型等。因而在网站建设之前,必须明确目标客户群体,并针对目标客户的审美喜好,进行分析,网站设计要符合目标客户的审美预期和类型归属。


    2. 网站LOGO:LOGO的设计水平直接体现了站长的审美水平。并且logo是网站整个风格的主导,也是网站对外传播的形象标示,务必要仔细斟酌,不仅要简洁得体,还要符合网站的定位和目标,好找家设计公司,或者去威客发布任务寻找专人设计。


    3. 页面布局:重点突出,主次分明,图文并茂,声画全面。网站的有效空间是有限的,网站的屏画面至关重要,页面布局要与网站营销目标相结合,将能吸引用户的内容,通过合适的表现形式,放置在重要的位置。


    4. 页面色彩:网站色彩务必要有个主题色,务必注意冷暖色调的搭配,务必注意主色调、辅助色的使用数量,务必保持网站整体形象相统一,务必注意渐变色的使用,务必恰当搭配色彩的明度和亮度。


    5. 页面大小:好将网站设置成为自适应的页面,如果无法修正,好调整为1024*768,照顾到800*600用户,页面主要内容可以偏左设置。此外,还有一些异性的网站,务必要考虑到核心用户群的使用习惯,可以主要从年龄上来判断,30岁以上用户,还是800*600居多。


    6. 动画效果:首先注意动画的放置位置,其次是呈现方式,再次是加载速度,后也是关键的是内容的表现形式。动画效果会在时间吸引用户的关注,但关注不是目的,要让用户有兴趣接受动画所传达的内容。在动画表现形式设计时,还要注意与主画面相协调,动画效果节奏适中,不干扰主画面浏览。


    7. 图片展示:首要的还是图片栏目的页面位置,要与整体网站比例协调,符合一般用户的浏览习惯;其次是图片的展示形式,现在有很多flash的图片代码,还有lightbox的js也是不错的选择,再次是图片内容要清晰、不变形,图片选择上也要符合网站的总体风格,不要太突兀。


    8. 图标使用:首要考虑与页面整体风格统一,其次是简洁、明了、易懂、准确,再次可以尝试使用一些UI图标。


    9. 广告设计:广告设计关键是要符合用户对网站广告的预期,不要让用户对广告产生反感。有很多是网民早已认可的广告位置和形式,例如页面上方的banner条,页面两边的对联形式,页面右下方的文字广告等,这些位置都是网民们默认的广告位,千万不要冲击网民的浏览习惯,避免干扰视线,除非你的广告创意绝对吸引人,否则结果往往是立刻关闭广告和网站。


    10. 背景音乐:除非是活动推广或者是形象推广类主题网站,搞点刺激性的音乐提提神,否则千万不要设置背景音乐,一个字,烦!就算设置背景音乐,好将开关按钮及音量控制放在显要位置,免的网民因为找不到控制按钮而立刻关掉页面。


    三、浏览体验的9个关键体验点


    浏览体验:呈现给用户浏览上的体验,强调吸引性。


    1. 页面导航:网站导航如同楼房的地基,是整个网站基础和框架,一切内容和服务都是从导航中延伸出去。页面导航的设计分为两个层次,一是形式层:体现在导航位置、表现形式(文字、图片、flash等)等方面,二是内容层,页面导航也是对整个网站内容框架的分类和高度概括。形式层的设计,建议参照一下韩国网站的设计风格,动感、简洁、清晰。至于内容层,就因站而异了,分类条理关键。但栏目名称尽量简短,栏目层次也不宜过多,两层比较合适,但也要以内容为中心。


    2. 页面速度: web2.0网站建设中增加了越来越多的视频、动画元素,对网站速度的要求也越发苛刻。回想一下,这么多视频分享网站中,为什么很多人选择优酷?就一个速度。此外,大一点的网站再考虑一下南北互通,或者教育网的对接问题,此外选择一家稳定的服务器托管商也至关重要。


    3. 页面容量:主要指首页的页面容量,除非是资讯类网站,否则网站首页内容好不要超过两屏,好不要让用户再滚动鼠标就可以浏览到整个页面。再就是网页设计要考虑到文字和图片的搭配,还有不同字号、字体、颜色的搭配,还有网站留白的设计,以免页面造成视觉抵制,心理学家做过实验,人眼每秒摄入的有效字符多只有20个,要是页面全是细密的文字,效果就可想而知了。


    4. 页面结构: 网站页面结构就是放置内容的框架,网站页面结构其实是有章可循的,尤其是现在 大家见的网站越来越多,自然也形成一些列默认的模式。简单分网站主要也包括“同”字型、“司”字型、“三”字型、“F”型等页面布局,具体随后会撰文详述,这里要强调的是页面结构的创新也要基于一定的规律,千万不要打破用户的浏览预期。


    5. 内容组织: 首先是突出重点内容,大标题,大图片塑造视觉冲击,这也是借用报纸的操 作手法,其次是内容协调,每一个栏目应确保足够的信息量,避免栏目无内容情况出现;再次是内容形式,兼顾视频、图片、文字的比例和页面协调。


    6. 内容更新: 主要包括内容来源、更新频率、更新数量、内容质量三个方面。Web 2.0 网站建设更多强调如何调动用户的积极性,内容更新已经不仅仅是对编辑的考量,也是对网站用户价值的衡量,对于内容质量,主要是从原创、转载、内容本身价值等方面权衡。


    7.内容形式: 现在有个立体化新闻的概念,视频、图片、文字、评论都在一个页面中展示,而且再加上网民评论的即时更新,表现形式更生动。此外,对于文字部分,字体大小好设置可调选项,对重点内容进行标注,对关键词设置链接(seo优化),如果没有广告的考虑,好不要设置多页浏览,很影响阅读体验。


    8. 内容呈现方式:更多的是细节的内容,包括新文章的标记、文章导读、相关内容的推荐、还有网友推荐、打印页面、E-MAIL发送给好友、复制网址等,现在web2.0流行的DIG功能,加入些鲜活的互动元素。


    9、路径记录:记录用户的浏览路径,方便用户随时返回和查找,此外对一些重点栏目和页面可以设置快速链接或者设置页面底部导航,为用户提供明确的快速入口。


    基于web 2.0体验式的网站建设和网站设计是一个全新的话题,细节决定成败,只要我们用心做好每一个细节,真正以用户为核心,那么网络营销的效果就事半功倍。


   

阅读更多

站长: 守候

职业:SEO优化师
技能:白帽SEO优化、网站搭建、MIP改造、熊掌号运营等...
Q Q:193900321

热门文章