设计师眼光的养成—UX篇

当我开始设计时，我慌张了。

我痴迷于复制Dribbble热门列表中的一些作品，但却忘了所有页面是如何协同工作的。如果你能看到我为一些元素加入的过度的阴影和不必要的强调，你会惊恐万分。

虽然我不是产品设计神童，但我想出了如何快速将我需要的技能整合到一起。现在我想和你分享其中一个课程。无论您是否是设计师，此练习都有助于提升你的产品理念并改善你的设计眼光。

不要只使用应用程序，研究它们

想要开发你的设计眼光，就要把自己当成这个产品的设计师来思考。打开你经常使用的app，并抑制想要开始滚动浏览内容的冲动。相反，我希望你积极关注你面前的屏幕。这里有一些事情要记住：

层次结构

如何通过设计引导用户的注意力？哪些信息突出显示？颜色和文字处理如何表示某些元素的重要性？

内容

为这次体验选择了什么特定的文案？哪些内容可见并且更有趣，哪些内容不是？如何使用间距来构建内容？

意图

为什么有人会打开这个app？它解决了什么问题？怎样设计才能更好地解决这个问题？

用户

谁是使用这款产品的人？他们的用例与你的用例有何不同？设计如何为这些用例提供服务？

打破应用程序

在下面的GIF中，我已经解构了应用程序，以便更轻松地关注每个组件。当你尝试预测动画中下一个组件时，你可能会观察到之前没注意的细节。在观察每个组件时，请注意你所看到的一切，并思考必须为此产品做出的选择。

Airbnb解构

在开始前给你一些建议：

搜索栏中的占位符文本可以只是说“在这里搜索”，但他们提到了一个特定的城市。虽然我无意去伦敦，但看到它的可能会令人兴奋。

我想知道他们在日期房客的按钮上尝试了多少次迭代，只能在向下滚动时才能看到。我相信很多设计已经通过探索得出了结论，当你选择一个地点后日期的出现才有必要。这让我很好奇人们如何搜索以及何时过滤他们搜索的内容。

Twitter解构

观察：

注意转发和喜欢的数字是多么的大胆

时间戳不仅包括日期，还包括具体时间。为什么会这样？另外，请注意app中其他位置的时间戳缩短（例如Feed视图中的“5h”或Profile视图中的“4/14/18”）。思考这些观点的不同意图。

有一位作曲家可以使用特定的语言添加另一条推文。这不仅仅是“添加Tweet”，而是“添加另一个Tweet”。

Spotify解构

观察：

注意Spotify如何保留播放歌曲

新版本“Browse页”内容包括新播放列表和新专辑/单曲两个模块。

播放列表New Music Friday有一个关注者数量，而播放列表Release Radar没有。让我们深入研究这个约束 - 因为Release Radar是特定于用户的，所以不会有追随者。这样设计使得必须有人列举出所有的使用案例，并确定合适的副标题与它们配对。

了解规则，所以你可以打破他们

今后你在休息或等朋友时，打开一个app，并思考设计师为什么这样设计的原因。通过定期分析其他app，你将开发自己的产品思维并更好地进行设计。

作者：Kathleen Warner

原文链接：https://uxdesign.cc/how-to-develop-an-eye-for-design-c5a4c64bb26c