萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 重新設計地球上最流行的電影網IMDB

重新設計地球上最流行的電影網IMDB

   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詳細內容列表 —重設計概念圖

  總結

  我們很享受這次網站的重新設計,我們在這個過程更加了解設計和電影,這其中最重要的當然還是我們的團隊合作還有集思廣益。

  即使這不是一個真實的項目,我們也會鼓勵大家去用相同的方式思考和解決問題,因為這真的是在提高自己的同時完成一個很贊項目很好的方式。

        :更多精彩教程請關注三聯網頁設計教程 欄目,

copyright © 萬盛學電腦網 all rights reserved