分类： 互联网

互联网 patron No comments

100个设计心理学知识（上篇）


一、人如何观察
1. 眼睛看到的不一定是大脑接受到的
应用：色彩形状能影响人们所见（卡尼萨三角）
2. 整体认识依赖周边视觉，细节认识依赖中央视觉
应用：非焦点区域的设计同样要清晰表达网页用途
3. 人通过识别基本形状来识别物体，并倾向发现规律
应用：使用简单几何图形；间隔分组创造规律
4. 大脑梭形脸部区专门识别人脸
应用：使用人脸更容易吸引用户的目光
5. 略微侧向俯视是想象物体的标准视角
应用：使用标准视角的物体画像
6. 人根据经验和预期来浏览屏幕
应用：设计要使用人习惯的方式
7. 物体会提示人如何使用
应用：要让用户轻易理解并知道怎么操作（感知功能可见性）
8. 人可能会对变化视而不见
应用：增加视觉提示以保证让用户注意到某处改变
9. 人认为相邻物体必然相关
应用：无关内容间距要大，相关内容间距要小
10. 红蓝/红绿搭配难阅读
应用：避免红蓝/红绿/蓝绿搭配
11. 9%男性是色盲，0.5%女性是色盲
应用：用文字图标辅助颜色表达；测试色盲看到的效果
12. 色彩含义因文化而异
应用：要根据文化来使用颜色

二、人如何阅读
13. 阅读大写单词不难，而是用户不习惯会慢
应用：少用全大写，仅在需要引起用户特别注意时使用（比如删除重要文件的提示）
14. 阅读和理解是两码事
应用：使用简单易懂的词汇表达
15. 人是借助模式来识别不同字体的文本
应用：不要使用过度花哨的字体干扰模式识别；衬线字体和无衬线字体可读性相同
16. x-height大的字体看起来更大
应用：字号要足够大，相同字号选择x-height大的
17. 电子阅读比纸质阅读更难
应用：要让文字易读
18. 每行字符较多时读得更快(100chars)，但人们偏好短行(45-72chars)
应用：阅读速度重要就使用较长的行宽，反之则使用较小行宽

三、人如何记忆
19. 短期记忆是有限的
应用：尽量不要让用户记忆东西，如果必须记忆则不要干扰
20. 人一次只能记住四项事物
应用：每组展示信息不多于4条
21. 人可以通过重复巩固记忆，也可以通过联系新事物与熟悉事物巩固记忆
应用：重复以让人记住；让展示事物与用户已有知事物关联
22. 再认比回忆容易
应用：别让用户回忆
23. 记忆会占用大量脑力资源
应用：使用大脑容易记忆的具象词或图标
24. 回忆会重构记忆
应用：酌情采信客户事后说的话
25. 人会很快忘记短期记忆的内容
应用：要考虑到用户遗忘的因素
26. 生动的记忆也会有错
应用：用户的闪光灯记忆也不可全信

四、人如何思考
27. 人更擅长处理小块信息
应用：渐近呈现，让用户少动脑，哪怕多几次点击
28. 认知消耗脑力最多，要大于视觉和行动
应用：减少产品的负荷；增加视觉负荷和动作负荷来减少认知负荷
29. 人在30%的时间会走神
应用：要时刻让用户知道当前的状态
30. 人越不确定越固执己见
应用：不要改变人们根深蒂固的观念，若要改变要先让他们认同一些小事
31. 人对一个东西都有心智模型，且它是变化的
应用：用研要了解用户的心智模型
32. 人与概念模型交互
应用：概念模型要与心智模型匹配，如果是全新的东西，就要通过教学让用户创建心智模型以
33. 人都喜欢故事
应用：以故事形式呈现信息更有吸引力
34. 示范是最佳的教学方式
应用：别只说，要示范给用户看（视频，截屏）
35. 人天生爱分类，但七岁以下的孩子没有分类本领
应用：信息要做好分类
36. 心理活动多，就会觉得占用时间长
应用：少让用户动脑
37. 四种创造力（刻意，自发；认知，情绪；）
应用：
刻意的认知创造力需要大量知识和时间；
刻意的情绪创造力需要安静
自发的认知创造力需要大量知识和时间；
自发的情绪创造力一般不能成为设计的培养对象
38. 人有心流状态
应用：用户控制，持续反馈，减少干扰
39. 文化会影响人的思维方式
应用：要考虑文化因素

