為了使?IMDb的整個(gè)體驗(yàn)更加的高效，好看，我對(duì)它的UI和UX進(jìn)行了新的設(shè)計(jì)。

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

“我一直在使用IMDb的應(yīng)用程序很長(zhǎng)一段時(shí)間，我認(rèn)為這個(gè)應(yīng)用程序應(yīng)該會(huì)越來越好?！?/p>

但那時(shí)候，我根本不知道用戶體驗(yàn)或用戶界面。現(xiàn)在，我決定更新整個(gè)體驗(yàn)，使其更高效，更好看。

挑戰(zhàn)

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

用戶研究

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

1. 挑選電影；
2. 保存/共享電影；
3. 瀏覽電影；
4. 瀏覽動(dòng)態(tài)。

“這些結(jié)果不是全球性的”

正如您所看到的，大多數(shù)IMDb用戶都設(shè)定了目標(biāo)，基本上，通過檢查電影的評(píng)分和評(píng)論，決定一部電影是否值得觀看。除此之外，人們還發(fā)現(xiàn)保存電影的選項(xiàng)非常有用。

IMDb的移動(dòng)應(yīng)用程序缺乏什么

正如您所看到的，大多數(shù)IMDb用戶都設(shè)定了目標(biāo)，基本上，通過檢查電影的評(píng)分和評(píng)論。決定一部電影是否值得觀看。除此之外，人們還發(fā)現(xiàn)保存電影的選項(xiàng)非常有用。

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

用戶希望花費(fèi)盡可能少的時(shí)間執(zhí)行某項(xiàng)任務(wù)，因此我們作為UX設(shè)計(jì)師的工作需要考慮所有這一切，同時(shí)創(chuàng)造了一種體驗(yàn)。

這是我添加到應(yīng)用程序中的原因以及原因

• 聊天（上面提到）
• 個(gè)人收藏 ：雖然原始應(yīng)用程序已經(jīng)為您提供了創(chuàng)建列表的能力，但用戶甚至不知道這個(gè)功能存在（根據(jù)我進(jìn)行的調(diào)查），所以我專注于使它成為主要的，并擺脫“?監(jiān)視列表?”系統(tǒng)。從而為用戶提供了根據(jù)自己的標(biāo)準(zhǔn)創(chuàng)建集合的最終自由。
• 改進(jìn)Feed ：從統(tǒng)計(jì)數(shù)據(jù)可以看出，少數(shù)用戶對(duì)閱讀新聞感興趣，我認(rèn)為這是因?yàn)橛脩魶]有看到他/她感興趣的內(nèi)容。現(xiàn)在，在注冊(cè)頁面之后，用戶將獲得無限數(shù)量的滑動(dòng)生成標(biāo)簽。這樣做是：幫助應(yīng)用程序了解有關(guān)用戶的更多信息，從而向每個(gè)用戶顯示一個(gè)獨(dú)特的新聞源，這取決于所選的標(biāo)簽。

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

• 發(fā)現(xiàn)模式 ：面對(duì)太多內(nèi)容通常會(huì)擾亂用戶。我想通過添加“?發(fā)現(xiàn)模式?” 使應(yīng)用程序更簡(jiǎn)單。此功能將內(nèi)容劃分為多個(gè)類別，這有助于導(dǎo)航并幫助用戶避免混淆。這也將擴(kuò)大用戶的興趣，并輕松瀏覽電影。

用戶流：

用戶界面中的解決方案

標(biāo)簽欄

如何考慮拇指在設(shè)計(jì)中的自然運(yùn)動(dòng)。

原始應(yīng)用程序中的標(biāo)簽欄位于頂部，這使得難以觸及并使用戶感到絕對(duì)不適?因?yàn)闃?biāo)簽欄經(jīng)常用于瀏覽應(yīng)用程序。

應(yīng)用程序啟動(dòng)

打開應(yīng)用程序后，我們將展示3張引導(dǎo)頁面，介紹新的內(nèi)置功能。

在IMDb登錄上創(chuàng)建帳戶

我總是努力拋棄UI中的所有干擾，因?yàn)橐坏┯脩粼L問頁面，他們應(yīng)該注意的第一件事就是界面的重點(diǎn)。在注冊(cè)頁面中，要點(diǎn)是插入信息并點(diǎn)擊注冊(cè)/按鈕。所以這兩件事應(yīng)該是這個(gè)界面中最吸引人的。

首頁

發(fā)現(xiàn)

保持您的觀點(diǎn)清晰簡(jiǎn)潔，以便輕松重新溝通，這一點(diǎn)非常重要。即使客戶可能會(huì)欣賞額外顯示的內(nèi)容，但當(dāng)反饋回來時(shí)，它可能會(huì)使變得混亂。

收件箱并邀請(qǐng)朋友

這是我添加到應(yīng)用程序的新功能，您可以看到用戶與其他IMDb用戶的對(duì)話。

新聞

由于我發(fā)現(xiàn)沒有那么多人使用該應(yīng)用程序來瀏覽新聞，我挑戰(zhàn)自己改變這一點(diǎn)。因此，我確保以更簡(jiǎn)單的方式呈現(xiàn)新聞，以便用戶理解內(nèi)容的結(jié)構(gòu)。

我還使用了“深色背景白色文字”風(fēng)格。這不會(huì)給我們的眼睛帶來太大的壓力，因?yàn)楹谏尘安蝗绨咨尘澳敲疵髁?。它反射的光線更少，更易于閱讀。更重要的是，它可以防止電子顯示器的光線破壞您的生物鐘。

電影庫

顏色總是代表著生命和快樂，這就是為什么我認(rèn)為為用戶庫添加彩色外觀會(huì)使其更加和諧。

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

電影資訊

最后同樣重要的是，電影屏幕是這個(gè)應(yīng)用程序中最重要的屏幕之一，因?yàn)樗顷P(guān)于電影的。所以，我認(rèn)為這個(gè)界面應(yīng)該提供一個(gè)內(nèi)容，顯示用戶想要了解的任何電影。

使用新設(shè)計(jì)，您可以選擇將電影添加到您想要的任何收藏中，而不僅僅是“關(guān)注列表”。

作者：Nourdine Diouan，UI/UX設(shè)計(jì)師

本文由 @愛情俠 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖作者提供