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

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

22 期 | 产品体验日记

姜姜ww 2020年03月20日 发布 / 945 次阅读

本文由 @姜姜ww 发布。未经许可,禁止转载。



1、京东金融_图标等级

在一排相同设计风格的图标中使用标签、微动态、异型来作为等级区分。既能恰到好处的吸引用户视线又能不形成干扰。并且这种区分手法可以复用到多处地方,形成规范体系。




2、京东金融_动态图标

异型与微动效结合,用动效表达了一个赚钱的行为,表意切合主题,有故事性。




3、微信读书_无限卡会员

用动效达到了不精简内容的情况下做简化设计,符合整个APP简洁的风格。


编组.png



4、微信读书-想法、笔记

微信读书在阅读中每页都会有其他人看这本书记录的想法和笔记,可以帮助自己理解相关内容。很好的契合了微信读书的定位:让阅读不再孤单,建立了用户之间的联系互动。


同时设计表现形式也不会影响到阅读者的沉浸度。




5、网易云音乐-登录提示

网易云音乐客户端贴心的提示你上次是用XX账号第三方登录的,高亮的提示引导用户直接点击登录。从此再也不用担心忘记上次是用什么账号登录的了。




6、微信读书-分类显示

这里用到的是交叠式思路,即将分类收起来,只在保留分类入口入口,这样在布局上就可以让扫一扫与分类交叠使用同一块区域,优化了布局。并且分类的展开动效促进了用户对当前页面变化的理解。




7、微信读书-自动刷新

微信读书进入看一看模块自动刷新的时候,整个页面会模拟手动下拉刷新往下拉一段再刷新,一个小细节会促进用户对页面的变化有更快的理解及适应。




8、网易云音乐-乐评

乐评的出场动效以及翻看动效模拟了收到信件和阅读信件的场景。合理的动效设计可以帮助用户理解并且愉悦的完成该操作,让用户感到有更多的参与感。




9、微信读书-字体

微信读书在标题部分大量使用了称线字体,给用户带来新鲜感的同时很好的营造了符合阅读软件的文艺感。

字体也是营造氛围的一种方式。




10、京东金融-底部图标

白条信用用动效状态太突出此业务,但是个人认为可以在选中后有个变化的状态用于用户交互反馈,并且进入白条后已经到了此业务场景,下面的图标还需要使用动态来吸引用户视觉吗? 




总结:

这期的采集有比较多的微动效,合理使用微动效可以起到很多作用:吸引用户注意力助力产品拿结果,促进用户对页面变化能有个更快的理解,促进用户与产品之间的互动...但同时也要注意不能过度使用,不然也会干扰到用户正常浏览,这样就得不偿失了。



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


本文由黑马家族成员 @姜姜ww (vx:jww622) 整理编辑,发布于我要学设计网,仅作为学习交流,勿做他用。