用户操作
[留言]  [发消息]  [加为好友] 
订阅我的博客
XML聚合    FeedSky
订阅到鲜果
订阅到Google
订阅到抓虾
alexpengster的公告
======================= 【Position】 Web Designer 【Tag】 CSS、JavaScript 、XHTML、XML、JSON 、YUI、 AJAX、DHTML、DOM =======================
文章分类
我的个人网站开张了~~~
web前端开发技术社区,致力于web标准,界面友好和网站可用性的提升!(RSS)
存档

原创  OKBIG网站分析报告 收藏

 

网站要好用,必须要考虑使用性:Usability
网站要好看,必须讲究视觉效果:Visibility

 

Logo设计 】

在网站设计中logo的设计是不可缺少的一个重要环节。logo是网站特色和内涵的集中体现,它作用于传递网站的定位和经营理念、同时便于人们识别。Okbig网站采用域名的英文字母与如意购中文组合的表现形式。黑黄搭配,对比鲜明,色彩醒目。这种手法直接、明确、一目了然,易于迅速理解和记忆。

改进的地方:

1.     黑色跟黄色色块力量过于均衡,无法区分哪个是主色,哪个是强调色彩。

2.     Logo形象表现不整体,okbig和如意购区分成了三块,相对独立,三块之间缺乏连接元素,有脱节之感。

3.     传达内容过多,一个网站的名称和logo,应该是简单明确。Okbig,如意购,和国际时尚网络商城哪一个都可以是一个非常不错的网站名称,但是三个一起,给用户传达的信息过多,反而让用户感觉混乱。

4.     Logo与版面色调既要统一又要显眼。快速扫一眼画面,能迅速找出,现在与画面的其它元素色彩过于一致,不太醒目。

Welcome欢迎文字栏

 
【 版面布局 】 

 

       
 
 
   

其它栏目

 
 

 

 

 

 

 

 

 

 

 


网站采用B2C网站的经典排版处理,符合用户的使用习惯,用户能够很方便地找到网站的核心内容和核心功能。网站采用980px的宽版设计,页面可以承载更多的内容。但是800*600显示器用户同时面对横向和纵向的滚动条,浏览会相对吃力。商品的详细内容信息页面用户体验很好,不仅可以看大图,而且可以从不同的角度看,还可以查看各个细节。Select,input,button的使用符合图形用户界面的设计标准。

可以优化的地方:

1.       B2C网站最典型的做法,是把页面最上面的一行设计成用户帐户信息栏,而不仅仅是欢迎区域。我的建议也是把我的账号,购物袋和我的愿望等用户信息放在最上面。这样最符合用户的使用习惯和购物体验。而且用户的角色感更强,便于用户的个人账号信息管理。

2.       Logo右边的特色服务导航数量尽量精简,并且做成更接近按钮的样式,设计的稍微小一点。因为在大多数用户的1024显示器,网站是满屏显示,把这部分设计更精炼,头部看起来不会设计过度,觉得内容过多感觉压抑。

3.       菜单栏与搜索框栏目前都是黑色背景,其实这是两块相对独立的功能区域,所以,是否在色彩上有所区别,让用户更方便快捷找到想要的东西。

4.       主要内容区域左侧用iframe来显示主要的品牌列表。一来对搜索引擎不友好,二来目前品牌列表都是用12px小宋体显示,在深灰色背景下,可读性较差,分类感觉不好。

5.       首页导购flash和二级页面的banner图片或flash是否太大?如果是图片翻转flash,是否考虑从xml导入图片的方式?大的导购图和banner图不仅增加了服务器的压力,让页面下载更慢,更重要的是让用户没有办法在第一屏看到他们想要的东西(这主要是指商品列表页面)。

 

【 色彩运用 】 

需要优化的地方:

1.  网页设计的终极目的是为让网站表达更清晰,用户更易用,而不是简单追求网站设      计本身的效果。很多地方,色彩的运用与功能区域的划分脱节甚至矛盾。

2.  网站有大量的展示图片,而这些图片暂时跟页面整体色彩搭配的配合较少。比如首页,大的flash导购图翻转,打乱了整个页面的色彩配合。让整个画面色彩处处抢眼。

3.  在在超过1024以上的显示器中,网站暗红色纹样图案灰色背景,在搭配上不仅没有为页面加分,而且分散了用户的注意力,使画面显脏。而且在页面中也用了与背景明度相近的灰色,灰色背景并没有起到把内容区域压出来的作用。

4Logo旁边的导航图片有些优化过度,像素质量太低,噪点过多,影响了真个画面的品质感。

5. 各个频道使用了不同的色调,这让网站色彩丰富了,但是没有统一整个网站的设计元素较弱,网站设计的整体感会差一些。

 

Okbig网站目前的整体设计风格还是两年前的主流风格,作为时尚领域的B2C网站,紧跟潮流的网站设计风格应该是迎合浏览者和消费者的一个重要保证。让浏览者保持新鲜时尚,愉悦轻松的浏览体验,这也是以用户为中心的重要体现。

 

【 文字图片 】 

可以优化的地方:

1         网站上的链接文字,按钮文字,各级标题文字,文档文字,提示信息文字没有清晰统一的标准。很多文字分不清是强调文字还是标题文字,不知道是可以点击的还是不能点击的。单纯从视觉上无法看出,经常需要用户用鼠标试试才知道,这个是比较影响用户体验的。

2         搜索框前面的链接文字,如果不仔细想,很容易误解成热门搜索关键字,这是很多电子商务网站的做法。

3         搜索按钮后面的“高级搜索”应该是一个链接而不是按钮,按钮是要表单提交的,把“高级搜索”放在一个搜索框后面,用户会很自然地误以为是在搜索框里输入搜索关键字,然后按“高级搜索”会响应请求,提交表单。这样的设计违反图形用户界面的设计标准

4         网站导航图片,导购flash图片优化过度,影响网站品质感。另外一些图片却还有很大的优化空间。图片优化的标准是在不影响图片品质基础上最大程度优化。

 

界面设计的一致性,主要体现在三个方面:隐喻产生的效果、系统的输入输出之间的关系,界面的外观和视觉效果。研究表明,增强界面一致性有利于提高用户操作的绩效和满意度,同时还可以减少操作错误。

发表于 @ 2009年03月29日 23:11:00 | 评论( loading... ) | 编辑| 举报| 收藏

旧一篇:goodscool网站优化方案 | 新一篇:Tradetuber网站分析报告

  • 发表评论
  • 评论内容:
  •  
Copyright © alexpengster
Powered by CSDN Blog