菲兹定律和米勒定律

菲兹定律

  • 菲兹定律指出:离目标距离越近,所需的时间越短;目标尺寸越大,完成速度越快,时间就越短。
  • 也就是说,预测点击一个目标的时间,取决于目标和当前位置的距离+目标的大小。
    在这里插入图片描述
  1. 放大可点击元素的尺寸
    并不能无限的放大
    在这里插入图片描述

  2. 减少移动的距离
    减少绝对距离
    减少相对距离
    在这里插入图片描述

并不是所有操作都需要缩短距离
在这里插入图片描述

  1. 相关元素靠近
    亲密性并不是唯一标准
  2. 屏幕的边缘和角落无限大
    要综合考虑屏幕尺寸

米勒定律

  • 普通人类在工作记忆中可以保持感知”信息块”的数量是7(±2)项,也就是5~9项。

  • 在交互设计中,可以利用米勒定律减少用户的认知负荷,提高产品的易用性,下面我们来看看常用的表现形式:

  1. 减少选择
    适用边界:选择不能无限减少;如果内容过多,可以增加层级结构
    除了增加层级结构以外,还有一种方案是展示重要功能,收纳次要功能。
    在这里插入图片描述

  2. 对信息进行分组
    数字分段:
    对重要数字,像手机号、银行卡号、身份证号等进行分段,方便用户识别,减少错误率。比如下图京东金融的银行卡号分段。
    在这里插入图片描述
    相关连的信息放在一起:

  • 相关的信息组成一个“信息块”,便于用户浏览和筛选信息。这种时候,在“信息块”内部,需要通过色彩、大小、间距来区分层级。而不同“信息块”之间,通常是通过间距来区分。
  • 尤其是现在卡片化设计、无边框设计的趋势下,更要注意间距的设置。
    在这里插入图片描述
    流程分步骤进行:
  • 一次只解决一个问题,将冗长或复杂的流程分解为内容较少的单元项,每个后续的步骤都建立在已有内容的基础上。
  • 另外可以通过进度显示,使用户能够对流程有预期的了解。比如下图就是现在很多产品的登录注册流程、填写资料流程。
    在这里插入图片描述
  1. 利用用户的习惯用法
    “一致性和标准化”
  • 和用户的使用习惯保持一致
  • 同一产品内保持一致的设计语言
  1. 减少用户的记忆量
    尽可能减少用户的记忆负担,向用户显示他们可以识别的内容,而不是自己记忆和填写。这部分其实也是尼尔森10大可用性原则中的第六条“确认而不是记忆”,具体如下:
  • 让用户选择而不是输入
  • 自动读取、记录信息,减少操作路径
  • 内容可预期
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

翠玲的菜园子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值