简评：Facebook 产品设计师介绍自己的方法论，通过拆解其他 App，来深入思考产品设计。
本文作者：Kathleen Warner，Facebook 产品设计。以下「我」代表 Kathleen Warner。
当我最开始做设计的时候，我很蒙。我痴迷于复制 Dribble 热门的作品但是却不在意这些作品背后的设计逻辑。但随着设计经验的积累，我渐渐能看到那些隐藏很深的阴影，那些看似无用的线条，以及要如此设计的因果。今天我就和大家分享一下，我的方法论。
不要只使用 App，你要研究它们
你要思考如果你是 App 的设计者，为什么这里要如此设计。现在打开你经常使用的 App，别随意滑动，克制着玩它的冲动，仔细观察这个 App 的页面，以下是你要关注的点：
-
层次结构：App 如何设计，引导你的关注？哪些信息是突出显示的？文字、颜色如何处理来凸显某些元素的重要性？
-
内容：App 为了达成某种体验和感官设计了什么样的文案？什么内容是可见的、有趣的？什么内容不能直接可见需要点击跳转？如何使用间距和模块来划分区域？
-
意图：为什么有人会打开这个 App？它解决了什么问题？如何设计，来更好地解决问题？
-
使用者：谁是它的受众？用户之间使用场景有什么不同？如何针对不同场景来做设计？
拆解 App
在下面的 Gif 中（园长：文件较大但等待是值得的），我拆解了 App，以更直观和方便的形式展示每个组件。你可能会发现之前使用 App 时没有注意到的细节。请保持好奇，时刻反思，为什么这个产品要这么设计？为什么这里要放图片？为什么搜索栏放在这里等问题。
Airbnb
Airbnb
上面这张 Airbnb 图中，可以思考一下：
- 在最顶端搜索栏中，提示的文字为什么不是「请在这里搜索」而是「试试'伦敦'」？
- 为什么在首页无法看到日历？通过旅行时间来选择出行酒店，这是正常逻辑。但 Airbnb 是先选择位置再看时间，是什么数据支持了这种逻辑？
Twitter
观察：
- 要注意转发（Retweets）和喜欢（Likes）的数字是加粗的
- 为什么在个人主页是具体的时间（3/9/18,3:37 PM）？在 Twitter App 首页的 feed 流是其他的形式时间（3 h）。想一想这个细节有什么不同？
- 为什么发表回复的时候不是「Add Tweet」而是「Add another Tweet」？（中文版直接是「发表回复」）
Spotify
Spotify
观察：
- Spotify 如何保持歌曲的可视化？
- 在歌曲下面展示的信息是什么？
- 为什么播放列表 New Music Friday 能看到关注者数量，而播放列表 Release Radar 则没有？
深入了解，你才能获取设计思维
下次在排队或者等朋友的时候，打开一个 App，并且以设计师的视野和思维方式来思考一下，为什么如此设计？通过定期分析其他 App，你也将慢慢获取产品思维，设计视野。
原文链接：How to develop an eye for Design
推荐阅读：深入浅出！从零开始学配色（内附配色工具和方案）
网友评论