改版经验分享!重新设计地球上最流行的电影网IMDb - 优设网 - UISDC

改版经验分享!重新设计地球上最流行的电影网IMDb

2014/04/23 10163评论区

@木草弥生 IMDb,一个神奇的网站,对于那些不了解这个网站的人来说,IMDb就是字面上的意思:”互联网电影数据库(Internet Movies Database)。事实上,IMDb是这世界上了解电影、电视和明星最受欢迎、最具权威的网站。关于最受欢迎这一点,我的意思是:每个月都有超过1.6亿的访问量。

IMDb官网网址:IMDb

IMDb的访问者主要有以下几种:

• 电影和电视节目爱好者;
• 发烧友和铁杆电影爱好者;
• 为打发休闲时间而查找相关信息的人;
• 演艺圈业内人士。

相关推荐:
《腾讯CDC经验分享:QQ导航改版设计心得》
《针对京东网站改版,浅谈网页设计趋势》
《改版设计总结篇:网站改版的小提示》

我们关于IMDb的反思和重新设计的动机

当我和我的团队最初决定重新设计IMDb的时候,我们想做些有意义的事儿,重新设计的目的不只是让网站看起来更好看。这就是为什么我们花了这么多时间来反思。

“互联网电影数据库”这个名字听起来真是棒极了!他标志着一种权威,但什么才是一个真正的数据库?这个网站到底有什么内容?基本上,从这个角度出发,IMDb最吸引人的地方应该是他在电影方面的全面性。

这意味着,每个单独的数据,都是十分重要的!

问题是,更大的数据库会带来更多丢失数据的机会,或是让人忘记其中一些弥足珍贵的数据。嗯,这对电影来说是一个问题。电影是一件艺术品,我们不能失去与它相关的数据。

然后,什么样的影片更有收藏的价值?以后,这些淹没在茫茫多的影片中的影片,有什么方法能让他们重见天日呢?

另一个问题,现在我来到IMDb,我寻找各种演员、导演和出品商的预告片、评论、热门和新闻,更多地集中在娱乐、消费上,而不是发烧友般的对一部影片寻踪问源。

以后,我希望来到IMDb的用户能够像是在档案馆里欣赏存档,找寻观影指南一样。

因此,我们的重新设计的目标是:

• 合理安排好数据库内的影片顺序,防止数据库变得一团糟,让用户能够很容易发现那些超赞电影和电视节目;
• 让大家把更多的关注放在对于影片本身的热情上,而不是媒体的报道,让IMDb回归到最朴素的样子;
• 确立IMDb的权威性和合法性。

IMDb主页

主页最重要的功能就是提供影视圈最新的消息,这也是为什么我们想把正确的消息放在正确的位置。

浏览IMDb这类网站最主要的目的就是看看最新的预告片,或浏览一下最近线上有什么电影。所以,我们把上述信息都放到主页的首屏里,这样就不用花时间去搜索。

我们按照重要性来安排主页中的内容:

占有板块面积相当大的播放器播放着预告片,然后是表明哪些影片正在上映的日历,最新鲜的排行榜和新闻紧随其后。

我们也优化了”功能列表”,它们可以让用户在网站中有更多的交流和发现。

网站改版经验分享!重新设计IMDb

IMDb主页—重设计概念图

IMDb的搜索功能

我们重新设计IMDb的搜索功能的时候,我们用了大量的时间来测试。我们希望我们的搜索结果可以瞬间显示出来,这对于数据库来说是很有用处的,当然也要很直观。

经过研究,我们认为MySpace那样的搜索功能真的足够了。如果它能搜索音乐,那一定也可以搜索电影。

我们希望搜索页面能够叠加展示一些内容,比如:当我们每次输入内容的时候,实时搜索栏就会以组为单位来显示搜索结果。

网站改版经验分享!重新设计IMDb

IMDb搜索功能— 重设计概念图

IMDb发现功能

当我们考虑这个功能的时候,我们就想着Spotify为音乐做了什么,我们希望在最重要的电影网站上对电影也有同样的作为。

这个功能必须简单且吸引人,还要在极短的时间里给出有价值的信息。

网站改版经验分享!重新设计IMDb

IMDb发现功能 —重设计概念图

IMDb详细内容列表

这个页面应该是最具挑战的部分了。它提供了大量各种各样的信息,我们又不能大刀阔斧地删掉它们。
因此,我们收集了这些信息,制定了六个群组:

• 特效
• 评论与推荐
• 相关新闻

• 媒体
• 视频
• 图片

然后就要确立优先级。

遵循的原则是我们是否要在滚到下一部电影前想要了解这部电影到什么程度。

我们依然想把这些信息都放在这个页面的首屏里。

IMDb详细内容列表 —重设计概念图

总结

我们很享受这次网站的重新设计,我们在这个过程更加了解设计和电影,这其中最重要的当然还是我们的团队合作还有集思广益。

即使这不是一个真实的项目,我们也会鼓励大家去用相同的方式思考和解决问题,因为这真的是在提高自己的同时完成一个很赞项目很好的方式。

相关推荐:
《腾讯CDC经验分享:QQ导航改版设计心得》
《针对京东网站改版,浅谈网页设计趋势》
《改版设计总结篇:网站改版的小提示》

原文地址:medium
SDC翻茄匠:@木草弥生
本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量67万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/redesigning-imdb-2014

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 设计师干货 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 设计规范 海报设计 用户体验设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里