本文仅用户个人学习记录使用,意在提高自己的交互设计,仅此而已,欢迎指正.
设计参考页面截图
优点
- 和其他模块 theme 主题相互搭配
- 简洁,只有两个 Card,一目了然
- 卡片布局简单化阐述了产品的亮点、好评
- 常见问题里把 常见的 Q&A 放在了页面底部,为了避免 List 太长导致 左右看起来不太搭配,因此 Q&A 的 A 可以进行收缩和展开
缺点
-
Q&A 的展开使用的是 + icon,收缩使用的是 - icon,这里推荐使用 dropdown 的那种展开和搜索 icon 会更好,因为 + 在大多数人的心目中是 新增 的意思,如下
收缩展开 icon 代替 +、- icon
- 联系我们 这个交互 个人觉得可以做成一个 Float 组件,让用户可以在当前页面快速和产品客户沟通,方便客户!