首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 每周专访 > 优秀设计师 > 正文
Google
kenny
来源:68design.net 作者:kenny 2007年06月03日 21:35 网友评论:0条 点击:

联盟对话】

68Design.net: 首先请介绍一下您自己目前的工作情况?
现在正值赋闲在家,正在为自己的公司开张做筹划准备工作。

68Design.net: 在您的BLOG里看一篇关于门户网站设计的文章,现在能否再谈一谈?
呵呵,首先声明下,我这里谈的重点并不在于如何设计界面,而是我作为一个用户来体验这些门户网站。随着WEB2.0叫嚣着来到这个世界,各大门户纷纷改版。不论是界面上还是代码上都是进行过优化的,可是仔细看看,还是会存在一些小问题。时代的发展使之门户网站成了人们接触世界,了解动态的一大媒介。可是当密密麻麻的文字,频繁弹出的广告窗口,闪烁的图片出现在我们的眼前,你会有什么样的感受?

这里我先比较了一下各大门户(SOHU搜狐、TENCENT腾讯、SINA新浪、NETEASE网易、YAHOO雅虎)的第一感觉:

SOHU搜狐
整个首页超过了3000px.布局很混乱,不易于浏览。
网站色彩过多,有些花哨,
闪烁的广告不停地在眼前晃动,
很多版块的头部色彩也过于强烈,让人眼花缭乱,
16px的行高让文字显得非常拥挤,大大小小的图片混排在文字中,浏览更加艰难。

高度:3000 px
闪烁广告12处 
漂浮耳朵:2只
后载入式广告 1个
弹出广告2个

TENCENT腾讯
整个布局比较清晰,闪烁广告还不至于造成眼睛疲劳,
但是左右各一个大耳朵晃的我眼睛都花了,
各个版块的色彩统一,整体感保持的比较好,
20px的文字行高还比较利于浏览。

闪烁广告 14处
漂浮耳朵:4只  
高度  2000px
后载入式广告 1个
弹出广告1个

SINA新浪
网站视觉上比较拥挤,且各个版块间隔距离不一致

闪烁广告 11处  
漂浮耳朵:4只 
高度 大于3000

NETEASE网易
两栏布局清晰,干净而整洁。有利于浏览,150-180%的文字行高  让人的眼睛也轻松了一下。

闪烁广告  8处  
漂浮耳朵:3只
高度小于2000
后载入式广告 1个
弹出广告1个

YAHOO雅虎
颜色和布局都很考究,24px的行高也有利于在网站中猎取所需信息。

高度小于1500
闪烁广告:2处
漂浮:无

一比较,很容易看出,yahoo、netease、tencent的网站更利于浏览,统一的色彩,适合浏览的文字行高,不会让用户在屏幕中吃力的寻找信息。

门户网站中的导航

SOHU的网站导航
杂乱无章的导航
类型多且杂,跳跃的红色分散其中,给人造成一种不安定的感觉,有失大站的风范 
按此在新窗口浏览图片

TENCENT的网站导航
整齐的yahoo式主要导航,有序地排列着,视觉效果好
内容导航设置也比较合理 
按此在新窗口浏览图片

有些让我费解的是主要导航下的那个下拉框,每个都是一样的分类设置,重复的导航分类出现了六次,且下拉框里的内容都不属于各个导航的主旨。做为一个用户,面对着不同的按钮,按照常规的理解,按钮的子菜单的内容应该不会一样。 
按此在新窗口浏览图片

SINA的网站导航
分类更多,且有些混乱
左边11栏目都为段直线划开,阅读顺序我理解为从左至右,从上到下
右边三个却是明显的竖列,阅读顺序我理解为从上到下,从做至右。 
按此在新窗口浏览图片

NETEASE的网站导航
简单明了,井然有序 
按此在新窗口浏览图片

YAHOO的网站导航
更加简单明了,井然有序
按此在新窗口浏览图片


输入框的问题
各大门户都有邮箱,这也是他们各自的一大服务项目,面对这一大项目,他们有些好象做的不太友好

Sohu
没有提示输入用户名的地方,文字,按钮以及输入框不在一条水平线上 
按此在新窗口浏览图片

Netease
登入提示明显,但input输入区域过于短小,且两个input框高度相差1px 
按此在新窗口浏览图片

Sina
登入提示明显,但两个input框宽度不一致,且过于短。下拉选择框出现后,很容易伪装成下面的导航栏目,给用户造成混淆的感觉
按此在新窗口浏览图片

分类不合理

作为一个门户站点,自然少不了繁多的分类,可是大多分类都存在着问题。

我们可以看看网易的分类设置:
下图为网易首页 
按此在新窗口浏览图片

当我从首页的导航电击进入其2级页面时,有些页面保持着首页的导航形式,并以字体加粗强调了一下用户正在访问的当前页。(如下图) 
按此在新窗口浏览图片

而有些2级页面却和首页以及其他页面完全不同,如果去掉LOGO和能能够体现网易信息的图片和文字,你也许会认为这个是除了网易以外的网站
按此在新窗口浏览图片

