经典论坛's Archiver

lanlanwork 发表于 2008-6-25 15:07

2008620日今日阅读:荷兰喜力Heineken网站

[b][color=DarkGreen]放在自己博客上,也是自娱自乐,不如发过来,给大家共同分享。不过,要一张张重新贴图,就太麻烦了。
要看图文并茂的,您请到这里看原文吧:)
[url]http://hi.baidu.com/lanlanworkbolg/blog/item/d9d41f315a4d88ad5fdf0e40.html[/url][/color][/b]



2008-06-20 13:31蓝蓝写

     今天,是一个惬意的周五,看到收藏夹中2002年截下来的喜力ireland(爱尔兰)的网站主页,那么棒~忍不住萌发看看今日这个网站的冲动

     先看下2002年的ireland(爱尔兰)的网站主页 ,深深浅浅的绿色,顿时让人感受到夏日绿荫下的清凉,一丝红线跳跃醒目,与品牌logo红星相得益彰,万绿众中一点红,想来就是这种感觉!
[img]http://hiphotos.baidu.com/lanlanworkbolg/pic/item/7a764a5063edf6491138c2aa.jpg[/img]

     遗憾的是,2008年现在的爱尔兰网站主页给我的感觉并没有2002年的设计感那么好。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

2002年的ireland(爱尔兰)的网站主页



2008年的ireland(爱尔兰)的网站主页,设计感削弱,更加突出了地域特色和活动。这样改一改,较之以前网站的实用性,方便度,点击率都会得到提升。设计,并不是网站成功的唯一,商业设计,重点是契合用户的心理。
[img]http://hiphotos.baidu.com/lanlanworkbolg/pic/item/d8d3d10e3b3be7df7acbe1ab.jpg[/img]
  




~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~附上喜力的背景资料:

荷兰喜力(Heineken)啤酒,是排名第一的国际啤酒品牌,世界第二大的啤酒集团,品牌在50个国家中与超过110个的啤酒公司联营生产,产品在170多个国家和地区里销售。

创建于1863年的喜力品牌,其第三代掌门人AlfredHenryHeineken为品牌的识别立下汗马功劳,他富有创意地将喜力啤酒瓶的颜色都统一为绿色,把Heineken品牌标志中的三个英文字母e巧妙地设计为微笑的嘴巴。这两项识别要素为喜力品牌个性的塑造和传播起了非常重要的作用。

虽然喜力三代人终身专注于独特酿造配方的世代传承,从原材料、酿制用水、酿造流程、瓶装到分销每一个环节的严格把关和高标准要求,但可能是受欧洲传统文化影响,对于这样一个具有百年品牌历史的“老店”,它没有从老祖宗那里去“挖掘”遗产,吃老本,拿“独特配方、世代相传”作为品牌卖点。它除了在营销组合中创造性地采用了赞助各种网球公开赛、音乐会、电影来塑造自己的品牌形象之外,还常常在广告创意中用幽默和诡秘的氛围去表现喜力所具有的魅力。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~今日主页

原来是全球啤酒老大,难怪第一眼看到这个网站,感觉设计是如此的不同(当日只是看到爱尔兰地区的主页,很少喝啤酒,也鲜知喜力的背景)

让我们来参观一下喜力的全球网站首页:

[img]http://hiphotos.baidu.com/lanlanworkbolg/pic/item/678e3d2f08cf182d1e3089aa.jpg[/img]
[img]http://hiphotos.baidu.com/lanlanworkbolg/pic/item/25c9afd7f0eba7c8a044dfab.jpg[/img]


  


惊人的简单!

首页分为三个入口,

1. heineken for you,面对消费者。

2. 公司资料,面对公务伙伴。

3. enjoy heineken responsibly 展示的是企业责任。(培训消费者合理使用酒精和发展/支持计划。)

上面俩个图片是随机变化的----大都是正在休闲的年轻人(喜力目标消费群的人物照)


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

面对消费者入口进入,会弹出flash让您选择地区和年纪。年满21岁才可进入。几十个国家和地区,语种不同,VI形式非常统一。 flash互动特效交互大多数国家做的很有创意。这是turkey的。

  



[url]http://www.heineken.com/turkey/[/url]



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

公司资料,面对公务伙伴入口截图--风格清爽简约,条理明确。

  



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

多品牌,每个子品牌另有风格迥异的网站。

  




  



  



  

上面这个品牌,设计的输入框很有创意。

  



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

从第三个入口进入-------enjoy heineken responsibly体现的是企业责任,截图如下   

这个页面第一段的英文大意是:

Heineken USA is committed to educating consumers about the responsible use of alcohol and developing/supporting programs that underscore that commitment. We appreciate you taking the time to learn more about this important subject and hope it provides information to help you make responsible choices.

Heineken (啤酒的牌子:喜力)美国正如它承诺的,它有责任培训消费者合理使用酒精和发展/支持计划。感谢您抽出宝贵的时间来了解更多有关这一重要理念,并希望它能给你提供更多的资讯,以协助您作出明智的选择。

说明喜力非常注重自己的公众形象。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


另附一篇千鸟关于品评网站的文章:

有时会被问到“看看XXX网站如何?”之类的问题。

