设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > APP设计 > UI/UX设计实例研究-纽约时报APP

UI/UX设计实例研究-纽约时报APP

Thomas
2018-04-23
74400


简要介绍:纽约时报是一款及时为特定用户提供2-5分钟快速阅读文章的APP。文章是根据用户日程安排和习惯而制定推送的。

问题

由于种种原因,纽约时报APP失去了很多用户。随着竞争和成本的增加,下列因素是造成困难的原因。

1.覆盖范围(用户对他们阅读的内容感到不满意)

2.改变生活事件(移动)。

3.缺乏使用。

4.不相关的内容。

目标

1.在新闻应用程序之间建立激励机制,其中许多APP是免费的。

2.为纽约时报应用程序的读者带来持久阅读的习惯。

3.帮助他们保持长期的忠诚度。

我们的建议

我们不会重新设计现有的NYT应用程序,而是会在名为Timely的着陆页上添加一个细微而有用的功能。

这将使用户能够在忙碌的一天中适时接收通知,比如:在你吃早餐的时候,往返的路程中,开会前,喝咖啡休息时间或就寝前。

这些通知将帮助用户打开Timely并访问里面的推送文章。用户只需要花很短的时间就能阅读完。最重要的是,文章是根据用户的兴趣和习惯而特定推送的。

设计进程

设计进程

我的角色

设计理念以及和设计团队同事Keh 和Addi Hou参与交互/视觉设计。

主题调研

我们研究了年轻人的生活习惯。因此,我们可以更好的融入他们的生活,而不是只是说服我们重新设计应用程序。

目前人们是如何获取新闻报道?

  • Facebook
  • Twiter
  • WhatsApp
  • 广播中的随机新闻
  • 身边的同学、朋友或同事

他们什么时候会使用移动手机?

“我们每天接触我们的手机2,617次”。

他们什么时候会使用移动手机?

目标用户和市场

由于这是一个为期四周的项目,我们设定了一个界限来设计一个简单的解决方案。开始我们已经解释了适合用户的可能解决方案。

范围

用户:年龄在20-40岁之间的人是精通技术的人,他们会使用谷歌日历来安排他们的生活。

市场:纽约年轻人口。

主题和见解

2017年“路透数字新闻”报道让我们深入的了解了全球新闻消费状况。

  • 在几乎没有增长的时期之后,几乎所有国家的新闻应用都出现了通货膨胀。
  • 年轻美国人是为阅读新闻而付费的重要因素。
  • Google日历是最受欢迎的日历,其次是Outlook和Apple。

潜在用户面谈

我们选择了年轻人作为用户,他们没有时间阅读报纸,因为他们的日程安排已经完全排满。我们选择这类人来了解用户痛点和日常想阅读新闻而遇到的挑战。

1.我们进行了初步的实地调查。

2.我们发送了调查报告。

潜在的用户面谈

来自用户的重要反馈:

“我对这个新闻不是很了解。”

“我很感兴趣。我认为是时间问题。除了早上在查收电子邮件的时候看看新闻,我没有其它特定的时间。

“我有很多碎片时间。”

“我花了我所有的时间来阅读这些没有价值的新闻。”

“我希望我有空来看新闻!也许时间管理是一个主要问题。“

设计规则

经过我们的研究和用户访谈,我们想出了一套设计原则,在设计时进行参考。我们希望保持访谈结果和我们的UI设计之间有着直接的关系。

1.无缝集成

每个用户都有独特的时间表和生活习惯。无需任何复杂的步骤,体验就可以无缝集成到他们的日常项目中。

2.简单

这个应用程序的完整背景很容易使用。用户不需要学习新的模式。

3.礼貌

该设计应该对用户有益并且易于访问。许多推送通知应该没有无意义的干扰。

用户移情图

在我们的采访后,我们绘制了用户的反应和想法,以了解他们的环境和情感之间的联系。

用户移情图

构思+验证

  • 我们提出了15个概念来解决初始阶段的问题。
  • 我们和“纽约时报”设计副总裁测试了我们的想法,以了解这些概念的可持续性和可行性。
  • 我们询问了我们的15个测试小组,并为最好的主意投票。

构思+验证

用户流程

用户流程

故事板和线框图的第一阶段

我们制作了一个视觉故事板来研究他们将如何探索此功能以及他们在此应用中使用的所有情况。

设计评论

  • 我们最初的概念是展示像日历视图这样的新闻。但设计副总裁确认96%的用户习惯使用纵向模式。因此这个想法是不可行的。
  • 没有足够的空间来展示新闻。
  • 使导航和发现新闻一目了然很棘手。

线框图第二阶段

基于用户反馈,我们用更典型的滚动模式在纵向视图中提出了我们的设计。

线框图第二阶段

理想用户之旅

当我们开始在屏幕上实现更多功能时,我们认为可以放大用户的生活方式。因此,我们可以想出以更简单方法来融入用户生活。

理想用户之旅

最终的原型

APP的2种模式

在我们的故事板上进行头脑风暴之后,我们提出了两种模式。

  • 手动模式:它会询问用户的个人喜好,询问他有多少空闲时间。 系统将会基于用户提交的信息推送特定新闻。
  • 自动模式:我们更强调与谷歌日历的无缝整合。它能记录用户日常的方式生活,并在正确的时间给他们推送相关新闻信息。

APP的2种模式

最终原型地址:

https://dribbble.com/shots/4212627-The-New-York-Times-Timely

结论:

基于对参与者和研究人员的采访,我们设计了一个确切的模式。 如果这款APP符合年轻人的生活方式和时间表,这象征着他们会使用这个应用程序。

我能做的更好吗?

  • 研究竞争对手的功能和结果。
  • 从不同地区选择参与者。
  • 让用户对原型进行可用性测试。
  • 设计方向。

学习点:

在纽约时报总部呈现我们的想法 - Addi Hou和我


这个项目让我了解到,将这个小型新功能引入知名公司是多么困难。在更改屏幕上的小按钮之前,我们需要考虑触摸点。

与“纽约时报”的设计副总裁密切合作是一次可观的经历。我增强了对广泛设计的理解,思考了局限性思维并提出了正确的问题。

原文作者:Johny vino

原文地址:https://uxdesign.cc/the-new-york-times-timely-app-concept-27efe88e5d4b



上一篇
掌握这6条“讲故事”原则,助你提高用户体验

Thomas   04/24

设计体系,你所不知道的“前世今生”

Snow   04/23

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com