交互设计的一些标准组件库定义和参考，产品经理都需要了解

原型设计中的交互设计思考摘要

产品经理在进行系统功能原型设计时，不仅需要利用现成控件组合页面，更关键的是要考虑交互设计。挑战性在于，当需求评审时，团队成员可能会质疑设计决策，如列表设计合理条目数、数据展示控件选择、新增编辑操作形式、表单控件与页面边距等。产品经理需要提供专业且深思熟虑的理由，而非简单模仿竞品。

交互设计的三个类型

1. 企业级内部业务系统：这类系统更注重业务实现与效率提升，对页面交互要求相对较低，通常不涉及专门的UX/UI设计人员，采用标准设计组件库实现页面交互。
2. SaaS产品系统：SaaS产品重视用户交互体验，因为它们通常提供免费试用期。UX/UI设计师会制定页面交互和控件标准，参考业界交互设计，并根据产品需求、业务和场景定制。
3. App应用：用户体验对App生存至关重要，因此企业非常重视App的交互设计。App设计趋于简化，注重细节体验和需求本质。

数据形式交互的思考

通过案例分析，例如京东首页商品列表与微信视频号，突出了列表数据展示方式的重要性，这需要从用户角度和页面目的角度综合考虑。

业界标准组件库参考

分析行业头部案例和基础组件库定义有助于快速成长。页面交互设计、数据形态的定义，包括表单页、列表页和导航设计的探讨，均反映了在交互设计中的多样性和复杂性。

标准组件库地址

• 桌面端标准设计组件库
  • Ant Design
  • Element
  • Arco Design
  • Bootstrap
• Mobile标准设计组件库
  • Ant Mobile
  • Mand Mobile
  • Vant
  • WeUI

ps：第三部分标准Web/Mobile端组件库的定义和说明主要参考了Ant Design。

想要了解更多内容？

查看原文：交互设计的一些标准组件库定义和参考，产品经理都需要了解

文章来源：

产品经理方法论

扫码关注公众号

测试过程需不需要践行敏捷？

了解更多