下面是小编整理的网站改版案例分析:印像派首页改版视觉效...,本文共6篇,希望对大家有所帮助。

篇1:网站改版案例分析:印像派首页改版视觉效...
文章描述:浅谈印像派首页改版之视觉篇 ,
.
.
.
前段时间在做印像派的全站改版,其中包括首页、列表页、详情页、主题页等页面,整个项目历时较久。前段时间新版印像派上线了,首页初稿由葱头同学设计定稿的,后期由我跟进优化,现在正好以印像派首页为切入点做个设计回顾。
.
网易印像派(yxp.163.com)是网易公司推出的个性产品服务平台,在网易印像派可以网上冲印各类数码产品。随着印像派业务不断扩展,几年前设计的首页无论是在交互还是视觉上都已经无法满足现有的业务需求,所以首页的改版是一件迟早要提上议程的事情。
.
.
.
.
首页改版是一项历时较久、参与人员较多的工程,所以必须有一个清晰有效的项目流程。
项目流程:
.
1.项目立项
产品负责人写产品计划书,确定产品的市场需求点和功能需求点,和相关业务部门负责人开会讨论确认需求,随后召集交互、视觉、前端、开发等项目相关人员确定各自的任务时间点。
2.用研、交互
用户研究员根据近一两年的数据走向,重新定义目标用户群,进而细化产品概念。交互根据需求绘制产品原型。
3.视觉设计
视觉设计师前期参与项目会议了解需求后,根据产品原型和产品功能策划书进行视觉设计。视觉设计在整个项目中起到承上启下的作用,既要和产品负责人沟通产品需求又要和前后端工程师沟通页面细节。
4.开发
视觉评审会上确认视觉稿后,接下来到开发阶段。在整个项目中此环节耗时最长,因此视觉稿在交付开发前要做好标注和切图,以免延误开发。
5.测试
前端测试环节也是非常重要的一环,如果你认为视觉设计师的工作止于视觉稿定稿那就错了,不到上线绝不能松懈,测试阶段经常出现的问题有“浅灰色底怎么变成白色了”、“这里怎么偏移了2像素”“图片和文字不对齐”,所以想要做到线上效果和视觉稿100%吻合,经常跑到技术GG那边校稿是必不可少的。
6.上线
刚上线后要密切关注数据变化,根据数据分析、用户反馈做出调整。
7.跟进优化
成功的产品是在优化迭代中产生的,这是一个从设计到用户数据反馈再回到设计的验证过程。
.
.
.
.
1.老版首页的视觉风格过时,需要重新全面包装,提升品牌认知度,
2.版块过多,产品区得不到更好的展示。
3.老版的导航条为二级全展开导航,这种全展开导航的弊端是导航会随着内容的增加而变长,会导致导航条过长,不利于浏览。
4.三栏的页面布局导致信息拥挤。
5.轮播的交互操作不够便捷,视觉样式不够简洁。
.
.
.
.
1.形象色的重新提炼
用户打开一个页面,首先映入眼帘的是色彩,网站形象色的重要性犹如企业的LOGO,一个成功的网站形象色应该能使用户一看到该颜色就联想到该网站。因此视觉改版首先要做的是主色调的提取,只有确定了主色调才能往下展开其他设计。
.
产品设计应该是先理性后感性的。先理性的分析一下用户属性,再感性把握主色调的走向,下面来看看印像派的用户数据分析:
.
.
经过上面的用户数据分析,我们可以看出印像派的主要用户为25-31岁的年轻女性,大学本科的学历,收入为3K-5K。这类年轻女性用户的消费能力属于中上水平,有一定的审美能力,因此主色调的重新提炼的关键词应是:女人、清新、时尚、小资、活力。
老版的红色饱和度太高,这种大红色辨识度太低,品质感也不够。最终选了饱和度稍低,色相偏粉红的红色,搭配大片留白的页面,新的红色看起来既女人又清新,到达了上文数据分析的颜色需求。
2.重新规划版块
摒弃官方动态、微博、买家热评等鸡肋版块,加强力度突出焦点轮播banner、产品促销区等重要版块,让产品区得到更好的展示。
3.导航栏
原导航栏信息混乱、图标简陋。新版导航条以文字信息为主体进行设计,并重新设计ICON,看起来简洁清爽,而且一级导航比原来的二级导航更利于后期维护。
4.页面布局
三栏布局能在一屏内容纳较多的信息量,常见于大型门户网站。印像派本身B2C的定位不同于门户网站,没有浩瀚如海的信息量,因此应在有限的首页空间里将产品更好的展示出来。
.
旧版印像派的三栏布局从视觉上看起来拥挤混乱,在短时间内难以将注意力集中在重点区域,用户无法清晰地跟随页面节奏进行有效浏览。因此我们需要量体裁衣,针对网站的定位和容量进行重新梳理,选择适合的页面布局。
5.banner轮播
通过下图可以看出老版的banner轮播样式的操作不够人性化,当前帧和其他帧距离太远,来回点击成本略高。
以上是前端工程师GG给我看chrome/IE6浏览器下的轮播样式测试效果,发现这2个浏览器都无法完全支持视觉稿的轮播效果,而且高级浏览器和IE6下的样式差异很大,这确实是一件让人郁闷的事情。头疼之余,先让我们看看其他网站的轮播是怎么兼容多种浏览器的:
最后,欢迎大家访问印像派:yxp.163.com
篇2:网站改版案例分析:迅雷改版小结
迅雷大全是一款提供给用户一站式互联网数字内容发现和获取的平台服务,“发现”是包括搜索发现和浏览发现,“获取”包括播放和下载。
丰富的内容涵盖了电影、电视剧、综艺、动漫、音乐、视频、娱乐、资讯、游戏、下载等多维度信息,并支持在线点播及下载,增加用户使用的便捷性。通过客户端,大全能呈现多种产品形态,以满足不同用户的多样化需求,以更好的提高产品的覆盖面。
迅雷大全紧跟互联网的发展趋势,针对市场的需求变化,及时快速的进行开发。整个项目工期非常紧张,项目直接由产品部门发起需求,再由设计部进行相关的视觉设计匹配。在整个项目过程中,设计师能最大发挥主观能动性,将设计直接与产品、开发实现无缝对接,减少沟通环节,快速的驱动项目的进展。
风格上仍以迅雷主色调蓝色为前提进行设计,但同时抛弃了之前陈旧的蓝色搭配,以一种更清新靓丽的蓝来作为整个界面风格的主色调,以更好的拉近客户,呈现出一个全新的视觉体验。
在蓝色的色调选用上,对不同的蓝色进行反复对比后,选择了饱和度适中的湖蓝色,运用2种蓝色的深浅过度来处理界面效果。
1、头部结构调整:搜索框的重新布局,调整质感的轻重,让搜索功能的可拓展性更强,同时突出品牌LOGO强化用户感知,
2、增加可拓展栏目的入口:一般来说没有在第一屏展示的栏目,点击率会降低。在这里把拓展栏目的入口做成更吸引人点击的造型,提高访问率。
主界面及弹出框
安装界面
在客户端改版后,web端也乘胜追击,需要更加丰富的视觉体验。但是时间仍然非常紧急,9月开始启动大全web端改版,由产品发起需求,和设计在视觉及结构排版展开激烈讨论,只求更好的用户体验。
这次web版的风格希望打造海底的效果,寓意大全丰富的内容体验,像浩瀚的海洋一样包罗万象。 定位关键词后寻找海底相关的素材。
通过收集整理素材,形成了基本的原型,反复尝试后得到以下2种效果。
最终结合整体界面布局,选择了设计较为简洁的方案。
附上迅雷大全传送门:xiazai.xunlei.com
篇3:化妆品网站Skinstore.com首页改版评价
这篇文章很不错,对于网页设计师或站长来说都有启发意义,我们可以从化妆品网站Skinstore.com 的首页改版中,寻找电子商务网站的设计原则以及特点,对于制作和设计此类电子商务网站有很好的启发作用,
化妆品网站Skinstore.com首页改版评价
。Skinstore.com 是一个美国的专营化妆品的站点,经常搞促销活动,折扣比较吸引,做美国代购的或者喜欢国外购物的人士大多都熟悉她。
SkinStore.com运营得很成功,而且,她的网站设计、用户体验设计等也是非常的成功的,本文就
以其针对其主页的设计进行分析评价,为读者提供一些设计电子商务主页的参考:
由于她的主页比较长,所以我分为两屏分别截取和讲解,下面是上面一屏,图中打上数字标识的我
在下面会一一讲解:
顶部导航设计得很简约:
1)Shopping Cart独占一行,因为它的长度是动态的。
2)常用的链接在顶部,各个页面都能看到,很方便。
搜索放在左侧,和一般放在右侧不太一样,但是为了突出右侧的重要优惠广告,也就可以接受。
将网站的两大全局优惠及其条件放置在最为显眼的顶部右侧,很吸引眼球。这点在设计上可以参考。
“the daily special”栏目对新老顾客都很有吸引力,我想该图标的点击率一定很高。
把导航全部放在左侧,而不像大多数站点占用顶部作为放置一级导航的首选。这种做法对于本站点问题不是太大,
因为它的导航分类得非常清晰好用,
如:
Shop->First Time Shopper针对新用户设计。
Shop By Brand针对品牌忠诚顾客。
Special Offers针对喜欢折扣的顾客等等,总有一样适合你。
虽然很多站点都采用Tab作为主页产品的分类展示,但是我比较欣赏的是它的Tab的名称,非常的人性化,
是从顾客思考的角度来设计Tab名称,我相信顾客使用时会比一般的Features Product、New Arrival更加有亲切感。
每个产品以橱窗形式,底色用白底,体现出产品的高雅,白色的Add to Cart和整体设计都很配。
用一张横幅广告作为上面的主体部分和下面的文字内容的分隔,这点做得很巧妙,对于大多数用户而言,只会
看到一屏之内的产品,甚至错觉以为该广告就是这页面的底部了。
这部分表面上是一些皮肤保养、化妆技巧知识,但是实际上作为页面的功能,我认为它更主要是为了SEO,而且
这部分的设计比上次我介绍的ProFlowers.com的下面部分SEO更加的好,因为一般的SEO文字,对访客而言是没有什么
可读性、可用性的。但是这部分的设计兼顾了SEO和用户体验,值得我们在设计上借鉴。
对比essentialdayspa.com下面部分的关键词堆砌,这里显然高明得多。
这部分是邮件订阅登记用,我个人觉得邮件订阅就应该独立占据一行,比藏在一个角落好多了。这个功能其实对
提供转换率很有帮助,只是目前在国内并不太重视,又或者做得不好。
篇4:网站视觉设计分析:频道改版方法和经验
文章描述:频道是一个与用户交流的平台,做到与用户的无障碍互动,不仅需在内容层面的体现,更重要的是体验上的感触,.
频道是产品的门户,用户的窗口,业务的平台, 随着平台上产品的发展,频道的改版那是必然的事情,每次改版的目标和方向都在发生变化,对于设计师而言就意味着又是一个新的产品设计,所以频道改版方法和经验一半靠前人总结,一半靠自己摸索;一、新手误区:
拿到交互demo就直接对交互稿进行视觉设计,当遇到某个版块放在这个位置不合适的情况下就会直接更改版块位置,发现色彩比较淡就会任意更换色彩或是添加新的设计元素;为了让页面看起来更加饱满
就任意添加推广banner……
这些感性设计貌似看起来是补救的方法就这样随便的被引用到了你的设计中;
当交互设计师看到你自以为欣喜的作品时心中可能按捺住一股怒火:任意更改版块位置、任意添加推广banner、
任意新增版块…..
由于这种太过感性的设计也就造就了混乱的页面,缺失了视觉的美感,一般称之为“随意性设计”!
以上应该是很多设计师都会发生的类似情况,
所以在这里通过实际项目总结了下新手设计频道的流程:
二、新手设计频道的流程
1.了解改版背后的那些事
当设计师接到一个项目的需求的时候都会第一时间看需求文档,经过一轮的理解和梳理之后总会陷入很多的疑问,这些疑问就需要设计师去思考和了解的;简单的一个频道的改版背后总蕴藏着不为人知的秘密,为什么要改版?改版的目的是什么?这都是我们需求去思考和了解的问题2.理解业务结构
频道是各大业务的集合平台,承担着为用户传递信息的枢纽,频道需要展示各个业务模块,各个业务模块之间却又存在着千丝万缕的关系,怎样合理的规划安排各业务模块存在的位置就需要我们去深入透析各业务的关系和结构,确保模块的合理清晰化3.对页面做出合理定位
把业务都清晰的了解后就应该结合项目背景和目的对频道做出清晰的定位,频道做成信息承载?功能承载?两者的结合体?面向的用户是谁?等等一系列因素直接影响到合理的定位4.风格设定
通过沟通和思考之后终于把信息内容确定下来,接下来的就需要对设计定一个方向,这个方向可以是自己的判断和理解,可以是通过对行业相关产品分析之后的产物,具体的视觉产物主要包括:颜色、文字、质感、版式、主题元素5.设计页面雏形
频道的信息承载比较庞大,一小点的设计变更都会影响到整个全局,最好的方法是对现有的信息和结构100%灰白稿还原,切记是100%还原,这样一个没有上色的频道页面就出来了6.视觉设计
一个产品就好比新娘,怎样给新娘设计美丽的嫁衣直接体现外界看新娘的眼光;频道是个严谨的产品,色彩的搭配都需要讲究,每个元素的添加的背后都需要支撑的理由,否则勿动!设计是做出来的,没有完美的方案只有最合适的方案,通过尝试去做最终挑选出最好的方案7.细节调整(规范)
视觉的输出终归到产品本身,再好的视觉表现一旦脱离了产品的本身都将一文不值,减掉赘肉、调整…8.终稿
通过这些方法设计频道就简单多了!
三、诚信中国频道项目设计实践背景:现有频道导航维度太多,产品信息层次混乱,买卖家内容定位不明确;频道入口繁杂,缺乏梳理;页面布局受限导致新增业务承载有限;用户活跃度低,无互动两点功能;信息内容滞后更新缓慢;
目标:减少主导航的信息维度,划清买卖家信息结构,重新梳理信息内容明确运营内容 ,新增问答互动方式,交易流程化定位服务,买卖加视角分离
互联网安全产品分析:
淘宝-消费者保障
为消费者提供交易保障服务的产品,在接触淘宝购物时候就会通过消费者保障这项筛选功能进行搜索产品,那时对网购安全没有太多的认识,都是通过口碑传递安全保障,时至今日消保已经深入人心,所以在大部分用户的潜意识中带有绿色的手掌上捧着黄色购物袋的标志是比较靠谱的商品,绿色给人以宽容、大度、信赖、保障的感觉。腾讯-QQ电脑管家的3Q大战的主角之一,QQ电脑管家是腾讯公司的一款免费安全软件,功能包括安全防护、系统优化和软件管理等,从QQ医生一步步升级到现在QQ管家,从最初的一个查杀 木马的小工具到现在安全保护、系统优化和软件管理的强大软件,一个盾的外形一直在延续,这种安全的寓意似乎没有其他东西能比它更好的诠释,一个蓝色的盾形里面3块颜色似乎在展示着无比强大的保护功能。蓝色给人以永恒、理智、平静、纯净的感觉。腾讯-诚信保障
在腾讯拍拍网上提供保障服务的产品,它的外形及含义相比消保都比较抽象一点,拍拍的诚信保障的外形可以理解为抽象的手(当然还可以理解成为其他的)捧出一个心型,在心型上写着“信”,这个感觉更多的是个人
道德上的爱心维护(买家),里面再加个“信”更是想针对卖家的诚信(卖家),意思挺好,这种双重理解较为
困难。
绿色和橙色的搭配给人以灿烂、辉煌、活泼、光明、以及权力的感觉。
上面分析的3个都是给用户提供保障的产品,通过3个产品的分析可以看到3种保障性产品视觉传递给用户的色是:蓝色、绿色、橙色、黄色,而产品频道的色彩都采用产品的VI色
情绪版分析
一系列的分析和总结过后,最后得落实到自己的产品上来;诚信中国的产品都分别采用蓝色基调作为产品的品牌色,所以在频道色彩定位的时候就很自然得把蓝色沿用进来!
随着色彩定义完成之后就是细节的设计和处理了,这里就不再多谈!频道是一个与用户交流的平台,做到与用户的无障碍互动,不仅需在内容层面的体现,更重要的是体验上的感触,
良好的用户体验需要设计师情感的注入,用户与产品的共鸣是对体验最好的诠释。
篇5:TOM.COM网站首页改版的体验感受
没有任何征兆的在cnBeta上看到关于TOM.COM网站改版的新闻,说是页面可以自定义了,这给我的第一想法就是:TOM.COM开始像一些Web2.0的网站学习开始走WEB2.0的道路了。于是链接进去体验了一把,下面说说我的体验感受:1、对于这个自定义页面的功能,新鲜感上没什么好说
没有任何征兆的在cnBeta上看到关于TOM.COM网站改版的新闻,说是页面可以自定义了。这给我的第一想法就是:TOM.COM开始像一些Web2.0的网站学习开始走WEB2.0的道路了。于是链接进去体验了一把,下面说说我的体验感受:
1、对于这个自定义页面的功能,新鲜感上没什么好说的,早就有所谓的WEB2.0的网站实现了。现在的互联网上这种网站一抓一大把,可是多数是一些二流的网站,像TOM.COM这样的传统大门户在国内还是没有先河的(国外很早就有了)。如果说网易首页的改版只是在WEB2.0的道路上走了小小的一步(极其甚小的一步,甚至都不算是WEB2.0),那么TOM.COM就是朝WEB2.0跨出了大大的一步;
2、对于早已经被排除在三大门户之外的TOM.COM来说,这次改版也是一次无奈之举。面对其它几大门户的挤压,每况愈下的TOM只能通过其它更彻底的方式来保持住自己剩余的用户,而这种彻底的方式就是选择走上WEB2.0的道路,一切以用户为主;
3、相比于技术而言,内容永远是更为重要的一点,“内容为王”是一个网站存活的不二法则。但是在这个信息化爆炸的年代,各种各样的内容充斥着互联网,那些门户网站们也恨不得把所有的信息都搬到首页上来以显示他们内容的丰富程度,所以我们看到都是那种长长的密密麻麻的充斥着各种信息的页面。但似乎那些门户网站们忘记了很重要的一点,“内容为王”之后应该是“互动为主”,而不是让那些信息死板的呆在首页的某个地方。更何况这些繁杂的信息并不是每个上他们网站的用户都需要的,也许用户们只是需要其中很小的一点,于是他们就要辛苦努力的去找寻相关信息。网易在改版首页时大面积的使用了Tab式的导航栏,很大程度上节省了用户的时间,算是在门户网站中第一个具有更好可用性设计的,可是这次TOM.COM更为彻底,将可用性更进一步的深化,完全可以将TOM.COM的首页定制成自己的个人主页,人性化程度全面超越其他国内门户;
4、TOM.COM的WEB2.0还做得不够彻底,
WEB2.0最主要的一点就是互动,虽说TOM在与用户的互动上已经全面超越了国内的其他门户,可是他的互动还不够彻底,TOM的互动仅仅是停留在他的内容之上,就是说还无法与外来的内容进行互动;
5、在TOM.COM的论坛看了一下对这次首页改版的评价,几乎是骂声一片,在cnBeta的评论中也几乎没有什么好评。究其原因,很大的程度上是国人还不能接受一个传统门户如此彻底而巨大的改变,特别还是在事先没有任何预告的情况下。(网易的改版还提前预告了好几天呢)另一个大原因,我觉得应该是TOM.COM的内部原因,因为这次改版后首页的发布并没有做够完善,特别是邮箱这一块,是所有骂声里最为严重的。要知道对于一个门户来说,邮箱是他们粘住用户的有力武器,或者可以说,邮箱是用户们之所以选择他们的很大原因。对于这么重要的一点,TOM.COM却事先没有做好完善的准备,所以骂声一片也是在所难免的;
6、通过TOM.COM首页的这次改版我们可以得出这样的一个观点:TOM以后将会以娱乐化为主。这点从它首页上可定制的模块就可以看出来,在所有能添加的模块中娱乐时尚方面的新闻占据大部分,而这样做的目的相信也是想在差异性方面找发展道路,因为要论做新闻,没有其他门户网站会是新浪的对手。所以TOM首页的这次改版也多多少少的预示了它今后可能的发展方向;
7、TOM.COM的娱乐化做得过了一点。这样可以吸引年轻一代的用户们,可同时也会丢弃很多的老用户,如何在这之间做出一个取舍,将会成为TOM将来的一个话题;
8、人的认知度存在一个缓冲的过程,TOM.COM这次改版给它的用户们的缓冲时间不够,不可能一下子就被接受,它只能在用户们的一次次声讨中慢慢被接受。一个产品的成熟并不是一次性就可以达成的,随着用户认知度的提升,随着本身不停的改进完善,最终才能成就一个成熟完善的产品。
TOM.COM的这次改版是一个大胆的尝试,甚至是一种自我毁灭式的尝试,这种敢于尝试的勇气是新浪网易们所不具有的。希望TOM.COM的这次改版可以给国内的其他门户引领一个方向,将更好的互动与可用性带给用户。
篇6:网站改版前的现状分析及会解决哪些问题
在“网站分析-这里好像有问题”第一回和第二回中我给大家介绍了如何提高转化的方法,我们不能盲目的按照广告代理商的建议去采取措施,应针对网站的目标,将访客的行为过程化,并运用网站分析基本技巧加以分析;在分析结果基础上再去判断采取什么优化措施来提高网站的ROI。
接下来我想在第三回给大家讲一下网站改版。当我们建立了网站之后,经常会因为某些理由不得不进行改版。但遗憾的是,我很少见到网站分析咨询的负责人很有自信的说【我这次网站改版一定成功】。
虽然我们做了周密的计划,并且花费了很多时间进行网站的改版工作,但是所期待的改版效果却迟迟没有到来。这究竟是什么原因导致的呢?怎样在失败中吸取教训不断的成长呢?下面就让我们学习怎样准确的找出这些原因的方法吧。
网站改版时,抛弃网站的问题,只注重网站设计是一个典型的失败案例。
前些日子,某公司为了网站改版举行了一次招标。当大家提出了自己的想法后,这个公司的负责人打电话给我说:
“除了贵公司其他公司都有自己的设计方案,贵公司不打算拿出一个设计方案吗?”
一般来说在网站改版的时候,很多制作公司会拿出自己的设计方案。但是我常常会有这样的疑问:为什么在招标阶段就能拿出设计方案呢?没有很好的分析网站现存问题,又没有检讨网站的设计理念之前,怎么就能先拿出设计方案呢?
究竟为什么要改版网站呢?
当前的网站存在着解决不了的问题,为了解决这些问题才进行网站改版。在网站改版时,如果说没能解决这些问题,即使再优秀的设计方案也注定是个【失败的改版】。据我所知,网站改版的理由(也就是网站当前所存在的问题)和网站改版失败的典型案例如下:
网站改版的理由(网站当前所存在的问题)
△网站当前的功能有待完善(站内搜索功能、搜索的项目、网站的会员登录和会员申请等)
△网站转化率停滞不前
△网站添加了内容后,可用性下降
△网站不能顺利的运行
△公司业务的未来发展方向或服务有所变动
△网站有些过时,显的有些土气
△很多人反应网站使用起来很困难
△老板对现在的网站不满意
网站改版失败的典型案例
△网站改版后可用性并没有改善
△网站的设计有所改善但转化数却没有上升
△网站改版融入了太多大家的想法所以有些杂乱无章
△满足于网站改善后的效果,但是没有关注网站转化率的提高,可谓没有改善
△网站改版时没有设定改版目标,所以无从判断网站改版成功与否
△网站目标的设定不够准确,改版后的网站沿着错误的方向进行下去
我并不否认,为了解决网站现存的问题,防止改版失败,网站的设计也是一个很重要的因素。但是除了网站设计之外是不是还有其它更重要的因素呢?
究竟什么才是网站改版的重要因素呢,我们应该做些什么呢?
网站改版前的现状分析是第一步
网站改版是为了解决当前网站所存在的问题而进行的。正因如此我们首先应该明确网站当前迫切需要加以改善的问题点。倾听网站相关者的意见,调查出当前网站存在的问题是非常重要的。但是仅仅做到这些就足够了吗?
例如,我们知道网站当前存在着转化停滞不前的问题,但是如果我们不去弄清原因的话,是没法采取措施的;网站当前存在着使用性很差的问题,如果我们不清楚究竟是哪一部分出现问题的话,我们就无法将网站改善成为使用性很强的网站。当网站所提供的内容不能迎合用户的需要的时候,我们需要去探究那些符合用户需要的内容。
像这样的具体问题如果没能准确的把握问题产生的原因的话,就很难摸索到一条正确的解决途径,也很难拿出一个很好的解决方案,
作为探明网站问题原因的具体方法,下面我们对图1做一次详细的说明。
图1 定量分析和定性分析
(一)网站日志分析
是指利用网站分析工具,分析网站的现状和问题的一种方法。
利用网站分析能够明确网站当前的状况,例如网页浏览数,唯一访问者数,站内搜索关键字和网站平均停留时间等信息。这些数据可以作为网站改版后的目标值设定以及SEO对策的关键绩效指标(KPI)。
更进一步的说,网站分析不仅仅能够获得以上这些信息。通过对网站访问者在网站内的行为分析还可以发现很多网站存在的其他问题。例如:
●在完成转化目标的过程中哪些环节存在着瓶颈;
●网站改版后哪些原有的用户导航线路应该被保留;
●网站的哪些位置更容易被用户点击;
●哪些信息最符合用户的需要;
●是否存在跳出率很高的网页;
●新访问者和再访问者的比例如何;
●新访问者和再访问者浏览网页的倾向是否有所不同;
等等问题都可以一目了然。
通过以上这些具体的分析结果,我们在网站改版时就会变得游刃有余,更加明确应该注意哪些问题,怎样进行诱导用户的导航设计、网页的排版和内容填充。同时,在评估网站改版后是否改善了网站现存问题时,网站分析也是非常有帮助的。
(二)启发式评估
启发式评估是基于网络营销专家的启发式(运用自己的经验和学习的知识去发现问题)和网站设计的基本原则,去评价网站:是否具备其应有的基本要素,是否背离了网站的基本原则等的一种分析网站问题的检证方法。
以可用性和可访问性的观点,进行全面的,综合的检证,可以明确当前网站缺少哪些要素,这种评估效果可以直接反映到网站改版之中。要想进一步挖掘产生这些问题(运用网站分析所发现的问题)的原因时,启发式评估的作用也是很明显。
(三)可用性测试
也叫做用户测试,是指事先准备一些网站的问题和测试脚本对预设的目标用户进行测试,通过对测试者的转化达成状况和测试者的评价,明确网站的可用性相关问题的一种评价方法。(图2)
图2 用户可用性测试分析图
这种方法与启发式评估相比,缺点是在检讨问题和脚本,招募测试者等方面需要一些开销,优点是可以发现对象网站的固有问题。
运用用户可用性测试的分析手法能够发现诱导用户的导航设计,网页的排版,网页语言和网站使用说明等相关问题,加以采用适当的解决对策进行网站改版,堪称完美。
(四)用户与网站的交互数据分析 / 问卷调查分析 / 用户访谈
这些方法可以直接把握用户对网站的内容、网站的可用性、用户在使用网站时的困扰、使用对象网站的背景等的心声。
运用网站分析可以把握用户在网站内的行为,但是不能把握用户访问网站时的详细背景。当然也无法把握启发式评估和网站可用性等信息。
访问网站的用户肯定是遇到了什么问题或是存在着某种目的访问网站的,在用户看来网站肯定能够满足他的需求的。如果灵活的运用:用户与网站间交互的数据分析/问卷调查分析/用户的访谈等方法,可以准确的把握住用户的需求,网站改版时将这些内容填充到网站中,就能使网站变成用户“可以使用”并“喜欢使用”的网站了。
到这里我给大家介绍了网站日志分析、启发式评估、网站可用性测试、用户与网站间交互数据分析、问卷调查分析、用户访谈等方法。不能说在网站改版时必须一一实施以上所有方法,但反过来也不能只实施其中某一个方法。要根据自身网站的特点,采取与之相对应的方法才会有效果。
接下来,我们终于可以开始改版网站了。网站改版实施过程中需要注意哪些事项呢?改版完成后就万事大吉了吗?这些问题将在网站分析-这里好像有问题!(四)中和大家继续讨论分享!
如果并不想对网站大规模改版,又想提高网站的转化数量,可以回头看看《网站分析-这里好像有问题(一)》。
文档为doc格式