项目三:商业网站, 黑马团队

OKA欧卡国际眼镜网页调研文档

2014年10月17日

一、调研对象

 

网站名称 链接地址
TRIOO诚镜眼镜网 http://www.trioo.com/
Ray-Ban http://china.ray-ban.com/
亿超眼镜 http://www.yichao.cn/
十九木眼镜网 http://www.mjs-9.com/
BOLON http://www.bolon.cn/#/home
宝岛眼镜 http://www.baodao.com.cn/
LensCeafters亮视点 http://www.lenscrafters.com.cn/lc_cn/
博士眼镜 www.doctorglasses.com.cn

统计调研了8个同类网站

二、各大眼镜网站的特色

 

2.1导航样式调研与分析

TRIOO诚镜眼镜网(http://www.trioo.com/

  • 导航栏目:首页、男式、女生、太阳镜、我们的镜片、体验店联系我们
  • 导航样式和效果

1

鼠标经过,导航文字由黑色字体变成白色字体,背景色块出现刚好适应文字大小的圆角矩形。

下面会出现二级导航。

优点:导航栏目明确,信息量大,能够让用户明显找到自己想要了解的东西。

缺点:二级导航会挡道其它信息,用户体验比较不好。

 

Ray-Banhttp://china.ray-ban.com/

  • 导航栏目:太阳眼镜、光学眼镜、REMIX、镜片分类、实验室、NEVER HIDE故事
  • 导航样式和效果

2

鼠标经过,文字下方出现一个黑色小箭头指向二级导航。

  • 优点:导航颜色与公司名以及公司logo的色调相呼应,用对比色的形式呈现一种清晰自然地效果。
  • 缺点:响应效果不明显,出现的二级导航内容太多太大影响一定的效果。

 

亿超眼镜http://www.yichao.cn/

  • 导航栏目:全部商品分类、首页、男式眼镜、女士眼镜、品牌、隐形美瞳、优惠
  • 导航样式与效果

3

鼠标经过,背景出现刚好适应文字大小的矩形框颜色变深红色。

  • 优点:导航简洁,美观,色调统一、明了而且更巧妙的设计了一个全部商品分类。

缺点:响应效果太过简单,没有特色。

 

 

十九木眼镜网http://www.mjs-9.com/

  • 导航栏目:新闻、品牌、产品、店铺、公司、工艺
  • 导航样式和效果

4

鼠标经过,眼镜向上移动,边框加粗。

  • 优点:导航栏目明确,信息量大,能够让用户明显找到自己想要了解的东西。
  • 缺点:边框的加粗会给人一种网页错位的感觉,用户体验比较不好。

 

BOLONhttp://www.bolon.cn/#/home

  • 导航栏目:时尚产品、最新资讯、光学知识、品牌文化、我的暴龙
  • 导航样式和效果

5

鼠标经过,文字下方出现一条很淡的黑色背景条和二级导航,网站整体色调变暗。

  • 优点:导航颜色与公司名以及网站整体色条很搭配

 

宝岛眼镜(http://www.baodao.com.cn/)

  • 导航栏目:首页、宝岛品牌、镜尚杂志、最新活动、全店门面、会员专区
  • 导航样式和效果

6

鼠标经过,导航文字由灰色字体变成黑色字体,下面会出现二级导航。

优点:整体布局清晰明了,一看就可以找到自己所需要的产品

缺点:导航颜色搭配不好,看着不清楚

 

 

LensCeafters亮视点(http://www.lenscrafters.com.cn/lc_cn/)

1?、?导航栏目:精选产品、专业服务、镜彩活动、零售网络、关于我们

2、导航样式和效果

7

鼠标经过,字体颜色变为蓝色出现二级导航。

3、优点:导航颜色与logo相呼应,色调统一,突出大方、简洁

4、缺点:二级导航内容太大影响banner图的效果

 

 

博士眼镜(www.doctorglasses.com.cn)

  • 导航栏目:首页、关于我们、配镜指南、活动专区、会员俱乐部、名牌眼镜故事、眼睛与眼镜、ZELE设计大赛
  • 导航样式与效果

6

鼠标经过,以一个黑色大方框,出现二级航

优点:导航简洁,美观,黑底白文的搭配看上去更大气

缺点:响应效果不好,方框太大,影响美观,二级导航的字体颜色不突出,搭配不好

 

2.2导航条栏目建议

  • 导航栏:导航栏的分类不易太多,多会显得杂乱,适当会觉得大气。
  • 首页:欧卡国际眼镜的宣传资料,最新产品、新闻,让用户进一步了解欧卡国际眼镜。
  • 关于我们:主要介绍公司宗旨、广告语,经营理论,客户服务。
  • 色彩搭配:不易复杂,冷暖搭配二种颜色较好,明快一些。
  • 导航运用一级导航。

 

2.3主页栏目调研与分析

TRIOO诚镜眼镜网(http://www.trioo.com/

  • 栏目内容:活动、产品展示
  • 栏目样式与效果

9

产品展示栏目设计简约大方,响应效果,配色搭配方面都很很好。但活动展示过于死板。

 

Ray-Ban(http://china.ray-ban.com/

  • 栏目内容:太阳镜新品、开始定制、光学镜新品、实验室……
  • 栏目样式与内容

QQ截图20141022213204

所有栏目样式差不多,使用同一种样式,搭配上太杂,显得整个网页不统一,但是因为太不统一,没有突出点,让浏览者浏览起来很乏味,找不到重点。

 

亿超眼镜(http://www.yichao.cn/

  • 栏目内容:新品上架、近视眼镜、眼镜片、奢侈品牌……
  • 栏目样式与效果

11

12

整个网页栏目样式都在变动,从上到下,所有栏目的样式都不相同,而且信息量较大,用户能够从这里找到大量自己需要的信息,在作品展示这块更好的展示了商品。

 

十九木眼镜网http://www.mjs-9.com//

  • 栏目内容:主页无栏目

BOLON(http://www.bolon.cn/#/home/

  • 栏目内容:新品上市、店铺查询、暴龙俱乐部、网上商城、光学知识
  • 栏目样式与内容

14

栏目风格简洁,与网站风格统一

 

宝岛眼镜(http://www.baodao.com.cn/)

  • 栏目内容:当季主推、会员专区、培训中心
  • 栏目样式与效果

000000000

产品展示栏目设计清晰明了,但是过于简单,没有吸引眼球之处

 

LensCeafters亮视点(http://www.lenscrafters.com.cn/lc_cn/)

  • 栏目内容:集团介绍、高端品牌、加入我们、联系我们、慈善基金会

2、栏目样式与内容

 

24

首先一目了然,很简单,清晰,完全没有新颖,图片也不够体现亮视点的独特之处,过于平凡

 

 

博士眼镜(www.doctorglasses.com.cn)

  • 栏目内容:新闻动态、最新产品、视力保健、配镜指南
  • 栏目样式与效果

17

整个栏目很大气,自然,黑灰白的色彩搭配符合人们的色彩观,banner图上的导航很吸引人注意,不足之处就是暖色调少了点

 

2.4特色优劣势分析

TRIOO诚镜眼镜网(http://www.trioo.com/

18

优劣势分析

优势:抢眼,第一眼看过去,就是简单明了,Banner图创意十足。

 

Ray-Ban(http://china.ray-ban.com/

19

优劣势分析

优势:整个网站导航条和logo很好的配合,切入了主题,且用色大胆,具有特色。

劣势:整体还是不够明朗。

 

亿超眼镜(http://www.yichao.cn/

20

优劣势分析

优势:明亮自然,简单明了,用户体验很好。

 

十九木眼镜网(http://www.mjs-9.com/)

21

优劣势分析

优势:网站风格简洁,一目了然。

劣势:无商品展示。

 

BOLONhttp://www.bolon.cn/#/home/

QQ截图20141022213919

优劣势分析

优势:整个网站导航条和logo很好的配合,切入了主题,且用图大胆,具有特色。

宝岛眼镜(http://www.baodao.com.cn/)

23

优劣势分析

优势:整体风格挺搭,色彩搭配也合理

劣势:栏目之间没有间隔分开,显得很拥挤

 

LensCeafters亮视点(http://www.lenscrafters.com.cn/lc_cn/)

?QQ截图20141022214916

优劣势分析

优势:LOGO简单的设计与布局整体的设计搭配合理

劣势:走进亮视点这一块的用户体验不好,一大块白色区域,很空荡

 

博士眼镜(www.doctorglasses.com.cn)

?1005

?

优劣势分析

优势:清晰明了,冷暖色调的搭配符合人们的色彩眼光

劣势:栏目内容中没有很突出的显示,不知道那个是重点

三、结论

所调研的8个网站体现自身特色的形式是在网站的banner上,但是在内容上有的用了简单大方的设计,有的用了产品展示方法设计,就没有自己网站的特色。二级导航分类清晰明了,但容易挡住内容,用户体验不好。主要栏目可以分类摆放,不用摆放太多主页面。

 

四、建议

1、在banner上采取大篇幅的形式

2、选择能体现自己店内特色的图片和色彩作为整个网站的特色

3、导航运用一级导航,这样用户体验很好。

4、主要栏目要设计简约,明了。不需太多内容。