推荐《认知与设计——理解UI设计准则》读书笔记

简介:
格式塔原理 → 结构、组合、层次
阅读应无意识 → 文字的应用与处理
色觉 → 色彩的运用
边界视力缺陷 → 信息可见
记忆力不完美 → 减少记忆、提供引导
大脑的时间常量 → 提高响应度
Chapter1 我们感知自己的期望
*影响感知的三个因素:经验(过去)、环境(现在)、目标(将来)
对用户界面设计的启发:
1. 避免歧义
2. 保持一致
3. 理解目标
Chapter2 为观察结构优化我们的视觉
*视觉感知的格式塔原理:
a. 接近性原理 → 通过拉近、拉开距离将对象分组
b. 相似性原理 → 利用相似性分组
c. 连续性原理 → 滑动条的使用
d. 封闭性原理 → GUI中重叠对象的使用
e. 对称性原理
f. 主体/背景原理 → 背景使用、弹出信息
g. 共同命运原理 → 运动
Chapter3 我们寻找和使用视觉结构
*当信息以简洁和机构化的方式呈现时,人们更易于浏览和理解。
设计启示:
1. 结构化处理长串数字
2. 使用数据专用控件
3. 显示出视觉层次
Chapter4 阅读不是自然的
*最有效的阅读方式是无语境的、自下而上的特征驱动方式。
设计启示:
1. 保证用户界面里的文字基于无意识处理有效进行。(避免非常用文字、难辨认的字体、微小字体、背景嘈杂、重复内容、居中对齐)
2. 将文字格式设计出视觉层次
3. 尽量减少阅读
Chapter5 色觉是有限的
*人类色觉特点:
a.对反差而非绝对色彩或亮度敏感
b.颜色辨别力依赖于颜色的呈现方式
c.有些人是色盲
d.物理环境和条件影响对颜色的感知
色彩使用准则:
1. 让反差较高
2. 使用独特的颜色(红、绿、黄、蓝、黑、白)
3. 避免使用色盲人无法区分的颜色对
4. 在颜色之外使用其他提示
5. 将强烈的对抗色分开
Chapter6 我们的边界视力很糟糕
*人类视野的空间分辨率从中央向边缘锐减。
设计启示:
1. 放在用户所看的位置上
2. 标记出错误
3. 使用错误符号
4. 保留红色以呈现错误
Chapter7 我们的注意力有限,记忆力不完美
*短期记忆容量小、不稳定;长期记忆易出错、受情绪影响、追忆时可改变。
设计启示:
1. 模式
2. 搜索结果(显示搜索词)
3. 指令(允许随时查阅使用说明)
Chapter8 对注意力、形状、思考以及行动的限制
*人们的行为会遵循一些可预测的模式:
a. 注于目标而很少注意使用的工具 → 让用户专注目标
b. 用外部帮助来记录正在做的事 → 标识已完成与未完成
c.跟着信息“气味”靠近目标 → 理解用户目标,引导其实现目标
d.偏好熟悉的路径 → 减少用户动脑而非减少点击(有时)、引导最佳路径、同时提供慢与快路径
e.思考周期:目标,执行,评估 → 提供路径、节点上提供清晰信息、提供反馈
f.完成任务主要目标后经常忘记做收尾工作 → 提醒未完成、自己完成扫尾工作
Chapter9 识别容易,回忆很难
1.选择而非输入
2.尽可能使用图像
3.使用缩略图
4.越多人使用的功能越可见
5.使用视觉提示让用户知道当前位置
6.让认证信息易回忆
Chapter10 从经验中学习与学后付诸实践容易,解决问题和计算很难
1. 显著标识系统状态和用户当前进度
2. 引导用户完成目标
3. 不要让用户诊断系统问题
4. 尽可能减小设置的数量和复杂度
5. 让用户使用感觉而非计算
6. 让系统令人感到熟悉
7. 让电脑去计算
Chapter11 许多因素影响学习
1. 做一个任务分析
2. 设计一个专注于任务的概念模型,其中包括对象—操作分析
3. 严格按照任务分析和概念模型设计用户界面
Chapter12 我们有时间要求
*一个交互系统的响应度是觉得用户满意度的最重要因素。
1.立刻告知收到用户的动作
2.让用户知道软件是否在忙
3.等待的同时允许做别的事
4.动画要平滑和清晰
5.让用户能够终止不想要的长时间的操作
6.让用户知道长时间的操作需要多长时间
7.尽可能让用户来掌控自己的工作节奏

