IMDb應用程序UX和UI的重新設計

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

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

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

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

挑戰

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

用戶研究

我必須找到答案的第一個問題是:為什么人們使用IMDb?我詢問了一組IMDb用戶,得到了以下結果。

  1. 挑選電影;
  2. 保存/共享電影;
  3. 瀏覽電影;
  4. 瀏覽動態。

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

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

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

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

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

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

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

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

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

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

用戶流:

用戶界面中的解決方案

標簽欄

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

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

應用程序啟動

打開應用程序后,我們將展示3張引導頁面,介紹新的內置功能。

在IMDb登錄上創建帳戶

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

首頁

發現

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

收件箱并邀請朋友

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

新聞

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

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

電影庫

顏色總是代表著生命和快樂,這就是為什么我認為為用戶庫添加彩色外觀會使其更加和諧。

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

電影資訊

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

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

 

作者:Nourdine Diouan,UI/UX設計師

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

題圖作者提供

給作者打賞,鼓勵TA抓緊創作!

5人打賞



文章若有侵權請來信告知:品牌行銷策略,產品行銷與設計,各類型行銷推廣案例分享-品牌行銷點點讚 » IMDb應用程序UX和UI的重新設計