為了使 IMDb的整個體驗更加的高效，好看，我對它的UI和UX進行了新的設計。

Mbrand為您帶來精心挑選的高品質靈感，在這裡，可以完全激發您一天的設計靈感。除此之外，可以展示其他設計師，藝術家和創作者的作品。對于本文章我們選擇平面設計、品牌推廣、插畫等，我們的圖片來源通常來自BEHANCE，DRIBBBLE或UNSPLASH。

“我一直在使用IMDb的應用程序很長一段時間，我認為這個應用程序應該會越來越好。”

但那時候，我根本不知道用戶體驗或用戶界面。現在，我決定更新整個體驗，使其更高效，更好看。

挑戰

根據我做的一點調研，定期觀看電影的5人中有3人手機上有IMDb。所以你意識到這個數字有多大，而且我們都知道你擁有的用戶越多，你需要處理和解決的問題就越多。

用戶研究

我必須找到答案的第一個問題是：為什麼人們使用IMDb？我詢問了一組IMDb用戶，得到了以下結果。

1. 挑選電影；
2. 保存/共享電影；
3. 浏覽電影；
4. 浏覽動态。

“這些結果不是全球性的”

正如您所看到的，大多數IMDb用戶都設定了目标，基本上，通過檢查電影的評分和評論，決定一部電影是否值得觀看。除此之外，人們還發現保存電影的選項非常有用。

IMDb的移動應用程序缺乏什麼

正如您所看到的，大多數IMDb用戶都設定了目标，基本上，通過檢查電影的評分和評論。決定一部電影是否值得觀看。除此之外，人們還發現保存電影的選項非常有用。

在我詢問的所有用戶中，他們中占絕大多數的用戶希望應用程序包含一些它沒有的功能。其中一個人正在聊天，我認為它必須包含在應用程序中，以便用戶能夠彼此分享電影/新聞，而無用再離開應用程序或登錄另一個應用程序。用戶很有可能在此操作過程中應用退出。

用戶希望花費盡可能少的時間執行某項任務，因此我們作為UX設計師的工作需要考慮所有這一切，同時創造了一種體驗。

這是我添加到應用程序中的原因以及原因

• 聊天（上面提到）
• 個人收藏 ：雖然原始應用程序已經為您提供了創建列表的能力，但用戶甚至不知道這個功能存在（根據我進行的調查），所以我專注于使它成為主要的，并擺脫“ 監視列表 ”系統。從而為用戶提供了根據自己的标準創建集合的最終自由。
• 改進Feed ：從統計數據可以看出，少數用戶對閱讀新聞感興趣，我認為這是因為用戶沒有看到他/她感興趣的内容。現在，在注冊頁面之後，用戶将獲得無限數量的滑動生成标簽。這樣做是：幫助應用程序了解有關用戶的更多信息，從而向每個用戶顯示一個獨特的新聞源，這取決于所選的标簽。

以下是它在UI中的集成方式：

• 發現模式 ：面對太多内容通常會擾亂用戶。我想通過添加“ 發現模式 ” 使應用程序更簡單。此功能将内容劃分為多個類别，這有助于導航并幫助用戶避免混淆。這也将擴大用戶的興趣，并輕松浏覽電影。

用戶流：

用戶界面中的解決方案

标簽欄

如何考慮拇指在設計中的自然運動。

原始應用程序中的标簽欄位于頂部，這使得難以觸及并使用戶感到絕對不适⏤因為标簽欄經常用于浏覽應用程序。

應用程序啟動

打開應用程序後，我們将展示3張引導頁面，介紹新的内置功能。

在IMDb登錄上創建帳戶

我總是努力抛棄UI中的所有幹擾，因為一旦用戶訪問頁面，他們應該注意的第一件事就是界面的重點。在注冊頁面中，要點是插入信息并點擊注冊/按鈕。所以這兩件事應該是這個界面中最吸引人的。

首頁

發現

保持您的觀點清晰簡潔，以便輕松重新溝通，這一點非常重要。即使客戶可能會欣賞額外顯示的内容，但當反饋回來時，它可能會使變得混亂。

收件箱并邀請朋友

這是我添加到應用程序的新功能，您可以看到用戶與其他IMDb用戶的對話。

新聞

由于我發現沒有那麼多人使用該應用程序來浏覽新聞，我挑戰自己改變這一點。因此，我确保以更簡單的方式呈現新聞，以便用戶理解内容的結構。

我還使用了“深色背景白色文字”風格。這不會給我們的眼睛帶來太大的壓力，因為黑色背景不如白色背景那麼明亮。它反射的光線更少，更易于閱讀。更重要的是，它可以防止電子顯示器的光線破壞您的生物鐘。

電影庫

顔色總是代表着生命和快樂，這就是為什麼我認為為用戶庫添加彩色外觀會使其更加和諧。

在此屏幕中，您可以選擇顯示集合或已保存的電影。您還可以創建一個新的集合，根據需要命名并放置所需的圖片和漸變。

電影資訊

最後同樣重要的是，電影屏幕是這個應用程序中最重要的屏幕之一，因為它是關于電影的。所以，我認為這個界面應該提供一個内容，顯示用戶想要了解的任何電影。

使用新設計，您可以選擇将電影添加到您想要的任何收藏中，而不僅僅是“關注列表”。

作者：Nourdine Diouan，UI/UX設計師

本文由 @愛情俠 翻譯發布于人人都是産品經理。未經許可，禁止轉載

題圖作者提供

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部