本文转自william_xu 51CTO博客,原文链接:http://blog.51cto.com/williamx/729816,如需转载请自行联系原作者
相关文章
|
Ubuntu Java 测试技术
【Linux】一站式教会:Ubuntu(无UI界面)使用apache-jmeter进行压测
【Linux】一站式教会:Ubuntu(无UI界面)使用apache-jmeter进行压测
524 1
|
机器学习/深度学习 Shell 开发工具
Shell脚本编程实践——第1关:编写一个脚本,求斐波那契数列的前10项及总和
Shell脚本编程实践——第1关:编写一个脚本,求斐波那契数列的前10项及总和
2224 0
|
6月前
|
JSON 前端开发 安全
前端开发中常用的鉴权方式解析与实践要点
本文深入探讨了前端开发中常用的鉴权方式,包括HTTP基本鉴权、Session-Cookie鉴权、Token验证、JWT(JSON Web Tokens)、单点登录(SSO)和OAuth等。文章首先明确了认证、授权、鉴权和权限控制的概念及关系,随后详细解析每种鉴权方式的工作原理、优缺点及适用场景。例如,HTTP基本鉴权简单但安全性低,适合内部网络;Session-Cookie鉴权易受CSRF攻击,适用于同域Web应用;Token和JWT无状态且扩展性好,适合分布式系统;SSO提升用户体验,适用于多系统统一登录;OAuth安全方便,适合第三方授权接入。
418 2
|
5月前
|
Java Linux 网络安全
Linux云端服务器上部署Spring Boot应用的教程。
此流程涉及Linux命令行操作、系统服务管理及网络安全知识,需要管理员权限以进行配置和服务管理。务必在一个测试环境中验证所有步骤,确保一切配置正确无误后,再将应用部署到生产环境中。也可以使用如Ansible、Chef等配置管理工具来自动化部署过程,提升效率和可靠性。
529 13
|
10月前
|
JSON 文字识别 测试技术
Qwen2.5-VL Cookbook来啦!手把手教你怎么用好视觉理解模型!
今天,Qwen团队发布了一系列展示 Qwen2.5-VL 用例的Notebook,包含本地模型和 API 的使用。
2944 22
|
9月前
qwen2.5 7b w8a8量化推理
qwen2.5 7B模型的a8w8量化推理
427 0
|
9月前
|
小程序 JavaScript 前端开发
微信小程序开发全流程:从注册到上线的完整指南
这篇文章详细记录了微信小程序的完整开发到最终上线的每一个步骤。适合对小程序开发感兴趣的个人开发者或希望了解完整流程的学习者,涵盖了云开发、事件绑定、生命周期管理、组件使用等关键内容。
4300 11
|
资源调度 JavaScript 开发者
插件使用:扩展Vue功能与第三方插件
【4月更文挑战第23天】Vue凭借其轻量级和灵活性在Web开发中备受青睐,而插件则进一步增强了其功能。本文探讨了如何在Vue项目中选择、安装、配置和管理插件,以适应不同需求。要点包括:选择可靠且兼容的插件,使用npm或yarn安装,根据文档配置,以及注意性能影响。明智使用插件能提升开发效率,但需避免过度依赖,确保与项目目标和技术栈匹配。不断学习新插件,可保持技术领先并优化项目实践。
231 0
|
存储 资源调度 算法
m基于FPGA和IP核的RS编译码verilog实现,包含testbench测试文件
m基于FPGA和IP核的RS编译码verilog实现,包含testbench测试文件
337 1