「写给设计,遇见梦想,热爱生活 」
这是一颗孤独的星球
幸好遇见你
—写给设计
2018年10月18日 心情晴
当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放
风的季节 Soler - Canto
很多设计中的小细节,准确再现了用户当时的情绪,就像一个了解你的朋友在你身边,你会为它的贴心而高兴、而点赞~
01
你有没有注意到:在表现同一个图标两种不同状态时,我们常用灰色表示默认状态而用主色表示选中状态。
但是,在「更有感情的设计」中呢?
Tumblr的「喜欢」按钮点击时会飘出一颗大大的爱心;取消喜欢的时候是伤心,会有一颗碎成两半的心形坠落,表现出「心碎」的感觉。
02
根据不同内容情境,让icon的设计与之契合, 真是可爱又有灵性。
比如:「即刻」的点赞功能按钮,除了常规情况下会显示为表示点赞手势的icon,还会在不同主题里变成与主题相关的图案。
在篮球主题相关的搜索内容里,点赞按钮会变成篮球图标;在关于爱情综艺「心动的信号」的话题里,内容下方的点赞按钮会变成「心心眼」的笑脸图标。
最有趣的是在平台团宠猫果果的主题里,点赞的图标会变成小鱼干,而点赞后的icon变成了鱼骨头。就像小鱼干是被果果偷吃了。
03
你知道为什么微信小程序的关闭按钮要设计成右上角那两个同心圆的样子吗?
也许,它不仅仅执行着关闭小程序的功能,还有:你也可以左右滑动来打开最近使用过的其他小程序。不用退出就方便跳转其他小程序,是不是很贴心呢?
04
天天听「网易云音乐」,你没有发现:有网和无网状态下打开应用跳转的页面是不一样的?
设计团队是这样考虑的:对于用户而言,只有在有网络尤其是无线网络的场景里才会在线听歌,当播放器处于无网状态下能够播放的只有本地音乐资源。
所以设计团队根据用户具体的使用情景,设定用户在有网状态下打开App会进入「发现」的音乐首页,而在无网情境里会直接跳转「我的音乐」页面。
好的体验永远离不开场景特征与需求,区别化的页面跳转为用户缩短了行为路径,节省了操作步骤,让使用体验更贴合具体使用场景。
05
没文化的我,怎样在输入法里打出:由「水」组成的「沝」「淼」?对不起,它们认识我,我不认识它们。
「搜狗输入法」有个很特别的输入识别提醒功能:当面对这种多数用户应该都不认识的叠字输入时,用户只需打出对应个数的单个字符 ,输入法会自动识别出相应的叠字结果供用户选择。并且所有的叠字都会标注拼音提示,在协助用户顺利输入难字的同时也帮助用户学习了难字的读音。
06
词典也卖萌,翻译好累,你总得让人家喘口气吧!
在使用有道词典时如果需要翻译的信息内容太多,翻译栏会显示「抱歉,实在太长啦,让我喘口气 」的文案。一句生动而有温度的文案可以安抚用户的情绪,改善使用体验。
07
你知道怎样把别人微博的背景图设为自己的封面吗?
这个问题,我想了很久,就是不知道!
Round 1:在源代码页面里查找图片再进行存储. (NO/NO/NO!)
Round 2:新升级的「新浪微博」可以一键直接将他人主页的背景图「设为我的封面」,算是解决了很多用户长久以来使用微博的一个小小的痛点。
08
「网易云音乐」评论区的内容一直为大家所津津乐道,但你有注意过它评论输入框里的提示语么?
每次进入评论区,评论输入框里的提示语都是不同的。并且每句文案都有着恰到好处的情感浓度,配合着歌曲特别是很多情歌的意境十分贴切。听到「倾城」,评论提示语显示「说点什么吧,也许Ta都听得到」;听到「光年之外」,提示语则变为「怎么办,我好像开始已经想念了」。
看到这样的提示语,你会不会愿意打开心扉留下你的故事呢?
写在最后
看了这么多的小细节,你有没有感觉到设计师们的用心和贴心?
当你,真的像一个朋友一样,用心和贴心的为用户去考虑的时候,你就会发现:你喜欢我的时候,我也满心欢喜;你不喜欢我的时候,我的「心」都碎了~
「如果喜欢,就分享给你第一个想起的人吧~
回复“早安/午安/晚安”
写给设计每天和你问安~ 」