飞特网

  • 飞特网官方微博
  • 飞特网微信公众号
飞特网赞助商广告

动效的价值——B端产品动效运用分享

IKAKA发布于:2019-3-12 21:17 |原作者: 三鱼先生
简介: 在无限的信息体量和有限的用户浏览范围之间求得平衡,让用户看到全部创作中他最想看到的那一面
飞特网赞助商广告

版权申明:本文出自“三鱼先生”原创,感谢“三鱼先生”的原创教程分享!

动效的价值——B端产品动效运用分享 飞特网 设计理论

在B端产品的设计过程中,我深切体会到动效能在很多体验领域起到四两拨千斤的作用。于是我将自己这些年来做动效的思考,结合B端产品的一些固有特点,来和大家聊一聊动效设计在B端产品体验设计中的意义。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

既然是谈B端产品的体验设计,那么就免不了要与C端产品做对比。在我看来,B端产品与C端产品在大的体验趋势上是趋同的,对于大多数用户而言,都希望自己在工作与生活中是顺利、愉悦的,

而用户体验就是为了让用户顺利、愉悦而生的。也就是说,不管是B端产品还是C端产品,其体验的本质都是围绕着使用的效率与愉悦感为核心展开的。那么这次我们就将目光聚焦在B端产品,来看看在这个领域都有哪些亟待解决的设计难点:

动效的价值——B端产品动效运用分享 飞特网 设计理论

针对这四个特点,我沉淀出一套解决B端产品体验问题的方法,它们分别是:信息折叠、路径梳理、提升效率、概念物化。接下来,我将通过具体的案例,来详细展现动效在B端产品体验设计中的意义。

涉及案例简述:

Dataphin:一款将阿里建设数据中台的能力商业化的产品

QuickBI:一款用于数据可视化分析的BI工具

动效的价值——B端产品动效运用分享 飞特网 设计理论

切换式:不同信息共用同一区域。

动效的价值——B端产品动效运用分享 飞特网 设计理论

案例1:

问题分析:初次进入Dataphin,我们会提供一张业务流程图来解释Dataphin的工作流程。为了降低理解成本,我们对每个流程都添加了文字说明。然而由于流程本身已经很复杂,页面中排版中加入说明性文字会使得流程的排版拉长,用户很难通过一屏浏览完整的功能流程,体验不佳。

动效的价值——B端产品动效运用分享 飞特网 设计理论

解决方法:我们发现用户一开始关注的业务的全流程展示,然后才会仔细查看每个业务的详细说明。当用户将注意力放在查看详细说明的时候,是顾不上看全流程的。因此我们将"看流程"和"看说明"的场景区分开,共用同一块区域,从而优化信息排布。

动效的价值——B端产品动效运用分享 飞特网 设计理论

案例2:

问题分析:在QuickBI中,同一套icon需要应对两种不同的使用场景:当用户没有选中任何图表的时候,点击任意类型的图表icon,即可新建一个图表;当用户选中某一创建好的图表时,再点击图表icon,则是为该图表切换类型。所以为了确保用户的认知清晰,我们需要将两套使用场景区分开。


12345下一页

好评

差评
IKAKA
天津市 南开区 
+ 关注 私信
  • PS鼠绘质感拜年猪女孩教程
  • APP下拉刷新样式总结
  • 动效的价值——B端产品动效运用分享

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

设计,从飞特开始
关于飞特|广告服务|付款方式|友情链接|网站地图|联系我们|加入我们|举报|飞特网旧版| 飞特网