PM要懂点设计(4)|可用性测试/设计4准则/色彩基本知识

此篇纯干货,省略多余废话
适合:PM和需要简单了解设计的宝宝


可用性测试

PM在设计产品时,有时会对产品的某些功能设计拿不准,这个时候就需要可用性测试,帮助检验产品设计的易用性。

可用性测试大纲

1.参与测试人员选择

等于或低于平均水平的人(能更好的反应主流用户的水平)
大概5名左右

2.测试任务的设计

给出目标而不是引导用户操作
任务之间要符合用户正常操作的流程

3.可用性测试流程

  1. 欢迎部分(4min):简要介绍此次测试的任务和目的
  1. 提问部分(2min):询问参与者几个简短问题,帮助其放松,并大概了解参与者的基本情况
  2. 主页观光(3min):让参与者大概浏览产品的网页/APP,对背景环境有个大意
  3. 任务测试(35min):给出测试任务,并观察被试的任务执行/操作情况
  4. 问题探查(5min):向参与者提出补充问题,以便更好的完成测试目的
  5. 结束部分(5min):感谢参与者的参与,并付出报酬

3.常见问题

  1. 用户不清楚概念/任务
  1. 页面内容大多,用户难以找到目标
  2. 用户找不到自己需要的内容
  3. 用户的操作与预期不符

4.后期解决

有效倾听用户反馈

有效倾听用户反馈

准确筛选需求

准确筛选需求

设计的4大准则

大道至简,设计中也有一些通用不出错的准则

1.亲密性——逻辑上相关的需要组织在一起

逻辑相关的,视觉上也要关联
逻辑镶嵌的,视觉上也要镶嵌
如果元素不相关,就让其彻底分开

2.对齐——每一个元素有其对着点

每一个元素都在某种程度与其他元素相对应
同一设计避免采用多种对齐方式
做/右对齐一般都比居中对齐好(居中对齐教无特色)

3.重复——增强视觉效果

利用项目符号、字体、颜色、线条宽度等创造重复
重复可以帮助构造相关和联系
重复不等于完全一致(如同样的字体,不同的大小)

4.对比——强调想要突出的内容

利用字体、线条、颜色、形状、大小、空间等制造对比
若两个元素不完全相同,就让他们完全不同
对比的差异化要完全体现

设计的色彩知识

设计中常利用颜色做元素的关联和对比
(美女们日常的服饰搭配也可以参考这些色彩基本知识)

1.色轮=色调(12)

三原色(基本三色):
红、黄、蓝
三间色(三原色两两组合):
红+黄=橙、黄+蓝=绿、蓝+红=紫
第三色(三原色和三间色的两两组合):
红+橙=橙红、橙+黄=橙黄、黄+绿=黄绿、绿+蓝=蓝绿、蓝+紫=蓝紫、紫+红=紫罗兰

12色轮

2.明暗色/冷暖色

亮色=色调+白色
暗色=色调+黑色
暖色=红/黄色系
冷色=蓝/冷色系

3.组合色

互补色:
色轮对角的两个颜色(如,黄和紫、红和绿)
三色组:
将色轮三分的三个颜色(如,红/黄/蓝、紫/绿/橙)
分裂互补三色组:
色轮按60/150/150划分的三条线上的颜色(如,黄/蓝紫/紫罗兰)
类似色:
色轮相邻的三色(如,黄/橙黄/橙、红/紫罗兰/紫)
单色组合:
单一色调和其对应的亮色和暗色(如,黄色和暗黄色、亮黄色)


此篇属于列提纲的方式,主要是考虑到每个人时间都很紧凑,所以就不长篇大论···
喜欢这种方式吗?可以留言告诉我~~
Q喵与君共勉
最后一篇设计专题的预告:
PM要懂点设计(5)|4个方法改造现有设计


PM要懂点设计(1)| 简约设计
PM要懂点设计(2)|用户体验
PM要懂点设计(3)|可用性原则

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,723评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,080评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,604评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,440评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,431评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,499评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,893评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,541评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,751评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,547评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,619评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,320评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,890评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,896评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,137评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,796评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,335评论 2 342

推荐阅读更多精彩内容

  • 朋友圈里面见wz登顶了他的第一座雪山,反复滑动屏幕看着远处天边的几张照片,真是秀美壮丽,把我刺激到不行。 提取一下...
    章小白同学阅读 266评论 0 1
  • 寻 极地雪 蓝绿交映 迸射四裂 苍凉如洪荒 如玄黄 播下 远古的种子 那一缕轻羽 汇聚 人的模样 ...
    兰兮阅读 361评论 16 19
  • 你 我18,你16 你问我:你和远方,我会选择谁? 我看着你 轻轻地敲了一下你的脑袋,笑道 我会选择一个傻瓜 就这...
    御寒茶阅读 390评论 6 1
  • 11月中旬,本地进入了供暖时期,家里是暖暖和和的了。在这天寒地冻的季节,有暖阳的出现,也免不了有寒风的呼啸。当冬...
    怡若泰然阅读 365评论 0 0