美文网首页UG勤奋特工队UI设计头条
设计师眼光的养成—UX篇

设计师眼光的养成—UX篇

作者: Shell_Xiao糯米 | 来源:发表于2018-05-04 12:10 被阅读183次

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

    我痴迷于复制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

    相关文章

      网友评论

      本文标题:设计师眼光的养成—UX篇

      本文链接:https://www.haomeiwen.com/subject/tarcrftx.html