谈到评估,通常都是指产品级的网站,如果模式很新,了解需要花一定时间。于是,很多

人又问“那么你仅从UI/UE的角度看看呢?”首先我们得达成共识,一切花里胡哨都在为功

能服务,如果功能满足都成问题,其他就没必要谈了。

举例分步说明,注意先后顺序。

第一,没有足够应用经验,不可能了解网站的功能和结构,如何做出判断?

初步印象

是否有眼前一亮的感觉?任何元素都可能抓住用户,先入为主。
能否尽快搞清楚,网站提供何种服务,并且能尽快明白,有无注册的必要?

信息可视化

好页面似一杯鸡尾酒,具有层次感,远近都能看出效果,而不是一坨浆糊。
呈现是否平衡?不相干的元素之间,也可能建立联系,很多不协调的根源,就在这里。
尝试在纯UI的角度深度感知,整体氛围是否和已了解的概念搭配?比如够不够热闹、有没有品位。

通过模块能否分辨出网站?

不看Logo还认识网站么?检查内容+界面的相关性。

导航系统

多深入几级页面,是否清晰自己的位置?
多纵横逛几个来回,是否已经迷路?


第二,假设对产品有了初步了解,确定自己需要此服务,如何细化尝试?

功能结构

主体逻辑是否清晰?思路是否顺手等习惯问题。
能满足自己多少需求?只是衡量产品的成熟情况,但不是好坏关键。
有多少创新?让自己意外了,统统记下来。

设计细节

交互设计,挑主要业务流程进行测试,主要看逻辑是否混乱。
视觉设计,不仅仅是图形,字符效果同样需要推敲,也属于深入信息可视化的范畴。 (蓝注:这里讲的字符效果,部分指字体,大小,及其它特效)
信息设计,内容有没有生命力?情感化等同于催化剂。 (蓝注:内容有没有生命力?蓝蓝认为指动态更新、内容选题)

客户端技术

交互流畅程度,大量的Ajax技术应用会影响效率。 (蓝注:指快与慢)
搜索引擎的优化工作,可以借助Alexa和Google两大工具。 (蓝注:指网站被搜到的可能性)
代码质量,看几个代表性页面就可以。 (蓝注:指代码的简练和标准化)


第三,在竞争对手的角度,如何提炼总结?

产品跟踪

更新节奏,改版中可能会暴露发展方向和一些好创意。 (蓝注:指随时根据缺点来调整修改)
解决方案,重要的不是完美,而是统一,体系才能形成壁垒。 (蓝注:此处蓝蓝的理解是在UI解决方案方面,注重整体VI识别,品牌的力量更重要,必要的时候,牺牲局部的优秀形式,服从整体,不是特别理解这句话)

数据挖掘

找准用户群,并在运营的角度进行细分、锁定各自特征值,提供可修正的参考依据。
关注用户忠诚度,不满意就意味着寻求改变。
用户活跃程度和活跃倾向,也是值得参考的重要数据。
我经常参与测试产品,不管是自己的、别人的、感兴趣的、不感兴趣的、见过的、没见过的,大致都可以使用同样的方法体系。把事情做彻底,目地就是搞清楚设计意图。 (蓝注:此处“搞清楚设计意图”应指了解和把握用户需求。有了问题,答案就不再难)

三个部分阐述,其实也暗合用户理解的本能、行为、反思三层结构。通常,人做事的能力

和态度具有相关性,从前边的工作成果,基本上就能评估出后续工作的斤两。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

以上面文章中谈到的各个条件为标准,喜力网站都是非常优秀,全球领先的,是一个不可多得的,对用户、对体验、对技术了解的很深刻的网站!

(全文完)

[[i] 本帖最后由 lanlanwork 于 2008-6-27 09:39 编辑 [/i]]

actor1937 发表于 2008-6-25 19:33

没有图,体验不出来好啊:D

lanlanwork 发表于 2008-6-26 17:38

[quote]原帖由 [i]actor1937[/i] 于 2008-6-25 19:33 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4076937&ptid=2866598][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]
没有图,体验不出来好啊:D [/quote]

[b]有兴趣的请劳驾移步:[url]http://hi.baidu.com/lanlanworkbolg/blog/item/d9d41f315a4d88ad5fdf0e40.html[/url] ...

偶实在懒得贴了。:) [/b]

[[i] 本帖最后由 lanlanwork 于 2008-6-26 17:40 编辑 [/i]]

lemonzq 发表于 2008-6-26 18:43

建议楼主放图,同意二楼的观点,在这里“体验”是第一位的!

lanlanwork 发表于 2008-6-27 09:47

[url]http://www.heineken.com/[/url]

喜力的全球网站地址。

说到用户的体验,百度用户的体验非常好的,起码,他的博客支持全文带图片粘贴,这样转载图文就非常节省用户的时间,方便了,用户才会经常登陆更新。

在经典论坛里发贴,是需要一张张贴图,而且低级别的新用户不能直接上传图片。限制,打消用户的积极性,技术,增加社区的黏和度。

有些时候,道理大家都是懂的,但财力、时间都要跟得上,网站才谈得上以用户为中心。

页: [1]



Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.