作为设计师,在拿到产品需求的时候,所要做的不仅仅是完成产品的设计工作,更重要的是要思考如何通过设计的的手段去推动产品背后的商业价值达到最大化,提升视觉体验、增强用户的粘性以达到用户转化的目的。不需要我们设计的有多么复杂,可能是一个步骤的简化、一句打动人心的文案、贴心的提示、趣味的动效…

01.「微信」你使用过图片备注吗?

产品体验:

微信好友昵称除文字备注外,还可以使用图片备注,保存成功后即可在设置备注页面描述区域看到此前备注的图片,好友信息也增加了描述入口。

设计思考:

当我们的微信好友过多或因好友随时改变昵称的原因,而经常找不到,我们就会随手备注一个昵称或标签,以便需要时方便查找,但针对当面即时添加的好友,就算使用的昵称备注,可依然没有印象怎么办?

其实微信的备注功能比我们想象的要强大,除了昵称备注外,还可以使用图片备注。当我们因工作接触的人较多需要添加好友时,短时间是没有办法把所有好友的个人信息都记熟,这时候图片备注就能助我们一臂之力了,另外还可以直接把客户的名片作为图片备注,将单个好友的信息集合,实现一功能多用。对于记性不好或短时间内添加好友较多的用户非常实用。

02.「即刻」排版设置-帮你缓解视觉疲劳

产品体验:

在即刻APP的排版设置里,开启“中文标点挤压”和“段间距”,文本内容会自动减小中文符号后面的间距,且段与段之间也会增加留白,提高视觉舒适度。

设计思考:

我们在看文章或电子书时,都有过这样感觉,当篇幅较大时,到了一定时间,就会产生视觉疲劳或专注度减弱的情况。视觉疲劳的强弱程度,用户除了自行调整外,平台还能通过设计手段提升用户体验来缓解,常见的网络文章会在不同位置**图片来减轻用户的视觉压力,其电子书也会通过短篇幅的翻页来缓解视觉疲劳。

在即刻APP的系统设置中,可通过排版设置提升浏览体验。开启中文标点挤压,文本将自动减小中文标点符号后的空白区域,避免间隔太大造成脱节,去掉不必要的空白,还能为内容节省空间,毕竟内容才是产品最重要的部分,所以不要没理由的去掉特地为它预留空间,“挤挤总还是有的”;其次开启段间距,即段与段之间视觉更加明显,第一反应就能感觉出这是两段内容(段落的结尾如果跟上一样最后平齐,傻傻分不清是衔接上一段还是新的一段),让用户浏览文本内容的思维更清晰且减少思考,提升节奏和视觉平衡感。

03.「拼多多」通过搜索关键词建立情感链接

产品体验:

在拼多多搜索“生日蛋糕”时,商品搜索结果呈现的同时,会有满屏的蛋糕表情落下,以示祝福。

设计思考:

商品搜索框,顾名思义就是搜索商品使用,用户需要查找某个商品时,输入关键词,系统通过后台数据对关键词进行匹配,然后按照特定是顺序呈现出来,旨在满足用户的搜索需求而生。

拼多多搜索功能除了满足用户的基本需求外,还增加了一个小细节,搜索部分特定的关键词,结果页会使用趣味化的微动效。比如,在搜索“生日蛋糕”后,会有满屏的蛋糕表情落下,给予用户生日祝福,通过营造情感氛围,获得用户的认可,跟用户建立情感链接以鼓励继续下一步操作。同时平台用趣味的微动效生日祝福通过情感、人性化的交互方式更受人用户青睐,可以让用户感到心情愉悦,进一步增加用户的信任度及粘性。

04.「微信读书」替身书架-帮你瞒天过海

产品体验:

使用微信读书,如果自己所看的书籍不想别其他人知道,或者想假装自己在看某个领域的书籍,可在隐私设置中开启替身书架,既可以保护隐私,还可以满足面子心理。

设计思考:

