【产品经理修炼手册】第五篇-Axure绘制原型

时间：2023-07-23 10:42:02 | 来源：网站运营

时间：2023-07-23 10:42:02 来源：网站运营

【产品经理修炼手册】第五篇-Axure绘制原型：

1.1 七大定律与产品设计

1.1.1 菲茨定律

菲茨定律所提出的人机界面设计法则，主页定义了游标移动到目标之间的距离，目标的大小和所花费的时间之间的关系；

产品设计的启示：

一句话启示：目标要大，要近。

1.1.2 席克定律

一个人面临的选择（n）越多，所需要做出决定的时间（T）就越长。在人机交互界面中选项越多，意味着用户做出决定的时间越长。

产品设计启示：

一句话启示：分类分布，选择最小化。

1、分类选择提高用户效率；

2、限制选择数量，减少用户决策时间；

3、分步解决，提示用户操作体验。

4、隐藏/删减很少使用的选项，降低错误点击率。

1.1.3 奥卡姆剃刀原理

如有两个功能相等的设计，那么选择最简单的。

产品设计启示：

一句话启示：“less is more”

1、只放必要的东西；

2、减少不必要的段落；

3、减少多余弹框设计；

4、小白规则；

1.1.4 泰思勒定律

该定律认为每一个过程都有其固有的复杂性，存在一个临界点，超过了这个点过程就不能再简化了，你只能将固有的复杂性从一个地方移动到另外一个地方。

产品设计启示：

一句话启示：把简单留给客户，把复杂留给自己。

1、复杂总是存在的，唯一需要确定的是让用户复杂还是系统复杂；

2、从体验感的角度，应该让系统复杂，但是需要考虑技术层面能否实现系统复杂；

1.1.5 神奇数字7+-2法则

人类大脑最好的状态能记忆含有7（+-2）项信息块，在记忆5-9项信息后，人的大脑开始出错。

产品设计启示：

1、 用户的记忆上限是9项，超过这个就不容易记住；

2、 结合席克定律，如果要让用户快速记住选项，那么选项尽量不要太多，最好别超过5个；

1.1.6 接近法则

当对象离的太近的时候，意识会觉得它们是相关的；

产品设计启示：

一句话启示：物以类聚，人以群分

1、形似的信息和功能，互相更为靠近；

2、接近法则也就是所谓的分类原则，包括信息分类和功能分类；

1.1.7 防错原则

通过设计来将过失降低到最小化，该原则及时地告诉用户哪里操作错了。比如在填写表单时候，系统给出及时地报错提示；重要、谨慎的操作，系统通常会有二次确认；为用户提供撤销的机会，为用户提供纠错的机会。

产品设计启示：

一句话启示：及时报错机制

1、在关键操作上，给用户提供容错的空间，提供缓冲空间；

2、犯错设计要考虑到用户体感感，不要为了缓冲而缓冲；

1.2 移动端产品设计规范

目前市面上主要有两大移动操作系统：

1.2.1 扁平式导航

1）APP底部常用的导航模式，包括无导航、2个、3个、4个和5个导航；

2）APP底部导航数量可以增加，但是尽量不要减少。所以，对于0-1的产品，除非功能特别多，否则不要一上来就5个模块，最好从4个开始；

1.2.2 分层式导航

1）用于用户不经常使用但是目的性很明确的模块或者页面，比如设置页；

2）页面特点：简洁，分类清晰；

1.2.3 舵式导航

在扁平式导航的基础上增加一个更扁平的入口，方便用户在不用模块之间跳转时，随时可以进入这个舵式模块，并完成使用流程后还可以回到刚才的位置。

1） 用一个多功能键，把同等级的操作收纳到一起；

2） 适用于社区发布类的产品；

3） 导航入口在底部，也可以在右上角；

1.2.4 抽屉式导航

一般采用将导航主体隐藏在APP侧边的方式，以一个按钮来呼出导航，在使用完成之后再使用相同的按钮隐藏起来。

1.2.5 沉浸式导航

又叫“内容驱动式”导航，或者“体验驱动式导航”，是沉浸式设计的一种表现在内容中自由地转换，或是内容本身定义导航。游戏、阅读以及其他沉浸式APP一般都采用这种导航结构

确定好导航架构，相当于就是确定了产品的骨架，接下来应该在产品中添加界面元素。

1.2.6 栏

主要包括：状态栏、导航栏、分段栏、标签栏

1.2.7 内容视图

主要包括：列表视图、卡片视图、集合视图、图片视图、文本视图

在列表中，信息的传递方式决定文字和图片的权重，如果信息依赖于文字传递，则文字权重更高，如果信息依赖于图片传递，则图片的权重更高。

1.2.8 控制元素

主要包括：按钮、输入框、分割符、线条、弹框、toast

在页面起到某种作用的，都可以叫做控制元素，比如一个可点击的按钮，一条用于区分界限的线条等。

1.2.9 临时视图

定义：让用户只有在完成当前的任务或者关闭一个信息或者页面之后，才能去做其它的事情，降低了交互层级。

临时视图特征：当屏幕上出现临时视图时，用户必须通过点击按钮或者其它特殊方式才能退出；

临时视图的种类：模态视图、警告视图、操作列表、吐司（Toast）；

模态视图

警告视图

操作列表

Toast 吐司

关于弹框和toast的区别：

1、 弹框需要用户做操作才能消失，toast会自动消失；

2、 当需要用户对信息做抉择时，用弹框提示，当仅仅是告知用户某个信息，用toast;

3、 Toast可以称为吐司、跨文案。

临时视图的使用规则：

使用临时视图时的注意事项：

数据键入的临时视图：

1.3 小程序设计规范

1.3.1 定义

一种不需要下载安装，即可以使用的应用；主要分为：Andriod、ios、H5 三种类型。

1.3.2 特点

1、开发成本低；

2、流畅的使用体验；

3、庞大的流量池可供使用；

4、用完即走，不占用手机内存，但是有使用记录供用户柯方便的再次找回产品。

1.3.3 接入微信小程序流程

包括：注册、小程序信息完善、开发小程序、提交审核和发布；

1.3.4 设计规范

包括：重点突出、流程明确、小程序菜单、页面内导航、导航颜色定义规范、顶部标签栏、页面加载、结果反馈

（1）重点突出

（2）流程明确

（3）小程序菜单

（4）页面内导航

（5）导航颜色定义规则

（6）顶部标签栏

（7）页面加载

（8）结果反馈

1.3.5 特殊功能

包括：客服消息、扫码功能、模板消息；

客服消息

扫码功能

特殊功能

参考视频：B站黑马程序员《产品经理基础入门》，感兴趣者，可前往学习！https://www.bilibili.com/video/BV13z4y1m7UQ/?vd_source=b4d9c097dca348fa06f85a578660ca02