写在前面
作为一个UI设计师,我们应该时常体验一些产品,把自己当作普通的用户去体验这款app给当下我们的感受,并记录下这些点,让你舒服的和让你不舒服的,为什么舒服,你应该如何学习,为什么不舒服,换作是你会怎么做。在体验中思考,并且做好记录有利于提升我们对产品体验的感知,也能帮助我们形成良好的思维模式。
今天写一下我最近在app体验到小惊喜的点~
1、腾讯相册管家
简介:这是一款用于存储照片,安全备份的应用。
体验点1: app内加载动画
交互效果:App内的加载动画很有趣味性,由一个蓝紫色三角形顺时针旋转,内部再出现一个三角形,旋转大后直接向内缩小。再次由内而外旋转依次出现的是黄色,和绿色的三角形。
体验感:动效本身有趣味性,很舒服,降低用户等待过程的焦虑感;同时三个颜色是产品的三个品牌色,也是logo的颜色,蓝紫、橙黄、青绿,是品牌元素的沿用,形状和logo的形状相呼应,加深用户印象。
体验点2: 选择和切换背景音乐
(ps:它其中有一个功能可以把图片一键生成视频,然后可以选择添加图片,片头片尾和bgm这些,就像一个制作视频的软件。)
交互效果(呈现形式):进入选择歌曲后,默认播放的歌曲后面会出现 “编辑icon”,点击其他歌曲时会出现 “编辑icon”和“立即使用”按钮。
体验感: 这个设计让我感到很舒服愉悦,不会在没有播放的歌曲后面造成阅读疲劳,而且操作后也有相应反馈,功能点出现的很适合,不会有认知负重感。
2、lake涂色书
这是一款涂色软件,内置超级多的插画师提供的黑白线稿,各种风格应有尽有,适合练习配色的小伙伴使用。
体验点:loading页
体验感:我想说这款应用映入眼帘的是它的loading页,简洁的logo动画和一句slogan,配上悠扬舒适的背景音乐,给人一种很放松愉悦的感受。
同时整体的简洁和背景音乐的选择符合产品调性,会给用户很好的初印象。(做成GIF后bgm没有啦 捂脸)
3、夸克浏览器
闻名已久的极简、干净的浏览器,这次体验果然没让我失望,没有广告和其他杂乱的推送。
体验点:首页设计风格和框架布局
表现形式(功能框架):一个logo+搜索框+默认呈现的网页图标;默认的网址图标全部是重设计过的,风格是以俏皮简洁的扁平风,又配色不失清新可爱,图标整体给人亲切感。
将导航栏放在底部,方便用户单手操作十分方便,也形成了和其他浏览器之间的差异化;
最左侧图标进入网页——夸克精选,会有一些为你推荐的自媒体网页,它把很多网址进行了细致的分类,这对于一些懒宝宝但是又关注互联网自媒体信息的用户来说无疑是非常nice,非常贴心的举动,会博得用户喜欢。
体验感:给用户很简洁、清爽干净,没有多余的广告打扰,同时页面布局也很简洁容易操作。
4、小红书
一个分享生活,分享吃喝玩乐的社区应用。
体验点:双击点赞操作
交互效果:发现——进入某个动态详情 —— 双击 图片; 屏幕回由右到左 微旋转 出现一个❤️ 的动效icon;
点赞伴随着❤️的图标,动态上方还会出现toast,文案是:我也喜欢你/ 爱我你就赞赞我/ 收到,感谢/
文案有5次左右,出现不一样的文案,但是同一个动态的点赞次数 只增加1;
体验感: 操作前用户可预知,知道如何做(双击图片),操作后用户有反馈(动效💗icon+文字反馈),不同的次数会反馈不一样的文案,贴心设计创意的文案,让人体会到趣味感,也不厌倦。
5、微信读书
体验点: 添加/删除书签
交互效果:下拉 松手添加书签,再次下拉 松手删除书签
体验感:柔顺的下拉效果,非常轻不打扰用户的交互,而且下拉操作属于用户比较习惯熟悉,它的下拉式添加不是随意下拉即可添加,而是下拉到一定距离,有效的防止误操作,同时配以文案给用户传递操作方式——“松手”可添加。用起来很舒服,书签的配图给人非常情景化的体验,让人感觉真的就在页脚放了一张书签一般。
总结本次体验:
1、多看多总结
2、多体验多思考
3、让分享成为一种习惯,敦促自己成长