有人说,线上看书的效果没有看纸质书籍的效果好,其实并非全部如此,主要因人而异,比如线上看书可以有效利用碎片化时间、不分场景等,不管是线上还是线下,都没有明确的界定,只要能坚持就好,坚持是一件很不容易的事情,比如很多用户喜欢把自己在看书这件事告诉所有的朋友,利用营造人设以追求自己的面子心理,通过好友的夸赞转化为自己坚持下去的动力。

微信的替身书架就可以满足用户的多种需求,通过隐私可以设置一个“分身”来代替真实书架,开启后,替身书架将代替真实书架显示在个人资料中,除了隐藏自己真正阅读的书籍,保护阅读隐私,让自己不被“视奸”外,还可以满足用户的面子(装X)需求,满足用户想要被看到的一面,利用替身书架经营自己人设的需求,比如最近在读的书籍类型、领域等,通过“造假”的方式满足自己的虚荣心,来获得他人的认同感。替身书架一定程度上可以通过裂变手段把获取的新增用户转化为活跃用户,同时满足了用户保护隐私和营造人设的需求,一举两得。

05.「网易云音乐」视频歌单-边听边看更便捷

产品体验:

在网易云音乐听听歌时,如果遇到喜欢的视频,也可以收藏到视频歌单了,从我的-收藏和赞入口进去就能看到。

设计思考:

一直以来,歌单是网易云音乐的核心功能,网易云音乐也是唯一一个将歌单作为核心架构的音乐产品,当我们碰到一首非常喜欢曲时,可能也会钟情于该歌曲的MV,边看边听似乎能更好的融入歌曲的“灵魂”中,如果我们需要再次播放该MV,就要从这首歌曲处找到相应的入口。

网易云音乐8.0版本最新推出了视频歌单功能,延续了用户喜欢的“歌单”模式,根据自己喜欢的歌单主题,将MV,视频、mlog内容聚合在一起,做出一个好听、好看,好玩的视频歌单,让音乐动起来,省去了以往每次找视频的一系列繁琐操作,优化路径,让边听边唱的体验更加便捷。

06.「微信」朋友圈视频静音播放-减少噪音污染

产品体验:

在微信朋友圈,长按选中视频,然后从弹出的选项中选择“静音播放”,跳转到视频播放页面后是没有声音的。

设计思考:

朋友圈作为现在获取好友信息的主要场所之一,很多的用户都会在朋友圈发布图文、短语、视频等类型信息。我们通常习惯性的每隔一段时间就想去朋友看看,当看到非常感兴趣的视频时,就激动的忍不住点了进入,没想到突然来了一段劲爆的音乐,此时地铁上的人都诡异的看着你、正在午休中的同事在仇视你、上班中的领导皱着眉头看向你,就问你,尴不尴尬?

其实在微信朋友圈看视频,很早就设计了这样一个细节,长按该视频,选择“静音播放”跳转到视频播放页面,此时播放视频时没有声音的,如果担心视频里的声音影响到自己或他人,可以使用静音播放,虽然事前把手机音量减到最低也可以解决这个问题,但可能导致忘记将音量调回来而造成来电或其他声音通知的信息遗漏。静音播放还能方便“摸鱼党”在上班时间给自己来一个小小的放松,避免众目睽睽之下太过张扬给自己带来不必要的麻烦。

07.「饿了么」趣味/情感化-有温度的交流

产品体验:

在饿了么骑手信息页面,点击蓝骑士头像,头顶的蓝色竹蜻蜓会旋转2秒,且配有玩味性质的toast文案,趣味性十足,时而引发会心一笑。

设计思考:

眼尖的细心网友可能已发现,之前我们在饿了么点外卖,待骑手送到去取餐时,骑手头盔上有个蓝色的竹蜻蜓,这个不仅仅是装饰作用,更是对优秀骑手的一种激励政策。竹蜻蜓不仅是骑手身份的象征,还因“皮肤”的创意让外卖骑士职业在社交平台攒了一波人气,随后美团也在头盔上增加了袋鼠耳朵、美猴王的“凤翅紫金冠”等。

