当我开始设计时,我慌张了。
我痴迷于复制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
网友评论