(图片较大,请拉动滚动条观看)
如果说信息门户网站是以考虑信息量全、快为主,那么商业网站显然就是以如何突出该公司最新商业产品卖点、动向为主。
作为一个设计师,在设计规划网站的时候,首先应该客观的站在普通的用户角度上考虑:如何让用户最直观最需要看到的商品信息及与网站背后商家的意图完美结合起来。
(一)、框架结构
上左下框架结构排版,把中部近占页面三分之一面积的新产品卖点围起衬托出,这是该网站的中心点。中下部为公司最新动向。
(二)、内容规划
IBM在考虑如何更便捷的满足不同客户的需求、同时又能达到迅速推销自己的新产品意图可谓着实下了番功夫。
1、search在右上角鲜明且又方便点击的生理科学位置。
2、上部导航条是围绕着产品、服务、技术支持、实现购买的菜单,体现方便实用、周全服务的特质。
3、左部粗体是IBM针对不同行业的解决方案和相关产品适应范围、良好坚实的权威信誉陈列出来;细字体部分是对不同的用户群,可以选择不同的入口。
4、中部是较直观的新产品图片,中下部放置公司新闻、新产品策略、预出新产品动向,提升在客户心中的可信度心理信息。
5、右边是一些IBM的能提供的主要服务或者说产品、成功范例。
6、下部主要是放置公司各类信息、联系方式等。
从以上内容规划分析,我们很清晰的看到,IBM能够很好的把握住顾客心理,抓住关键视觉部位无不围绕着产品转的主动权。
(三)、颜色
使用标志的标准色为主调,协调统一了整个网站的视觉。在黑色与深钴蓝色添加左框架的淡蓝色,成稳中又能体现其明快风格,使得整个网站的色调生动起来。
在这里略有点难理解的是首页右下角的产品通道搜索框背景运用了与整个网站较有区别的颜色,是为了更好的引导客户视觉呢还是呼应协调了上部导航栏的“Home”欢迎大家共同探讨。
(四)、文字
1、主要由“Arial, sans-serif”“Verdana, Arial, sans-serif”这两种网页常用字体构成整个页面,有点象我们中文网页常用的“宋体”“黑体”。
2、运用粗体分别在导航条、主要菜单标题来与其他文字做主次内容上的区别。易于识别。
(五)、图片
我们知道网站的首页主要是考虑信息量和客户浏览速度问题。
1、IBM的图片用得不多,一张面积较大的主图和三张小小图片,所以大大提高了浏览速度。主图在点睛生动了该网站的同时、有效的减少了客户视觉浏览方向点,直接引导到该网站的中心意图点。
2、程序设置的时间分别更替男、女促销员颇赋亲和力热情微笑的图片,体现、暗喻IBM公司内部团体服务周到、热情友好健康的企业文化精神风貌。
再回到整体上来看:简洁明快、主次分明、方便实用是我此次对IBM网页界面部分的综合特征概括。
分析用户界面实质也是在分析用户、商家目的心理。在这个时间、效率高于一切的现代商业社会,有什么能比方便用户更令人欣慰的减压帮助方案呢?我们设计工作者今后要努力规划设计出更简洁实用的“傻瓜式”网站界面。
(出处:http://www.sheup.com)