《别让我思考》
2017-04-08 01:19:19 0 举报
AI智能生成
1
作者其他创作
大纲/内容
指导原则
可用性第一定律:别让我思考
一份设计检查清单,识别问号并去除它
我在什么位置?
我该从哪里开始?
他们把XX放在什么地方了?
这个页面上最重要的是什么?
为什么他们给它取这个名字?
让一切不言而喻/自我解释
普通用户只要看它一眼,就知道是什么内容,知道如何使用它
用户使用Web的方式
不是阅读,而是扫描
总是处在忙绿之中
知道自己不必阅读所有内容
善于扫描
不作最佳选择,而是选择第一个合理选项
总是处于忙绿之中
如果猜错了,也不会产生什么严重后果
对选择进行权衡并不会改善我们的机会
猜测更有意思
不追根究地,而是勉强应付
明白事物背后的工作机制并不重要
发现某个事物能用,就一直用它
很少主动寻找更好的办法
为扫描设计,不为阅读设计
建立清楚的视觉层次
越重要的部分越突出
逻辑上相关的部分在视觉上也相关:相近的内容分成一组,放在同一个标题下
逻辑上包含的部分在视觉上进行嵌套
好的视觉层次通过预处理页面,用一种我们能快速理解的方式对页面内容进行组织并区分优先级,从而减少用户的工作
善于使用习惯用法
习惯用法非常有用
设计师通常不愿意利用习惯用法
重新发明轮子的错误
如果想用自己的新想法,必须清楚
无需学习,清楚明了
带来很大的价值
把页面划分成明确定义的区域
快速关注用户关心的区域,并放心略过无关区域
明显标识可以点击的地方
降低视觉噪声
两类视觉噪声
眼花缭乱:整面都在强调重点,也就没有重点,没有层次了
背景噪声:例如,导航栏的实心线
先假定所有内容都是视觉噪声,除非得到证明它们不是
为什么用户喜欢无需思考的选择?
三次无须思考,明确无误的点击相当于一次需要思考的点击
如果我们需要一直在网络上进行选择,那么让这些选择变得无须思考是让一个网站容易使用的主要因素
省略不必要的文字
有力的文字都很简练
去掉一半的文字而不失去原来的意义,并努力把剩下的文字再去掉一半
意义
降低页面噪声
让有用的内容更突出
让页面简洁,一眼能够看到更多的内容,而不必滚动屏幕
欢迎词必须消灭
指示说明必须消灭
让页面不言而喻
必须正确处理的几个方面
设计导航
浏览站点步骤
进入站点,通常是为了寻找某个目标
决定先搜索还是先浏览
浏览:通过标志的引导在层次结构中穿行
如果找不到想要的东西,你会离开
无法承受的浏览之轻
感受不到大小:难以知道是否看到网站上寻找有感兴趣的内容,因此也很难知道什么时候该停止寻找
感受不到方向
感受不到位置
被忽视了的导航用途
给了固定的感觉
告诉当前的位置
告诉如何使用网站
给了用户对网站建造者的信心
Web导航栏的习惯用法
持久导航栏
让导航部分的每一页以一致的外观出现在同样的位置上,会让你立即确认自己仍然待在这个网站上
五个要素:站点ID,栏目,回主页的方式,搜索方式,实用工具
两个例外:主页、表单
站点ID:左上角或靠近左上角
栏目/主导航条:到达站点主要栏目的链接
实用工具:到达网站不属于内容层次的重要元素的链接
返回主页的方式
搜素
使用“搜索”,而不是其他,例如,查找
无需只是说明
当搜索结果太多时,在提供选项,缩小范围
页面名称
每个页面都要有名称
页面名称要出现在合适的位置
名称要引人注目
名称要和点击的链接一致
导航:展示当前位置
面包屑/层级菜单:展示你当前位置
放在最顶端
使用“>”对层级进行分割
标签
不言而喻
很难错过
灵活
暗示了一个物理空间
网站导航栏测试
这是什么网站?(网站ID)
我在哪个网页上?(网页名称)
这个网站的主要栏目有哪些?(栏目清单)
在这个层次上我有那些选择?(本页导航)
我在导航系统的什么位置?(“你在这里”的指示器)
我怎么搜索?
设计主页
主页的任务
站点的标识和使命
站点层次
搜索
导读
内容更新
友情链接
快捷方式
注册
让用户看到他在寻找的东西
让用户看到没有寻找但是能引发兴趣的东西
告诉用户从哪里开始
建立可信度和信任感
主页所受到的常见约束
内容量大
一个尺寸要适合所有人
传达整体形象
口号
清楚、言之有物
长度适中
表述网站的特点和显而易见的好处
有个性、生动、有时候还很俏皮
欢迎广告
指导原则
需要多大空间就使用多大空间
但也不要使用过多的空间
不要把使命陈述当做欢迎广告
最重要的是进行测试
下拉框
需要用户点击下拉框
难以扫描
用户不确定查找名称或者不按照字母序排列时,效率低下
测试
这个网站是做什么的?
该从哪里开始?
确定你没有做错的几件事
为什么Web设计团队讨论啊可用性是在浪费时间,如何避免?
争辩人们喜欢什么既浪费时间又消耗团队的精力
通过测试将讨论对错转移到什么有效,什么无效上
测试让我们看到用户的动机、理解、反应的不同,从而让我们不会再坚持认为用户的想法和我们的想法一样
简单且充分的可用性测试
焦点小组测试PK可用性测试
焦点小组
5-8人,对展示给他们的想法和设计做出反应,用于抽象地确定你的目标受众需要
可用性测试
一次一个用户展示一些内容,并要求用户说出1、这是什么?2、试着用它完成一项典型的任务
测试的重要性
想建立一个优秀的网站,一定要测试
测试一个用户比不做测试好一倍
在项目中,早点测试一位用户好过最后测试50位用户
人们对招募用户代表的重要性估计过高,更重要的是尽早和经常进行测试
测试的关键不是要证明什么或者反驳什么,而是了解你的判断力
测试是一个迭代过程
没有什么比现场用户的反应更重要
应该测试多少用户
理想用户数量是3-4
测试-修正-再测试
测试对象是谁并不重要,利用你能找到的任何人(满足最低要求),然后曲线上升
实际上,我们都是初学者
设计出的网站只有你的目标群体能够使用,这通常并不是个好主意
专家通常不会介意对初学者来说很清楚的界面
例外
几乎只由某一类用户使用,而且招募这里类用户并不困难,那就去招募这类用户
目标用户群划分为几个明显的阵营,且这些阵营有着完全不同的兴趣和需要,至少要从每个阵营里面选择一位用户进行测试
使用网站需要专门的邻域知识,只要要在一个回合的测试中招募具有该邻域知识的用户
注意事项
提供合理的激励
邀请要简单
避免网站/网站背后的组织结构进行预先讨论
可以请朋友或邻居帮忙
细节
【where】地点:办公室
【who】主持:鼓励测试用户去尝试,有耐心、冷静、有同理心、善于倾听、天性公正的人
【who】观察:团队成员、市场和业务拓展部门等
【when】时间:在Web开发的各个阶段及早进行测试,还有经常测试,一个上午的时间
【what/which】内容
理解测试:网站的目的/组织方式/运行方式等
关键性任务测试:让用户完成一些任务,然后观察他们怎么做的
立刻回顾测试结果
给问题分类,排列优先级
如果用户关于在哪里找到他们需要的内容的第二次猜测总是对的,就可以忽略该问题
抵制添加的冲动,转向去除那些让人混淆的内容
不要太看重人们对新功能的要求
着力寻找重要而不费力的收获
解决问题
修正这些问题,同时不破坏已经正常运行的部分
常见问题
用户不清楚概念
用户找不到自己要找的字眼
内容太多
大的方面和外界影响
为什么你的网站应该让人尊敬?
好感度存储器
因人而异
依据情况而定
可以重新填满它
有一个错误就能够清空它
降低好感度的方式
隐藏用户想要的信息
因为没有按照网站的方式行事而惩罚用户
问用户不必要的信息
敷衍用户,欺骗用户
给用户设置障碍
网站看起来不专业
提高好感度的方式
知道人们在你的网站上想做什么,并让它们简洁明了
告诉用户用户需要的
尽量减少步骤
花点心思
产生解决问题所需要的信息
确保信息准确而有用
用清楚的方式来表达
组织良好,让用户可以轻松找到
知道用户可能有那些疑问,并且给予解答,FQA
真正的常见问题列表
保持更新
保持坦率
为用户提供协助,例如打印友好页面
提供简单易行的方法,让用户从错误中恢复
如果没能力提供用户想要的,记得道歉
可访问性、级联样式表和你
改变让所有人感到混淆的可用性问题
使用CSS
对格式控制没有限制
灵活
浏览器之间的一致性
序列化内容
允许重新定义文字大小
能够做的事情
为每张图片添加Alt文本
让表单配合屏幕阅读器
在每页的最前面增加一个“跳转到主要内容”的链接
让所有内容都可以通过键盘访问
如果没有充分的理由,不要使用JavaScript
使用客户端的影像地图
当好人遇上不好的设计决策
坚持一种糟糕的设计想法背后,总有一个良好的意图,试着去理解这种意图常常可以找到另一个方法来达到目的
收藏
收藏
0 条评论
下一页