从心理学角度看产品设计.ppt

《从心理学角度看产品设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、从心理学角度看产品设计懒惰性局限性易犯错记忆复杂性社会人注意力渴求信息视盲心智模型视觉系统用户心理特点心理学和产品设计的结合界面元素编码特征界面元素的兼容性对颜色的认知字体的视觉加工界面布局与认知界面元素的编码特征人的视觉、听觉等只能加工特定强度范围的刺激。在界面设计过程中，应当注意元素的可识别性。●可识别性●可辨别性●有意义性●标准化界面元素的编码特征●可识别性●可辨别性●有意义性不同界面元素（特别是近似的、相邻的）的视觉特征应能明显区分，防止用户需要努力辨别，增加认识资源。●标准化界面元素的编码特征●可识别性●可辨别性●有意义性●标准化刺激必须是有意义的，能够被

2、人理解。因此，文字表达上、符号图标的设计上，都应保证用户能够正确理解，不会出错。界面元素的编码特征●可识别性●可辨别性●有意义性●标准化在不同条件下，刺激的意义需统一。对于同系列软件来说，不同平台的图标和控件样式，也应避免意义冲突。界面元素的兼容性●概念●动作●方式红色表示停止；绿色表示通行和安全；选中使用“勾选”；灰色一般不可用；文字蓝色加下划线一般表示链接；灰色不可用；鼠标移过文字小手加下划线表示超链接；上下键控制音量大小；左右键表示快进快退；ESC退出；Delete键删除等；在言语任务中，刺激以听觉形式呈现，以语言形式反应，反应时间最快；在空间任务中，刺激以图

3、形呈现，以动作形式反应时，反应时间最快。对颜色的认知●对比度人眼对颜色对比度的知觉受空间布局的影响。色块越大，对比度显得也越大。●注意力●性别●年龄●情绪●文化●错觉●色盲对颜色的认知●对比度●注意力●性别●年龄●情绪●文化●错觉●色盲同一屏幕内，如果使用过多的色彩，会分散注意，使用户无法快速找到目标。对颜色的认知●对比度●注意力●性别●年龄●情绪●文化●错觉●色盲●被调查者都更喜欢蓝色，但女性的选择更靠近蓝色谱系中偏粉红色的。●儿童更喜欢波长长的颜色，例如红色、黄色。年龄较大的女性比男性更喜欢黑色和紫色随着年龄的增长，对蓝色的喜好非常稳定，越来越多的人不太喜欢橙色

4、。对颜色的认知●对比度●注意力●性别●年龄●情绪●文化●错觉●色盲色彩和情绪之间的关系与色彩偏好紧密相关，而色彩偏好和某种色彩是否会引出积极或消极的情绪有关。对颜色的认知●对比度●注意力●性别●年龄●情绪●文化●错觉●色盲●绿色系明亮，活跃，充满童趣●蓝色系专业，沉静，可信赖●橘红色系活泼，鲜亮，充满热情对颜色的认知●对比度●注意力●性别●年龄●情绪●文化●错觉●色盲颜色文化内涵红色在中国，红色是好运的象征，红色和白色同时使用将加强这种意味，相对于蓝色，很多女性更偏好红色蓝色在许多东方国家，蓝色代表永恒；犹太人认为蓝色非常神圣；印度教中代表克利须那神；总的说来，蓝色

5、在世界范围内都是一种被尊敬的、表示崇高的颜色，男性更喜欢蓝色而不是红色绿色在美国，绿色让人联想到金钱；在爱尔兰，绿色代表天主教；与男性相比，女性可以分辨出更多的绿色橙色在美国有这样一种包装设计上的惯例，即用橙色表示其中的物品较便宜，所在用橙色设计商业网站之前，我们必须考虑到这歌问题，在爱尔兰，橙色代表新教黄色在亚洲人眼里，黄色是神圣的，与橙色相比，女性更喜欢黄色，因为它让人联想到温暖和乐观紫色紫色会让欧洲人联想到悲哀，它也与新生代和新信仰相关，所以紫色的使用也一直备受争议，自然界中紫色相对来说比较少见，仅在某些花和咸水鱼上出现褐色对于任何文化背景和性别的人来说，棕色

6、都是一种中立的颜色黑色在大多数西方国家以及很多其他国家中，黑色都表示悲恸和死亡白色在大多数亚洲国家中，白色表示悲恸和死亡，但在西方中却表示贞操、纯洁对颜色的认知●对比度●注意力●性别●年龄●情绪●文化●错觉●色盲对颜色的认知●对比度●注意力●性别●年龄●情绪●文化●错觉●色盲交谈中请勿轻信汇款、中奖信息、陌生电话，勿使用外挂软件。人群中色盲的发生率还是挺高的，男性为8%，女性为0.5%。在设计中要避免由于用户色盲而无法感知重要信息的变化！字体的视觉加工●字体粗细●文字底色●字母大小写●信息加工交谈中请勿轻信汇款、中奖信息、陌生电话，勿使用外挂软件。随着亮度的下降，粗

7、体字更容易被识别。 在较低亮度或较低对比度的条件下，可使用粗一点的字体字体的视觉加工●字体粗细●文字底色●字母大小写●信息加工交谈中请勿轻信汇款、中奖信息、陌生电话，勿使用外挂软件。黑底白字，文字的颜色会向黑色背景散射。同样粗细的字体，白颜色的字显得比黑颜色的字更粗一些。黑色黑色黑色黑色黑色黑色黑色黑色白色白色白色白色白色白色白色白色粉色粉色粉色粉色粉色粉色粉色粉色蓝色蓝色蓝色蓝色蓝色蓝色蓝色蓝色青色青色青色青色青色青色青色青色绿色绿色绿色绿色绿色绿色绿色绿色黄色黄色黄色黄色黄色黄色黄色黄色红色红色红色红色红色红色红色红色字体的视觉加工●字体粗细●文字底色●字母