@木草彌生 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的搜索功能的時候，我們用了大量的時間來測試。我們希望我們的搜索結果可以瞬間顯示出來，這對于數據庫來說是很有用處的，當然也要很直觀。

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

我們希望搜索頁面能夠疊加展示一些內容，比如：當我們每次輸入內容的時候，實時搜索欄就會以組為單位來顯示搜索結果。

IMDb搜索功能—?重設計概念圖

IMDb發現功能

當我們考慮這個功能的時候，我們就想著Spotify為音樂做了什么，我們希望在最重要的電影網站上對電影也有同樣的作為。

這個功能必須簡單且吸引人，還要在極短的時間里給出有價值的信息。

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】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：