网站地图    收藏   

主页 > 设计 > 网页设计 >

重新设计地球上最流行的电影网IMDB_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

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

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

  • 电影和电视节目爱好者;

  • 发烧友和铁杆电影爱好者;

  • 为打发休闲时间而查找相关信息的人;

  • 演艺圈业内人士。

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

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

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

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

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

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

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

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

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

  • 合理安排好数据库内的影片顺序,防止数据库变得一团糟,让用户能够很容易发现那些超赞电影和电视节目;

  • 让大家把更多的关注放在对于影片本身的热情上,而不是媒体的报道,让IMDb回归到最朴素的样子;

  • 确立IMDb的权威性和合法性。

  IMDb主页

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

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

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

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

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

重新设计地球上最流行的电影网IMDB 三联

  IMDb主页—重设计概念图

  IMDb的搜索功能

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

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

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

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

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

  IMDb发现功能

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

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

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

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

  IMDb详细内容列表

  这个页面应该是最具挑战的部分了。它提供了大量各种各样的信息,我们又不能大刀阔斧地删掉它们。

  因此,我们收集了这些信息,制定了六个群组:

  • 特效

  • 评论与推荐

  • 相关新闻

  • 媒体

  • 视频

  • 图片

  然后就要确立优先级。

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

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

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

  总结

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

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

        :更多精彩教程请关注三联网页设计教程 栏目,

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论