仔细看了看 这才明白,为什么我从首上点击电影进入的页面和其他2级页面不同。原来在网易的首业分类设置上,有新闻 体育 娱乐 财经 商业 科技 汽车 数码 女人 健康 校园 文化 旅游 军事 博客 图片 NBA 电影……..
而这些分类里,电影是属于娱乐的,也就电影应该是3级页面。可是2级分类和3级分类都出现在了首页的主要导航中,在我认为他们是同一级别的。可点击进入后才知道其间的层级关系。

我们再看看上图中的一个显示访问路径的导航,网易首页 > 娱乐中心 > 电影频道。
这三个导航都可以点击,包括正在访问的娱乐中心也可以点击。这样会让用户错误理解为点击这个娱乐中心可以访问别的页面,然而点击这个娱乐中心,却只是把本页刷新了一次。给用户带来了不必要的重复操作。

混淆用户的文字信息

按此在新窗口浏览图片

网易财经是网易的一个2级页面。他继承了首页的导航样式,做的很好。
但是在网易财经中出先了一个“首页”,这个首页是网易的首页还是网易财经的首页呢?
虽然这个首页被包围在一个红色边框中,但是“首页”这个词很容易让人想到网站的起始页面。当人们想返回到网易首页时,会潜意识地想点击这个“首页”,可点击这个也只能够让本页刷新一次。

Mouse hover 的行为

随着web 2.0的推行。各大门户都喜爱使用滑动门,也就是软件中“属性页”的浏览方式。
可是Mouse hover的行为却有着不同

下图为SINA中的一版块
按此在新窗口浏览图片
 

新浪上的一处滑动门,当鼠标经过时,就变换了内容。按照用户的使用习惯,大多都是习惯点击标签浏览另一版块,而这时点击却给我们打开了一个新页面。而且当我们浏览时,一不小心就容易让鼠标指针从标签处滑过,触发事件,转向了另一个版块。其实这并不是我们想要的
按此在新窗口浏览图片

Yahoo 这点就做的很好,在一个版块中有4个标签栏,当用户点击一个标签时,内容转变。符合用户的思维规则,当再次点击选中标签时,才打开新的页面。

除此之外,我还发现sohu中的一个指针状态提示错误
按此在新窗口浏览图片

当我看到滑动门时,我总是习惯性的上去感受一把它带给我们浏览者更多的便利。
我把鼠标移向标签,指针状态变成了手指“pointer”,显然是提示我点击,可是还没等我点击内容已经跳转了。这个时候我们是否考虑应该用默认状态呢?就如微软首页一样

影响浏览的广告

按此在新窗口浏览图片

广告是各大门户必不可少的东西,可是广告出现在信息之上,影响用户的浏览。但是比起tencent来说,yahoo还是比较照顾用户浏览的。
按此在新窗口浏览图片

Tencent的广告直接出现在内容上,把下面的内容挡的是严严实实,严重影响用户浏览查找信息。也许我们可以把他看做是一种不礼貌的行为

门户网站已经成为现在很重要的一个媒介,人们从门户中猎取自己感兴趣的新闻信息,显然应该显得比一般网站专业一点,不论是代码上,视觉上,交互上都应该做到更好,很多小的问题,给用户带来不便,有的甚至误导用户,造成不必要的操作.我们应该把问题明朗话,不要发生不必要的错误。

68Design.net: 您的AJAX版何时能上线,看效果就很让人期待,顺便谈谈在这版界面设计上的一些想法?
一直都热衷于修改自己的网站,哪怕每次都是一闪即过的念头,都会做下去。而随着WEB2.0的热潮,AJAX作为一个技术的整合体,所有现代WEB开发都可以与之关联。与之整合。而此种技术也为我们自己的产品带来了不少亮点之处,所以一直想搬到自己的个人站点上。此次设计被我分成了左右两块,左边为用户功能性的东西,右边则是自己展示性的作品以及观点。明显的左右分区,质感的对比将视觉中心集中在右边的窗口。灵感来自于手持设备的界面。如何能够在固定的区域中和用户进行交互?只能利用上下滚动或可拖动的窗口来表现。整体色彩被我锁定在紫色和墨绿色中。色彩饱和度较低,也适当地加入了灰色。这样,也许能够缓解眼睛的疲劳;同时也使用了与大多数网站不同的色彩。此次设计也只是现阶段对一闪即过的念头的诠释。很多东西还不够完善。也请广大网友能够真诚地提出意见以及建设行的建议。

68Design.net:
 关于你们的团队Yeeoh也给大家介绍一下吧!
Yeeoh团队成立于2006年,是一个提供现代网络服务、软件开发以及内嵌式系统开发的项目团队。并且以实业作为团队生存的基础,团队完全凭借成员个人实力,在各个领域都有一定知名度,所以对于项目开发的产品,有着与众不同的特别。

首页 上一页 [1] [2] [3] [4] [5] [6] 下一页 尾页
上一篇:刘光志   下一篇:项梁
收藏此页】【打印】【关闭
 相关文章  我要点评
·mouse1001:汽车没它 跑不起
·小朋友:乱搞一通 刚出设计稿
·Simplor:最近两天新的企业站
·张谦
·于洪庆
·阳子:发几个作品,大家给些意见
·王林元:奇瑞比稿
·王林元:Keer gold的提案,有花无果

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】