五、人如何集中注意力
40. 人会忽略干扰，选择性注意
应用：给出明确的提示，用户就可以集中注意力
41. 人会主动过滤信息
应用：如果某些信息要用户特别关注，要让它比你想象明显10倍
42. 人对反复做的动作会产生无意识惯性
应用：重复性动作容易导致犯错，所以要减少，且提供撤销操作
43. 对发生频率的预期会影响注意力
应用：让用户注意小概率事件，要特别突出显示
44. 注意力只能维持10分钟
应用：尽量将时长控制在10分钟，如超过10分钟可以通过新信息或短暂休息来调剂
45. 人只会注意显著线索
应用：想让用户关注的要设计得足够明显
46. 人无法同时完成多个任务
应用：避免让用户同时做多件事。如果需要多任务，要预料到可能会出错
47. 勾人六事：危险、食物、性、移动、人脸、故事
应用：借助勾人六事来吸引一些注意力
48. 巨大噪声会吓到人并引起人注意
应用：用声音引起注意，但注意声音要变化，以免用户习惯麻木
49. 人会无刺激却接收到了刺激，或有刺激但听不到或看不到
应用：如果假刺激情况损失更大，则减弱刺激；则如果漏刺激情况损失更大，则加强刺激

了解详情：《设计师要懂心理学》Susan Weinschenk

互联网 patron No comments

强制HTTP跳转HTTPS（阿里云WordPress站点）

问题：安装了免费SSL，也启用了主机管理>域名绑定下的强制HTTPS加密访问，但还是存在内容页面HTTP不跳转HTTPS的情况。

解决：
1.设置>常规（页面），修改WordPress地址和站点地址为HTTPS网址
2.在站点根目录.htaccess文件中添加如下代码（如没有该文件就上传一个）：

<ifmodule mod_rewrite.c="">
RewriteEngine On
RewriteCond %{SERVER_PORT} ^80$
RewriteRule ^(.*)$ https://www.oldzhao.com/$1 [R=301,L]
</ifmodule>

3.设置>固定链接(页面)，点击保存按钮，Done.

注意，整段代码要单独放，不要嵌入其它的mod_rewrite代码块中。

互联网 patron No comments

iOS平台的设计原则

iOS平台设计原则
美学正直 – Aesthetic Integrity（不但要设计感，还要匹配功能）
连贯一致 – Consistency
直接操控 – Direct Manipulation
显性反馈 – Feedback
联系隐喻 – Metaphors
用户控制 – User Control

了解详情：iOS Design Principles

UI设计注意事项
格式化内容（以适应屏幕显示） – Formatting Content
使用UI组件（让交互简单自然） – Touch Controls
按钮别太小（最小44ptx44pt） – Hit Targets
字体别太小（不要小于11pt） – Text Size
对比要明显（字体颜色和背景） – Contrast
间隔要足够（以提高易读性）- Spacing
使用高清图（以保证Retina）- High Resolution
图片别变形（要原比例裁切）- Distortion
组织好内容（要易读易操作）- Organization
元素要对齐（要关联要整齐）- Alignment

了解详情：UI Design Do’s and Don’ts

互联网 patron No comments

产品认知的三种模型

Implementation models 实现模型 – 客观实际，产品怎么工作
Mental models 心理模型 – 用户认知，产品怎么工作
Representational models 呈现模型 – 设计呈现，产品怎么工作

互联网 patron No comments

滑

亲爱的用户朋友们
我们的最新版产品已正式发布
这次在用户体验这块我们下了大功夫
使得页面流畅度提升了100%
通俗的讲就是 很滑
对 页面很滑

由于太滑
使用时可配戴手套
或涂抹痱子粉
或换另一只干燥的手
但我们不保证不出现
您手滑了的情况
因为这次真得太滑了