如果你在线下没有看到,没关系,饿了么已经把竹蜻蜓搬到了线上,俨然已成了饿了么的品牌形象。在骑手的个人信息页面,点击头像,竹蜻蜓会转动,利用toast弹窗配合文案提示,趣味性十足。用户在常规的APP页面交互过程中本来只为满足一个需求而经过的必要流程,用趣味化的方式体现,虽然没有实质上的帮助,但会给用户带来惊喜,让整个操作过程感到放松、愉悦,也是情感化设计的体现,用户偶尔暖心一笑,让冷冰冰的页面变成了有温度的交流,极大的提升了用户体验。

08.「高德地图」长途信息-途中所需一览无余

产品体验:

在高德地图路线预览时,点击长途/沿途信息,即可查看路线所经过的加油站、卫生间及服务区等沿途信息。

设计思考:

有网友说,好多次想在开车的过程中去加油,又不想绕路,又特别的想找中石化而不是中石油,每次遇到这种情况都觉得导航软件不够人性化。其实不仅如此,在开车途中,有时候也有餐厅、汽车维修、取款等方面的需求。

高德地图的沿途/长途信息,可让用户在出行之前把需要了解的信息一览无余,提前会有心理预期,当我们行驶在高速路上,需要知道接下来距离加油站、餐厅或汽修还有多远时,高德地图的沿途搜索功用恰好能够处理用户的当务之急,考虑周全且人性化。

09.「爱奇艺」导航标题字-贴心的界面环境适配

产品体验:

爱奇艺首页顶部导航切换时,主题背景跟随切换后,标签文字也使用跟主题背景相近的色值,让视觉更柔和。

设计思考:

在我们用过大多数的APP中,常见的大标题都是主题色、深色或白色,所以在不同的背景色环境中显示,视觉的舒适度总是没有那么高,也验证了一句话“合格的设计千篇一律,优秀的设计百里挑一”。

爱奇艺首页顶部导航切换时,其标签文字的色值会跟随主题色一起切换,让文本逐步接近背景色,视觉上更加柔和,相比常规性的“千篇一律”舒适度更高,提升了视觉体验,还能起到降低视觉疲劳、保护眼睛的作用。这是一个很容易被设计师忽视的好功能,可以看出来,爱奇艺的团队对界面环境体验的考量是很贴心的。

10.「虾米音乐」横屏磁带效果-满满的回忆杀

产品体验:

使用虾米音乐听歌,在播放页面横屏时,界面会变成早起的音乐播放工具“磁带”样式,颇为复古,上滑弹出多种场景音效选择,并用不同颜色的“磁带”外观区分,点击“磁带”的两个孔可切换上/下一曲。

设计思考:

《荆轲传奇》电视剧中最让我记忆最深刻的一句话是“这个故事虽然已经过去了2200多年,但依然会留在我们的心中,代代相传”,而今天的虾米音乐也将成为历史。相信所有虾米粉都收到一则即将停止运营的线上通知,且启动页也变成了告别画面,让用户一阵心酸,启动页的那一声告别,最后的希望也将破灭。

2021年1月5日10点:停止账号注册、会员充值、虾币充值、专辑购买等服务;

2021年2月5日0点:停止所有歌曲试听、下载、评论等所有音乐内容消费场景,停止个人资料导出或下载;

2021年3月5日0点:运营停止,关闭服务器,届时及以后将无法登录…..

当看到这则消息时,虾米粉们有些泪目了,颇有壮士一去不复返的悲壮之感,虾米音乐从上线到至今都没有让用户失望过,尤其是音乐实验室一直都是音乐界里的黑科技。虽然即将成为历史,但有的设计细节仍值得我们记住。

使用虾米音乐听歌,将播放页面横屏,画面变成转动的磁带效果,其中还隐藏了几个交互手势,点击磁带的左右两个孔可切换上/下一曲,上滑选择场景音效,颇为经典的复古效果给用户来了一波满满的回忆杀,通过突出的视觉样式,给用户带来美好的回忆,达到增强用户记忆的目的。让用户用一款产品很容易,记住一款产品却很难,虾米音乐的磁带效果真正起到了画龙点睛的作用。

-END-

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。