此篇纯干货，省略多余废话喵
适合：PM和需要简单了解设计的宝宝
可用性测试
PM在设计产品时，有时会对产品的某些功能设计拿不准，这个时候就需要可用性测试，帮助检验产品设计的易用性。
可用性测试大纲
1.参与测试人员选择
等于或低于平均水平的人（能更好的反应主流用户的水平）
大概5名左右
2.测试任务的设计
给出目标而不是引导用户操作
任务之间要符合用户正常操作的流程
3.可用性测试流程
- 欢迎部分（4min）：简要介绍此次测试的任务和目的
- 提问部分（2min）：询问参与者几个简短问题，帮助其放松，并大概了解参与者的基本情况
- 主页观光（3min）：让参与者大概浏览产品的网页/APP，对背景环境有个大意
- 任务测试（35min）：给出测试任务，并观察被试的任务执行/操作情况
- 问题探查（5min）：向参与者提出补充问题，以便更好的完成测试目的
- 结束部分（5min）：感谢参与者的参与，并付出报酬
3.常见问题
- 用户不清楚概念/任务
- 页面内容大多，用户难以找到目标
- 用户找不到自己需要的内容
- 用户的操作与预期不符
4.后期解决
有效倾听用户反馈
有效倾听用户反馈
准确筛选需求
准确筛选需求
设计的4大准则
大道至简，设计中也有一些通用不出错的准则
1.亲密性——逻辑上相关的需要组织在一起
逻辑相关的，视觉上也要关联
逻辑镶嵌的，视觉上也要镶嵌
如果元素不相关，就让其彻底分开
2.对齐——每一个元素有其对着点
每一个元素都在某种程度与其他元素相对应
同一设计避免采用多种对齐方式
做/右对齐一般都比居中对齐好（居中对齐教无特色）
3.重复——增强视觉效果
利用项目符号、字体、颜色、线条宽度等创造重复
重复可以帮助构造相关和联系
重复不等于完全一致（如同样的字体，不同的大小）
4.对比——强调想要突出的内容
利用字体、线条、颜色、形状、大小、空间等制造对比
若两个元素不完全相同，就让他们完全不同
对比的差异化要完全体现
设计的色彩知识
设计中常利用颜色做元素的关联和对比
（美女们日常的服饰搭配也可以参考这些色彩基本知识）
1.色轮=色调（12）
三原色（基本三色）：
红、黄、蓝
三间色（三原色两两组合）：
红+黄=橙、黄+蓝=绿、蓝+红=紫
第三色（三原色和三间色的两两组合）：
红+橙=橙红、橙+黄=橙黄、黄+绿=黄绿、绿+蓝=蓝绿、蓝+紫=蓝紫、紫+红=紫罗兰
12色轮
2.明暗色/冷暖色
亮色=色调+白色
暗色=色调+黑色
暖色=红/黄色系
冷色=蓝/冷色系
3.组合色
互补色：
色轮对角的两个颜色（如，黄和紫、红和绿）
三色组：
将色轮三分的三个颜色（如，红/黄/蓝、紫/绿/橙）
分裂互补三色组：
色轮按60/150/150划分的三条线上的颜色（如，黄/蓝紫/紫罗兰）
类似色：
色轮相邻的三色（如，黄/橙黄/橙、红/紫罗兰/紫）
单色组合：
单一色调和其对应的亮色和暗色（如，黄色和暗黄色、亮黄色）
此篇属于列提纲的方式，主要是考虑到每个人时间都很紧凑，所以就不长篇大论···
喜欢这种方式吗？可以留言告诉我~~
Q喵与君共勉
最后一篇设计专题的预告：
PM要懂点设计（5）|4个方法改造现有设计
网友评论