本文仅用户个人学习记录使用,意在提高自己的交互设计,仅此而已,欢迎指正.
旋转木马/卡片 卡片通常提高了信息的可读性、增强视觉吸引力,也提高了交互性和灵活性,旋转的卡片让更多的信息得以依次有序的展示在页面上,让网站内容更丰富多彩
参考设计截图
优点
- 旋转卡片让更多的额信息展示出来,让页面更具吸引力,提高了信息和用户眼球的关联性,旋转轮播的卡片有吸引力!
- 因为首页第一屏已经使用了平铺而且卡片信息大小一致的轮播图,因此此处的轮播为了避免与之前的造成“重复”设计,所以选择了中间大卡片,两边等高等宽的卡片,让卡片转动的时候不是平衡感、对称感
- 细节设计,剧中的大卡片的 header 会将人物头像放大,这样的展示更加体现了飞书是以“用户”为中心的产品
- 更多的企业则使用企业 Logo/Name 的形式进行展示,表现了飞书是值得众多公司企业信赖的产品,是很吸引用户的设计
- “了解更多客户案例” 的按钮则让用户可以了解更多有关企业使用 飞书的信息
感悟
- 飞书是一款产品,而产品需要有人使用才能从中获利,需要获利则需要吸引用户购买产品,而购买产品则需要使用广告和口碑来吸引用户,因此这一屏的客户案例和使用飞书的企业介绍更能让用户感受到这件产品是靠谱的!