UI设计师：教你以问答形式“来“把玩”APP

作为APP狂热分子，定期去App Store或者其他渠道找新鲜的产品来玩儿，已经持续了很多年。但是光浮于表面的玩儿，还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设计。

下面分享下我通过自问自答的方式分析APP的方法，希望对你有帮助。

分析一款app，首先从产品层面入手，因为产品定位决定着后续的交互设计、视觉设计、运营策略等等。通常可以从三个维度来分析产品定位：

首先问自己它是干什么用的，解决了用户哪个痛点。尝试对产品有综合性和概括性的理解，然后用一句话来描述它。好的产品基本都可以用一句话讲清楚。

只有充分了解用户属性，才能分析一款产品有没有做出符合目标用户群体的设计。

下面是荔枝FM，用户群体以文艺小清新，90后为主。因此，它在内容层面：以清新，治愈型情感话题为主；视觉层面：更加文艺，清新，个性化；交互形式：更有趣味性。

同为音频产品的喜马拉雅，用户年龄段区间比较广。因此，内容层面：大而全，包含PGC＋UGC，目标是打造声音旗舰；交互和视觉层面：更普适性，中规中矩，不愿被风格化。

因为这样更能够被大众所接受。

所以，当你在吐槽一个产品的设计不够有逼格的时候，也要思考下，是否因为他们的用户群体不适合那么做。就好比你把“快手”的设计搞的很“”instagram”，反而会让用户有距离感，会感觉产品不是服务于他们的，而流失。

一个好的产品，会更多的从用户的实际使用角度去出发，将各种场景元素综合起来，在合适的场景满足用户的需求，提供良好的体验。

使用场景可以分两个维度：时间和地点。

（1）时间

是否考虑用户在什么时候会使用自己的产品，白天、晚上、下班的路上，还是晚上睡觉前。针对用户时间来做设计的最普遍的例子就是夜间模式和自动调节亮度的功能，在不同的时间段（光照强度），针对产品做出相应的设计，以得到最优的用户体验；

（2）地点

用户在不同地点会产生不同的需求，同时，同样的产品，在不同的地点带给用户的体验也是不一样的，比如新闻资讯类产品，用户使用高峰期是早上上班路上，那么就要考虑用户在公交或地铁上的场景，当它一手扶把手一手拿手机，在大屏幕手机单手持握的状态下，是不是可以用更多“滑动”操作代替“点击”。

好找，指的是交互的框架布局是否合理和流畅，能否让用户在合适的场景快速找到解决问题的办法。

比如，抖音app，用户来这主要就两件事：

它在首屏就满足了这两个核心需求：

好用，指的是解决问题是否高效，反馈是否符合用户预期。同样可以帮助用户解决问题， 肯定效率越高，用户越愿意用。

还拿抖音举例，如下图：

整个体验非常流畅、高效。一条龙的满足你的“看”和“拍”的需求。（不过他们也是参考国外的musical.ly，有兴趣的可以下载玩儿一下。）

再比如，instagram 里“关注”tab下的消息列表（图1），如果你想更多了解给你点赞或者关注你的人的信息，除了点击头像进入他的个人页面以外，也可长按列表，随之弹出用户的基本信息以及近期照片（图2）。可以减少盲目跳转页面的成本，提升用户操作效率。

当一个产品，在满足了交互框架合理，且易用的情况下，那么在小的交互细节给一些有趣的彩蛋，会更吸引用户。

比如，QQ会员中心里上拉刷新的小企鹅，会随着你的手势张嘴闭嘴（我不会告诉你我刚发现的时候上下上下的拉了好几分钟 ）。

还有Snapchat里下拉刷新时，上面的小人儿会吐着彩虹飞上去，背景颜色也会随着变化（截了10几张图都没截到有彩虹的 放弃了 你们自己去看吧）。

而且在未来，“有趣”将占一个产品越来越大的比重，之前张小龙也说过：“有趣>功能>交互>界面”。所以，让用户用着开心并乐于传播很重要。

好的视觉设计，不是好不好看，而是符不符合自己的产品定位和目标用户特征的。就像不同职业、不同性格的人，穿衣风格也不同。

（比如，码农在我们印象中是穿格子衬衣，背着双肩包。但是，如果你看到一个纹着大花臂，扎着小脏辫，牛仔裤掉的露半个屁股的男生在拍代码的一定会打乱你心中的秩序。）

举个视觉风格定位比较优秀的例子，same，它是一款针对95后的，去中心化，兴趣社交平台。有豆瓣，贴吧，微博的一点影子，但是这些影子并没有影响它成为一个有自己个性的产品。（最后一张图是我在“证件照拍起来呀呼”频道里 哈哈哈哈 也是够了）

整体色调以蓝、白为主，简洁轻快；icon也非常有趣味性，像蓝色圆珠笔随意绘制的感觉，营造轻松的氛围。

视觉设计不仅局限在界面设计，同时也能考虑核心元素在各个环节拓展性，给用户传递整体的品牌理念（类似平面设计里的VI设计）。

比如蓝色same小人儿，根据不同的频道拓展不同的icon。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!