好功能腾讯CODesign网页设计中值得学习的体验小细节

细节描述

柒柒: 腾讯打造的一站式设计协作平台「CODesign」，模拟了PPT的讲解效果进行网页动效设计。页面布局上，左侧是目录，右侧是介绍内容；动效上，左侧目录通过「凸显目录面板+显示进度条」的方式，提示内容查看进度及预告切页，这种自动切换的动效方式不仅合理利用了空间能够展示更多内容，而且帮用户自动切换减少动手操作，体验很棒。动效及展示形式，跟人们使用PPT汇报时的场景很相似，利用用户已有认知来减少用户对动效及网页的理解成本，是很赞的解决方式。个人认为，看网页时的注意力有点被左侧的蓝条条干扰，若能弱化进度条颜色，让用户更专注在右侧内容上体验会更好。