扫码登录 我要学设计网
设计师的职业进阶课堂

微信扫码登录 | 方便安全省心

20 期 | 产品体验日记

爱玩的酷奇 2020年03月14日 发布 / 774 次阅读

本文由 @爱玩的酷奇 发布。未经许可,禁止转载。



1. 华为应用市场—心愿单

在华为应用市场搜索App,滑动搜索结果到第2屏时,页面中下部会出现“没找到?添加到心愿单”。


点击这句文字后,用户能向应用市场反馈想要的App,这是一个很实用的功能点。





2. 一个木函—多功能工具

“一个木函”是多功能工具类应用,提供了日常相关的几十种工具(比如垃圾分类查询、单位换算、指南针、图片拼接、空文件清理)。

优点1:每个功能操作起来很方便,用户能高效完成任务。


优点2:用户不用下载很多App,1个应用就搞定很多琐事,节省精力和手机内存。





3. Keep—会员中心

Keep的会员界面,在醒目的位置采用倒计时的方式提示用户,还有多少时间促销活动就结束了。轻微的紧张氛围,能一定程度上刺激用户办理会员。





4. 虎嗅—选择兴趣

初次安装新闻App虎嗅时,会出现选择兴趣界面。虎嗅创意地在页面中展示了7个六边形标签,只有当用户选择某个大标签后,对应子标签才会出现。


视觉上:让界面更精致。

业务上:排除干扰项,聚焦用户的注意力在产品的热门内容上,让用户能快速感知该新闻产品的主攻领域。





5. CSDN—引导页

CSDN是专业IT技术社区,它的引导页的插画值得借鉴:以程序“猿”的脑袋为外轮廓,根据不同功能添加对应插图:学士帽、课程视频、灯泡、问号、星球。


同个外轮廓让这组插画视觉上很统一,星星元素的加入让插画更精致。





6. 网易蜗牛读书—文章页

网易蜗牛阅读App的文章界面,有两个实用的小功能。

注解:帮助用户理解专业词汇/特殊事例,让阅读更顺畅。

话题:用户能够参与讨论精华的语句,让阅读更深刻。





7. QQ空间—趣味互动

当你进入QQ好友的空间后,会发现右下角有个“戳ta小脸”的Icon,点击它,会出现3种互动方式。


我点击了“蓝色瓶子”的图标后,界面出现了立体小动画:一只胖手拿着蓝色瓶子喷绘了一个“Yo!”字。挺有趣的互动方式。





8. Keep—用具象描述抽象

当用户在Keep中完成了锻炼,会出现“成功完成训练”界面。Keep会告诉用户,你成功消耗了的52千卡相当于1块曲奇饼干的热量。这种用具体物体来描述抽象概念的方法,能让用户更轻松地了解自己的运动情况。





9. 票牛&Keep—卡片堆叠

当出现多个同类别的卡片时,可以像票牛和Keep一样,把卡片堆叠放置。既节省屏幕空间,又能让用户一目了然,明白这儿有一组内容。





10. 微光—小卡片

微光是网友连麦看电影神器,它界面中的卡片很是精致。


1、首页金刚区的卡片,采用品牌Logo形象为外轮廓,第4个小卡片“一起???”,名称取得奇奇怪怪的,反而能吸引用户好奇心,促进点击率。

2、用户房间界面的金刚区卡片,区别于首页,采用了圆角矩形,选中和未选中状态的区别大,能让用户快速识别当前所处状态。

3、一起听歌界面的乐曲图片旁,有露出一半的CD图片,很有生活代入感。





11. 乐趣—听歌体验

乐趣是音乐App,它的听歌体验很有意思。进入App首页后,播放中的歌曲会有炫酷动图背景,顶部会飘过其他用户发的弹幕。动图背景提升了音乐播放界面的视觉体验。弹幕可以让用户有一种大家陪着我听歌的亲切感。





12. 快看漫画—会员权益

这是快看漫画App的“会员权益”节选界面,完整的界面非常长,按照iPhoneX的比例来看,至少7屏。从我标记的部分可以看出,页面信息一直在不断重复“会员”,为什么要这么做?


因为界面太长了,如果不反复强调“会员”,用户很可能走马观花浏览一圈就忘记自己是来看VIP权益的了,自然就不会充会员。





13. 自如—首页活动改版

12月初,自如有一个“向上生活”2020新品发布会的活动,App的首页也根据活动进行了改版。整体配色采用活动的蓝紫配色,有高级感。


金刚区的合租、整组等功能板块,视觉上很有立体感,像是微微打开的窗户,吸引用户一探究竟。





14. Keep—阶段提示

用户在Keep中跟着教程锻炼时,能从上下两个进度条看到自己的状态。上进度条,代表整套动作的总时间;下进度条,代表每个小动作的时间。


用户能一眼看明白自己所处的阶段,而且下进度条的绿色色块移动得很快,能让用户在做辛苦的锻炼时,不会觉得时间太漫长,能在心理上适当缓解用户的疲劳感。





15. 喜马拉雅&荔枝—首页

喜马拉雅可以用来听书听课听段子,荔枝是声音互动娱乐平台。


底部标签栏:两款产品标签栏正中间按钮,都使用了正在听的内容的封面图。用户能快速识别当前在听什么内容。

荔枝发布按钮:该按钮区别于常用的圆形/加号发布按钮,边角圆润,有一些dribbble风。

荔枝私人FM:点击首页的私人FM,会出现调频切换电台的界面,你可以用手指滑动旋转界面中的“收音机零件”,随着手机的震动切换不同电台,这种轻拟物的交互方式复古又有趣。



本期产品体验日记分享到此结束,希望抛砖引玉,可以看到更多伙伴去发现更多好玩的设计。


本文由黑马家族成员 @爱玩的酷奇 整理编辑,发布于我要学设计网,仅作为学习交流,勿做他用。