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

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

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

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

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

第二是增加需求的严密性

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

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

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

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

1.按钮类

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

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

产品经理必学的5类原型部件

不同场景的按钮设计

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

  • 选项按钮

  • 下拉按钮

  • 普通点击按钮

  • 双击按钮

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

2.弹窗类

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

产品经理必学的5类原型部件

弹窗主要有4类

1.toast/alert

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

2.单选项弹窗

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

3.多选项弹窗

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

4.伴随时间消失的弹窗

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

3.web页面导航类

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

产品经理必学的5类原型部件

web页面导航

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

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

何乐而不为?

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

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

产品经理必学的5类原型部件

移动端信息流

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

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

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

5.web表格类

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

产品经理必学的5类原型部件

后台表格

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

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

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

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

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

今天的分享就在这。