【值得一看的展览】这些获奖的博物馆网站,好在哪儿?
艺术小小值与你分享【值得一看的展览】
关注我,不定期打赏粉丝金币哦~
如今,每个人都有社交账号,每个机构都有网站,博物馆也一样。只不过,有些博物馆的网站比其他博物馆的更棒。
2015年,有「互联网界奥斯卡」之称的威比奖(Webby Awards)评选揭晓,位于英国伦敦的设计博物馆(The Design Museum, London)的官方网站荣获「人民之声冠军奖」(People's Voice Winner),并获最佳导航/架构(Best Navigation/Structure)奖项提名。Mucem、Frans Hals Museum等博物馆网站,也分别获得过Awwwards、CSS Design Awards等国际专业网站设计评奖。
小编做设计时曾经常来Awwwards找灵感
威比奖官网
这些博物馆的网站好在哪里?有哪些学习和借鉴之处?设计博物馆网站时有哪些错误应当避免?
2017年,英国博物馆数字化专家Pat Hadley带领团队,就这类问题做过针对性研究并发表,本文将结合案例分享他的观察和思考。从样本多样性和代表性考虑,团队挑选了不同规模、主题、资金、地点和数字化能力的24家博物馆网站作为样本(英国和美国为主)。
01
好的博物馆网站的共性特征
从信息模型入手,对比多个网站,研究团队观察到有些网站出色的回答了用户问题,他们所使用的技巧存在共性。下面结合案例简要说明
1、满足"实用"信息需求适配移动端、清楚的导航(不必很酷)、主页上有关键信息、搜索和社交网络间的交叉链接
案例:The Design Museum, London 伦敦设计博物馆
亮点:网站设计看起来非常时尚。页眉是博物馆外观的巨幅照片,看起来像件艺术品。顶部是站点菜单,低调而紧凑。向下滚动,你能发现最重要的展览公告,这些展览以大张明亮的照片展现。在底部,你可以看到博物馆的作息时间,「预订门票」、「计划参观」、「成为会员」、「订阅电子月刊」、「捐款」等按钮和活动日历。
the Design Museum, London
2、满足"内容"信息需求、清晰的强调展览/藏品、浏览过程感觉像在寻宝、活动日历、精彩的图片
案例:The Museum of the World 世界博物馆
亮点:这是大英博物馆和谷歌联合推出的项目,效果炸裂。贯穿历史几千年的时空隧道上,星星点点分布着各色彩球,那是人类文明的发展轨迹。鼠标滑过彩球时会响起清脆的音符,点击彩球会展现一件代表这一时期的文物,配合制作精美的图文和音频介绍,让人浮想联翩,兴奋不已。
世界博物馆
案例:Frans Hals Museum 弗朗丝·哈尔斯博物馆
亮点:网站的导航是经过精心设计的,不用滚动就可以找到所需的信息。页眉是宽幅字样和图片,页脚则有一点复古风格。网站的互动性非常强大,每个按钮都能激活令人惊讶的页面和过渡效果,甚至还有几个网页版游戏,这让它比其它网站更能吸引和留住游客。该网站荣获2018年4月17日 Awwwards的当日站点(Site of the Day)。
案例:Brugel 2018 勃鲁盖尔2018
亮点:这是奥地利维也纳艺术史博物馆(Kunst historisches Museum Wien)为2018年勃鲁盖尔特展做的专题页面,获CSS最佳网站提名。主页白色横幅下,是艺术家作品衍生的有声动画。向下滑动,整个页面像卷轴般打开,多媒体元素丰富,在左上角,有一个下拉菜单,其中有关于艺术家的所有有趣信息的链接。此外,在参观之前,还可以在卷轴上阅读有关展览的信息。
案例:Mucem 马赛地中海博物馆
亮点:这是最独特、最有吸引力的美术馆网站之一。它采用平面化设计,专注于信息的简单性,但是奇幻多变。页面几乎没有图片,只用不同色块突出近期的事件安排。在页脚,为不同类型的用户单独列出按钮。点击「家庭」,会跳到家庭优惠信息、家庭日活动等有关信息页面;「媒体」按钮则通向近期的新闻稿汇编。这是一种细分用户需求的设计。
案例:Unit London 伦敦单元
亮点:这是间画廊,但同样引人注目。它的页面加载过程很炫,鼠标滑动到左侧导航栏关键词就可以激活。开发人员别出心裁,采用了一项非常聪明的举动:鼠标悬停并滑动滚轮,就会看到高质量的图片,配有有最重要的新闻和展讯。当然,每张图片都很绚丽,有电子杂志般的阅读体验。
C. 满足"感受"信息需求
多语言可供选择
与人有关的故事
风格与藏品和实地空间保持一致
富有想象力的人和地点
案例:大英博物馆网站中文版
案例:Tate 泰特美术馆
亮点:网站标题是一个视频剪辑,包含最新的展览。向下滚动,你会发现有画廊、展览、事件、藏品以及每个主题的详细信息。信息丰富但井然有序,大量的留白使网站看起来优雅和现代,而蓝色的按钮非常适配整体观感。网站的格调和美术馆实体完全一致。
案例:The Museum Of Science And Industry Of Chicago 芝加哥科学与工业博物馆
亮点:Awwwards提名的网站,是设计最为赏心悦目的博物馆网站之一。它以高质量的图片、朗朗上口的文字和直观的导航立即引起人们的注意。网站上种种细节渗透出科技和未来感,激发出人们对实地探索的渴望。
03
影响用户体验的关键因素
除上述共性特征外,研究团队还发现了一些影响用户体验的关键因素。
大部分博物馆网站采用标题式导航栏,点击「汉堡状」按钮则弹出标准菜单,这对满足「实用」和「内容」需求很有帮助。但是,有些机构并不循规蹈矩,也出色地完成了任务,比如荷兰国立博物馆(Rijks Museum)。它配有动态变化的导航。
有些则对导航方式做了更大胆的创新,比如波罗的海当代艺术中心(Balti Mill)。它的导航栏并非小字号竖向菜单排列,而是大字号横向连续书写,像标语和宣言占满屏幕,给人巨大的视觉冲击。
但是,创新不能过于标新立异,而要在确保布局、互动和设计符合博物馆形象,及确保操作方式符合网络习惯之间取得平衡。
图片是博物馆和外界沟通的重要工具,对网站至关重要。优秀的博物馆网站在使用图片时,有如下三个题材倾向:
1、建筑或地面 The Building or Grounds
这类图片试图向访客说明:该博物馆有大量的空间可供探索。雄伟壮观的建筑体(特别是空旷无人时)会激发一种崇高的敬畏感,而人们内心是喜欢「朝圣」的。
The Morgan Library & Museum, NYC
2、馆藏文物特写/ The Collection Itself
这类图片旨在提示访客,来这里参观可以看到的那些珍宝。这是很好的「内容」信息,也强调了博物馆的气质。
大英博物馆
3、游客的照片/Photos of Visitors
这类素材能够激发人们的想象:去这间博物馆游玩是一种什么感觉。这些照片具有代入感,人们容易将自己投射到博物馆内,也能让博物馆看上去很受欢迎。但是,放置这类图片要注意质量,尤其是自拍照泛滥的今天,一些娱乐性太强的照片会显的很俗气。
美国国家航空航天博物馆
伦敦国家美术馆
在排版方面,有两个主要的布局方式
矩阵式布局
矩阵式布局是将图片呈网格状排列,它让人感觉博物馆的体验和内容丰富多样,产生强烈的好奇心,有一种想要打开盲盒的冲动。
伦敦国家肖像馆
平铺式布局
平铺式布局则是将高清大图整版铺开,旨在激发访客的强烈认同。不少网站在主图位置引入动画和轮播,以增加动感。
非洲裔美国人国家历史和文化博物馆
2016年11月起,全球移动互联网的流量首次超过PC。出色的移动端(手机、iPad等可移动智能硬件)表现对一个网站的成功至关重要。研究发现,有些博物馆网站的PC和移动端截然不同,好像全新设计过,有一些则没有变化。但无论怎样,在移动端清晰的传递信息都是必要的。
伦敦约克美术馆
伦敦约克美术馆
对博物馆(以及其他文化艺术机构)而言,网站是传达使命的良好媒介。像任何其他组织一样,博物馆应该拥有一个设计合理的网站,以清楚地传达使命、树立形象、吸引观众,创造更多的增长机会。
尽管网络科技日新月异,社交网络发展迅猛,但「以用户为中心」的思想内核始终如一。望本文为正在创新实践的朋友们带来一点参考。
AlexMahoneFBI
校验提示文案
五魁首
校验提示文案
五魁首
校验提示文案
AlexMahoneFBI
校验提示文案