【产品经理从0到1】产品设计规范下-CSDN博客

本文链接：https://blog.csdn.net/qq_41413652/article/details/147551566

在这里插入图片描述

什么是小程序

小程序：一种不需要下载安装，即可使用的应用；

开发成本低；
流畅的使用体验；
庞大的流量池可供使用；
用完即走，不占用手机内存，但是有使用记录供用户可方便的再
次找回产品；

小程序市场环境

在这里插入图片描述

支付宝：
以钱、信任、服务为特色，聚焦商业和生活服务的小程序生态；
头条：
秉承“信息创造价值”理念，借助小程序更好满足用户需求；
微信小程序：
餐饮、酒店、电影院、ktv、足浴按摩水疗、运动健身、酒吧、网吧、茶馆、棋牌室、桌游、农家乐、户外拓展、旅游、机票火车票、婚摄摄影、课程培训、汽车服务、体检、洗衣、配眼镜、鲜花、蛋糕、美容美发美甲、整形、化妆、搬家、宠物、家电维修、招聘、房地产、装修建材、工商注册、二手物品等行业；
几乎能够胜任目前市面上的绝大多数行业的使用场景

如何确定要不要做小程序

在这里插入图片描述

APP、小程序、服务号、H5的对比

在这里插入图片描述

选择做小程序的要点 - 公司产品所处时期

根据现阶段的主要目的：
• 拉新；
• 激活；
• 留存；
• 转化；
• 传播；

是否跟腾讯有业务重合度，如：
• 社交类的小程序；
• 游戏类的小程序；
• …

如何接入微信小程序

此处略。
公众平台：https://mp.weixin.qq.com/

产品开发流程

在这里插入图片描述

用户体验设计的重要标准：
• 统一；（电脑、平板、手机、音
乐播放器、智能手表）
• 友好；
• 易用；

网站设计规范 - 超链接的处理

处理超链接时，需注意：
• 超链接是网站中的重要组成元素；
• 点击过的超链接要改变字体颜色；
• 如果带检索功能，搜索结果中，要对关键字做出变色处理，提示用户；
在这里插入图片描述

网站设计规范 - 视觉顺序

按视觉顺序设计网站时，需注意：
• 将网页标题、登录注册按钮、导航栏等重要的内容，放在用户很容易看到的地方，以减少用户寻找的时间；
• 目的 - 让用户最快获取到他想要的；
• 从左到右，从上到下，Z 字型；
在这里插入图片描述

网站设计规范 - 控件设计

在这里插入图片描述

网站设计 - 注意事项

• 页面加载速度：当用户在等待内容加载时，他们很可能会变的沮丧；如果加载速度很慢，用户
很可能会离开这个网站；解决方案 - 懒加载、预加载；
• 返回按钮：新打开的页面中尽量有返回按钮（或者面包屑导航）；如果一定要跳转到独立的页面，设置为在新窗口打开；
• 慎用促销、广告：促销和广告会抢夺用户的注意力，影响他们访问网站；
• 慎用滚动劫持：用户最不喜欢的设计之一，用户有权决定自己浏览的网页和APP的位置；
• 慎用自动播放音视频：需要用打开的音视频文件，设置为非自动播放的形式；
• 文字配色：不要使用繁重的颜色背景，配方方案要协调、易接受；
• 不要使用闪烁的文字；

七大定律与产品设计

Alan Cooper（交互设计之父）：除非有更好的选择，否则就遵从标准；
• 许多设计准则都基于人类心理学：
• 人们如何感知、学习、推理、记忆，以及把意图转换为行动。

菲茨定律

在这里插入图片描述

屏幕的边缘和角落无限大；
所以屏幕的边角适合放置菜单栏、按钮这样的元素，不管箭头移动多远，最终会停在屏幕的边缘并定位到菜单上；这个方法在window和MAC系统中都得到应用，Windows的关机键在屏幕左下角，两大系统都把dock栏放在屏幕的底端，菜单放在屏幕的顶部；

在这里插入图片描述
菲茨定律的对于产品设计时的启示：

按钮等可点击对象需要合理的大小尺寸；
根据用户使用习惯合理设计按钮的相对和绝对距离；
屏幕的边和角很适合放置像菜单栏和按钮这样的元素；

席克定律

在这里插入图片描述

用数学公式表达为：RT = a + b·log2(n)
RT：反应所需时间；
a：与做决定无关的花费时间（阅读，操纵花费的时间）；
b：根据对选项认识的处理时间；
n：具有可能性的相似答案总数；
当选择增加时，我们做决定的时间就会相应增加；
产品在服务于用户时“时间就是关键”，所以我们要将做决定的选项减少到最少，以减少所需反应的时间，降低犯错的概率；
也可以对选项进行同类分类和多层次分布，提高用户的使用效果；

看到上面对于席克定律的说明，我们可以知道，用户的在某一场景下对选项的反应时间取决于三个因素：
1、前期的认知和观察时间；
2、根据认知后，处理的时间；
3、选项的数量；

那我们应该如何设计呢？
在这里插入图片描述

奥卡姆剃刀原理

奥卡姆剃刀原理也被称为：“简单有效原理”，它是由14世纪逻辑学家、圣方济各会修士奥卡姆威廉（William of Occam，约1285年至1349年）提出；
这个原理告诫人们“不要浪费较多东西去做用较少东西也可以做好的事情。“
“less is more - 少就是多”；
在这里插入图片描述

小白规则：降低用户的学习成本；