IMDb应用程序UX和UI的重新设计

6 评论 6808 浏览 16 收藏 10 分钟

为了使 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设计师

本文由 @爱情侠 翻译发布于人人都是产品经理。未经许可,禁止转载

题图作者提供

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 这只是谷歌机翻的结果吧,很多语句都不通顺

    来自上海 回复
  2. 国外改IMDb就和国内改12306一样火,无论你怎么改都比原来的好,至少是看起来。

    来自上海 回复
  3. 并没有改进,不是所有国外文章都值得翻译 😀

    来自广东 回复
  4. 这是翻译的文章吗

    来自广东 回复
  5. 页面的确好看了,关键还是要看交互有没有优化

    来自福建 回复
  6. 当前版本IMDb的操作反馈也不好
    比如注册/登陆时,在等待系统响应的过程中,没有任何操作反馈或者等待提示,体验超差-_-

    来自四川 回复