為了使 IMDb的整個體驗更加的高效,好看,我對它的UI和UX進行了新的設計。
Mbrand為您帶來精心挑選的高品質靈感,在這裡,可以完全激發您一天的設計靈感。除此之外,可以展示其他設計師,藝術家和創作者的作品。對于本文章我們選擇平面設計、品牌推廣、插畫等,我們的圖片來源通常來自BEHANCE,DRIBBBLE或UNSPLASH。
“我一直在使用IMDb的應用程序很長一段時間,我認為這個應用程序應該會越來越好。”
但那時候,我根本不知道用戶體驗或用戶界面。現在,我決定更新整個體驗,使其更高效,更好看。
挑戰
根據我做的一點調研,定期觀看電影的5人中有3人手機上有IMDb。所以你意識到這個數字有多大,而且我們都知道你擁有的用戶越多,你需要處理和解決的問題就越多。
用戶研究
我必須找到答案的第一個問題是:為什麼人們使用IMDb?我詢問了一組IMDb用戶,得到了以下結果。
- 挑選電影;
- 保存/共享電影;
- 浏覽電影;
- 浏覽動态。
“這些結果不是全球性的”
正如您所看到的,大多數IMDb用戶都設定了目标,基本上,通過檢查電影的評分和評論,決定一部電影是否值得觀看。除此之外,人們還發現保存電影的選項非常有用。
IMDb的移動應用程序缺乏什麼
正如您所看到的,大多數IMDb用戶都設定了目标,基本上,通過檢查電影的評分和評論。決定一部電影是否值得觀看。除此之外,人們還發現保存電影的選項非常有用。
在我詢問的所有用戶中,他們中占絕大多數的用戶希望應用程序包含一些它沒有的功能。其中一個人正在聊天,我認為它必須包含在應用程序中,以便用戶能夠彼此分享電影/新聞,而無用再離開應用程序或登錄另一個應用程序。用戶很有可能在此操作過程中應用退出。
用戶希望花費盡可能少的時間執行某項任務,因此我們作為UX設計師的工作需要考慮所有這一切,同時創造了一種體驗。
這是我添加到應用程序中的原因以及原因
- 聊天(上面提到)
- 個人收藏 :雖然原始應用程序已經為您提供了創建列表的能力,但用戶甚至不知道這個功能存在(根據我進行的調查),所以我專注于使它成為主要的,并擺脫“ 監視列表 ”系統。從而為用戶提供了根據自己的标準創建集合的最終自由。
- 改進Feed :從統計數據可以看出,少數用戶對閱讀新聞感興趣,我認為這是因為用戶沒有看到他/她感興趣的内容。現在,在注冊頁面之後,用戶将獲得無限數量的滑動生成标簽。這樣做是:幫助應用程序了解有關用戶的更多信息,從而向每個用戶顯示一個獨特的新聞源,這取決于所選的标簽。
以下是它在UI中的集成方式:
- 發現模式 :面對太多内容通常會擾亂用戶。我想通過添加“ 發現模式 ” 使應用程序更簡單。此功能将内容劃分為多個類别,這有助于導航并幫助用戶避免混淆。這也将擴大用戶的興趣,并輕松浏覽電影。
用戶流:
用戶界面中的解決方案
标簽欄
如何考慮拇指在設計中的自然運動。
原始應用程序中的标簽欄位于頂部,這使得難以觸及并使用戶感到絕對不适⏤因為标簽欄經常用于浏覽應用程序。
應用程序啟動
打開應用程序後,我們将展示3張引導頁面,介紹新的内置功能。
在IMDb登錄上創建帳戶
我總是努力抛棄UI中的所有幹擾,因為一旦用戶訪問頁面,他們應該注意的第一件事就是界面的重點。在注冊頁面中,要點是插入信息并點擊注冊/按鈕。所以這兩件事應該是這個界面中最吸引人的。
首頁
發現
保持您的觀點清晰簡潔,以便輕松重新溝通,這一點非常重要。即使客戶可能會欣賞額外顯示的内容,但當反饋回來時,它可能會使變得混亂。
收件箱并邀請朋友
這是我添加到應用程序的新功能,您可以看到用戶與其他IMDb用戶的對話。
新聞
由于我發現沒有那麼多人使用該應用程序來浏覽新聞,我挑戰自己改變這一點。因此,我确保以更簡單的方式呈現新聞,以便用戶理解内容的結構。
我還使用了“深色背景白色文字”風格。這不會給我們的眼睛帶來太大的壓力,因為黑色背景不如白色背景那麼明亮。它反射的光線更少,更易于閱讀。更重要的是,它可以防止電子顯示器的光線破壞您的生物鐘。
電影庫
顔色總是代表着生命和快樂,這就是為什麼我認為為用戶庫添加彩色外觀會使其更加和諧。
在此屏幕中,您可以選擇顯示集合或已保存的電影。您還可以創建一個新的集合,根據需要命名并放置所需的圖片和漸變。
電影資訊
最後同樣重要的是,電影屏幕是這個應用程序中最重要的屏幕之一,因為它是關于電影的。所以,我認為這個界面應該提供一個内容,顯示用戶想要了解的任何電影。
使用新設計,您可以選擇将電影添加到您想要的任何收藏中,而不僅僅是“關注列表”。
作者:Nourdine Diouan,UI/UX設計師
本文由 @愛情俠 翻譯發布于人人都是産品經理。未經許可,禁止轉載
題圖作者提供
,