产品经理必备的5类原型部件-技术圈

这是Kevin的第 868篇原创，

持续日更，做产品经理的创业斜杠青年。

做产品经理多年来，我最喜欢的原型工具就是axure，主要因为原型工具用的顺手就行，在没有团队强制要求下我会选择这类工具。随着时间变化，产品经理本身原型工具的选择也发生了极大的变化。

以前单机本地的扩展到线上协同。

合格的产品经理都应该必备一些部件库用于提升产品设计的效率。

部件库可以有下面3点优势

第一是减少消耗时间的通用单元组件设计

第二是增加需求的严密性

第三是节省了产品设计这一个单环节的时间

简易设计并不代表产品设计是随意的，反而是输出“高质量“的产品设计。

因此用部件库就是为了提升所谓的质量

在这里我建议有5大类部件库一定要有

1.按钮类

你见到的所有产品页面都会存在按钮。

按钮通过搭配不同的文案，去提升转化率、以及增加用户情况。好的按钮设计，为用户提供舒畅的产品使用体验。同事按钮也包含了逻辑条件，比如登录注册按钮，就需要判断用户的身份信息。

▲ 不同场景的按钮设计

按钮的种类在简易设计里主要4种分类

选项按钮
下拉按钮
普通点击按钮
双击按钮

提前准备上面4类按钮，可以快速完成产品的页面原型设计

2.弹窗类

告知用户使用产品的当前状态、反馈系统信息，弹窗是最好的表达方式。

弹窗主要有4类

1.toast/alert

这类主要是展示当前期状态的提示

2.单选项弹窗

告知用户状态，需要用户点击知晓

3.多选项弹窗

需要用户进行操作，进行强提醒。

4.伴随时间消失的弹窗

这类弹窗是有时间限制，展示出后在固定的时间后消失。主要为用户提供关键信息告知

3.web页面导航类

每一个PC产品，都会牵扯到产品页面框架。比如网站站点的导航栏，后台的页面功能框架，都可以用固定的导航栏原型设计来完成。

▲ web页面导航

在web页面导航里，如果是面向C端用户的。这类框架可以实现需求的落地，但至于UI就可以放心的交给UI设计师，因为成熟的原型框架非常容易理解。

如果是面向业务内部的业务系统，则更能够让开发、业务方快速理解并知晓系统的操作，使用这种成熟的部件会让业务、开发、设计都轻松很多。

何乐而不为？

4.移动端列表类/瀑布流

移动端要想展示多内容，列表是最好的方式。只不过移动端喜欢用瀑布流的称呼。

▲ 移动端信息流

商品、文章、视频、用户、音频等等，只要你能够想到可以在手机应用上展示的内容。要是堆积起来了最好的解决办法还是用列表/瀑布流方式。

毕竟移动端有天然的优势，可以通过滑屏操作实现更多内容的访问。

这是最简单、最快的方式。至于后期迭代要想变成功能区、还是分页的方式，那就根据自己的需求来了。在从0到1，这样的内容展示最简单。

5.web表格类

后台设计里，表格设计几乎100%存在。主要的原因是后台总是会存在数据列表展示的需求。

▲ 后台表格

通过筛选条件、或直接的搜索，可以直接在表格定位到需要的数据信息。表格有天然的数据查看优势。

什么用户管理、账户管理、商品信息、订单信息等等，都是用列表的方式展示。

表格可以通过加行、加列快速将这类需要展示的后台页面表格进行支持。

当然其他可以选择的部件库很多，比如还有搜索、消息通知、输入等等。我列举的以上5点是我认为在简易设计最重要的。

主要是从提升产品设计的“品质”唯独。快速、效率高、同时还能够减少产品设计出错。

今天的分享就在这。

今日Bonus：加我好友 pmkevin001，领取直播原型部件库，同时还有运营模版，带你了解快速提升产品运营进阶

👇点击阅读原文，加入打卡训练营，每天体验1款APP

每天体验1款app知识星球

我创建了一个《每天体验1款app》知识星球，有超过20个行业嘉宾在圈子里。加入后365天，每天体验一款APP。提升产品设计能力，同时有1500份体验报告帮助你找到竞品。

平均1天1块钱，扫码购买即可加入

连续体验90款应用，通过后原路退回