改版經(jīng)驗(yàn)分享！重新設(shè)計(jì)地球上最流行的電影網(wǎng)IMDb

@木草彌生 IMDb，一個(gè)神奇的網(wǎng)站，對于那些不了解這個(gè)網(wǎng)站的人來說，IMDb就是字面上的意思："互聯(lián)網(wǎng)電影數(shù)據(jù)庫（Internet Movies Database）。事實(shí)上，IMDb是這世界上了解電影、電視和明星最受歡迎、最具權(quán)威的網(wǎng)站。關(guān)于最受歡迎這一點(diǎn)，我的意思是：每個(gè)月都有超過1.6億的訪問量。

IMDb官網(wǎng)網(wǎng)址：IMDb

IMDb的訪問者主要有以下幾種：

? 電影和電視節(jié)目愛好者；
? 發(fā)燒友和鐵桿電影愛好者；
? 為打發(fā)休閑時(shí)間而查找相關(guān)信息的人；
? 演藝圈業(yè)內(nèi)人士。

相關(guān)推薦：
《騰訊CDC經(jīng)驗(yàn)分享：QQ導(dǎo)航改版設(shè)計(jì)心得》
《針對京東網(wǎng)站改版，淺談網(wǎng)頁設(shè)計(jì)趨勢》
《改版設(shè)計(jì)總結(jié)篇：網(wǎng)站改版的小提示》

我們關(guān)于IMDb的反思和重新設(shè)計(jì)的動機(jī)

當(dāng)我和我的團(tuán)隊(duì)最初決定重新設(shè)計(jì)IMDb的時(shí)候，我們想做些有意義的事兒，重新設(shè)計(jì)的目的不只是讓網(wǎng)站看起來更好看。這就是為什么我們花了這么多時(shí)間來反思。

"互聯(lián)網(wǎng)電影數(shù)據(jù)庫"這個(gè)名字聽起來真是棒極了！他標(biāo)志著一種權(quán)威，但什么才是一個(gè)真正的數(shù)據(jù)庫？這個(gè)網(wǎng)站到底有什么內(nèi)容？基本上，從這個(gè)角度出發(fā)，IMDb最吸引人的地方應(yīng)該是他在電影方面的全面性。

這意味著，每個(gè)單獨(dú)的數(shù)據(jù)，都是十分重要的！

問題是，更大的數(shù)據(jù)庫會帶來更多丟失數(shù)據(jù)的機(jī)會，或是讓人忘記其中一些彌足珍貴的數(shù)據(jù)。嗯，這對電影來說是一個(gè)問題。電影是一件藝術(shù)品，我們不能失去與它相關(guān)的數(shù)據(jù)。

然后，什么樣的影片更有收藏的價(jià)值？以后，這些淹沒在茫茫多的影片中的影片，有什么方法能讓他們重見天日呢？

另一個(gè)問題，現(xiàn)在我來到IMDb，我尋找各種演員、導(dǎo)演和出品商的預(yù)告片、評論、熱門和新聞，更多地集中在娛樂、消費(fèi)上，而不是發(fā)燒友般的對一部影片尋蹤問源。

以后，我希望來到IMDb的用戶能夠像是在檔案館里欣賞存檔，找尋觀影指南一樣。

因此，我們的重新設(shè)計(jì)的目標(biāo)是：

? 合理安排好數(shù)據(jù)庫內(nèi)的影片順序，防止數(shù)據(jù)庫變得一團(tuán)糟，讓用戶能夠很容易發(fā)現(xiàn)那些超贊電影和電視節(jié)目；
? 讓大家把更多的關(guān)注放在對于影片本身的熱情上，而不是媒體的報(bào)道，讓IMDb回歸到最樸素的樣子；
? 確立IMDb的權(quán)威性和合法性。

IMDb主頁

主頁最重要的功能就是提供影視圈最新的消息，這也是為什么我們想把正確的消息放在正確的位置。

瀏覽IMDb這類網(wǎng)站最主要的目的就是看看最新的預(yù)告片，或?yàn)g覽一下最近線上有什么電影。所以，我們把上述信息都放到主頁的首屏里，這樣就不用花時(shí)間去搜索。

我們按照重要性來安排主頁中的內(nèi)容：

占有板塊面積相當(dāng)大的播放器播放著預(yù)告片，然后是表明哪些影片正在上映的日歷，最新鮮的排行榜和新聞緊隨其后。

我們也優(yōu)化了"功能列表"，它們可以讓用戶在網(wǎng)站中有更多的交流和發(fā)現(xiàn)。

IMDb主頁—重設(shè)計(jì)概念圖

IMDb的搜索功能

我們重新設(shè)計(jì)IMDb的搜索功能的時(shí)候，我們用了大量的時(shí)間來測試。我們希望我們的搜索結(jié)果可以瞬間顯示出來，這對于數(shù)據(jù)庫來說是很有用處的，當(dāng)然也要很直觀。

經(jīng)過研究，我們認(rèn)為MySpace那樣的搜索功能真的足夠了。如果它能搜索音樂，那一定也可以搜索電影。

我們希望搜索頁面能夠疊加展示一些內(nèi)容，比如：當(dāng)我們每次輸入內(nèi)容的時(shí)候，實(shí)時(shí)搜索欄就會以組為單位來顯示搜索結(jié)果。

IMDb搜索功能—?重設(shè)計(jì)概念圖

IMDb發(fā)現(xiàn)功能

當(dāng)我們考慮這個(gè)功能的時(shí)候，我們就想著Spotify為音樂做了什么，我們希望在最重要的電影網(wǎng)站上對電影也有同樣的作為。

這個(gè)功能必須簡單且吸引人，還要在極短的時(shí)間里給出有價(jià)值的信息。

IMDb發(fā)現(xiàn)功能?—重設(shè)計(jì)概念圖

IMDb詳細(xì)內(nèi)容列表

這個(gè)頁面應(yīng)該是最具挑戰(zhàn)的部分了。它提供了大量各種各樣的信息，我們又不能大刀闊斧地刪掉它們。
因此，我們收集了這些信息，制定了六個(gè)群組：

? 特效
? 評論與推薦
? 相關(guān)新聞

? 媒體
? 視頻
? 圖片

然后就要確立優(yōu)先級。

遵循的原則是我們是否要在滾到下一部電影前想要了解這部電影到什么程度。

我們依然想把這些信息都放在這個(gè)頁面的首屏里。

IMDb詳細(xì)內(nèi)容列表?—重設(shè)計(jì)概念圖

總結(jié)

我們很享受這次網(wǎng)站的重新設(shè)計(jì)，我們在這個(gè)過程更加了解設(shè)計(jì)和電影，這其中最重要的當(dāng)然還是我們的團(tuán)隊(duì)合作還有集思廣益。

即使這不是一個(gè)真實(shí)的項(xiàng)目，我們也會鼓勵(lì)大家去用相同的方式思考和解決問題，因?yàn)檫@真的是在提高自己的同時(shí)完成一個(gè)很贊項(xiàng)目很好的方式。

相關(guān)推薦：
《騰訊CDC經(jīng)驗(yàn)分享：QQ導(dǎo)航改版設(shè)計(jì)心得》
《針對京東網(wǎng)站改版，淺談網(wǎng)頁設(shè)計(jì)趨勢》
《改版設(shè)計(jì)總結(jié)篇：網(wǎng)站改版的小提示》

原文地址：medium
SDC翻茄匠：@木草彌生
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量67萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：