/Facebook设计师秘籍:如何培养产品意识&设计视野?

Facebook设计师秘籍:如何培养产品意识&设计视野?

我们常常说,眼界决定境界,格局决定结局。

设计视野对一个好的设计作品的重要性不言而喻。
今天,小编就来为大家分享一下Facebook产品设计师Kathleen Warner是如何培养自己的设计视野。


Kathleen Warner

Product Designer, Facebook News Feed

"当我开始设计时,我很糟糕。"

"我痴迷于复制Dribbble热门的各个部分,却忘记了所有部分如何协同工作。如果你能看到我曾经做过的粗糙的阴影和不必要的丰富,那些我加入的东西,你会惊恐万分。

虽然我不是设计神童,但我找到了如何快速掌握我需要的技能的方法。现在我想与你分享其中一个部分。"

无论是不是设计师,这都将有助于提高我们的产品意识并提高自己的设计视野


01
除了使用Apps,更重要的是研究它们
我们需要代入自己就是该产品的设计者的角色,通过这样的思考来发展我们的设计视野。打开经常使用的应用程序,忍住开始滚动浏览内容的冲动。相反,Kathleen Warner希望大家能够主动关注面前的屏幕

以下是一些需要注意的事项:

层次结构

设计如何引导你的关注点?它突出显示哪些信息?又是如何通过颜色和文字处理去表明某些元素的重要性的?


内容

这次的体验选择了什么样的具体内容表达方式?什么内容是可见的,更有趣的?什么内容不是?如何使用间距来框定内容?


意图

为什么会有人打开这个应用程序?它解决了什么问题?设计如何帮助更好地解决这个问题?


用户

谁是使用此产品的人?他们的用户和你的用户有哪些不用?这个设计如何服务于这些用户的?



02
打破Apps

在下图中,我们将分析Apps,以便更容易专注研究于每个部分,我们可能会观察到之前没有留意过的细节。当在观看下一个部分时,请对看到的所有内容保持好奇,并通过必须为此产品做出的选择来进行思考。

Airbnb deconstructed

其实有一些观察可以帮助大家入门:
  • 搜索栏中的文本可能只是说“在这里搜索”,但如果在这个文本里他们提到了一个特定的城市。比如,虽然用户没有打算去伦敦,但当他们看见它出现在视野中时,可能会就会对它感兴趣。

  • 有时,Kathleen Warner也很好奇,他们仅凭使用后期获取的数据和用户信息,究竟进行了多少次迭代?相信很多设计都经历过探索,在这些探索中,往往获取的数据并不能呈现想要的东西。这一点让她对人们如何搜索以及何时为人们的搜索引入过滤功能感到好奇。

Twitter deconstructed

观察:
  • 请注意页面中,转发推特和喜欢的数量是如何被加粗的

  • 页面中出现的时间不仅包括日期,还包括具体时间。为什么会出现这种情况?另外,请注意应用程序中其他位置缩短时间的位置,想一想这些设计的不同意图。

  • 请注意页面中的“添加另一条推文”部分,它的语言是特定的。不是“添加推文”,而是“添加另一条推文”。
观察:
  • 请注意Spotify如何保持播放歌曲的可见性

  • 他们为此版本视图选择的可显示内容包括:新播放列表和新专辑/单曲。

  • 播放列表《New Music Friday》有一个关注者计数,而《Release Radar》下面则没有。让我们深入研究它——因为《Release Radar》是特定于用户的,它可能不会有关注者。

Spotify deconstructed

03
了解规则,然后打破它们

下次,当我们坐在咖啡店或等待朋友时,可以打开一个应用程序并思考设计师选择以这种方式设计的原因。通过定期分析其他应用程序,我们将开发自己的设计视野,并可以自己设计应用程序

文章链接:

https://uxdesign.cc/how-to-develop-an-eye-for-design-c5a4c64bb26c

本文来自微信公众号“交互设计小站”(ID:racjiaohu)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。