作者:Ayoub kada
3.6 界面关联
可以使用相同元素来加强连贯操作之间的连贯性,达到加强操作体验流畅度和减少用户流失的目的。相同元素可以是前后页面之间的共有元素,比如一个图片或者一个单词等,也可以是同一个页面中具有操作逻辑关系的两个元素。
作者:Alexander Kontsevoy
四、微交互动效微交互动效属于功能性动效,与聚焦于影视、游戏等领域具有娱乐属性的体验动效不同,功能性动效具有清晰的逻辑目的,聚焦于帮助用户理解当前所处状态和解决产品问题。动效的融入能够让产品设计更加人性化,许多微交互动效在实际的操作中并不会被用户注意到,但如果缺少了它会让用户感受到明显的缺失感。
动效常常作为各个交互环节之间的有效连接手段,让整个产品的交互和流程变得更加完整和流畅。产品融入动效的目的是吸引用户,但不能让用户分心,比如为整个产品首页的元素添加动效,使全部元素都动起来,此时用户要看哪里呢?这就会适得其反。而且也不要使用过于复杂或特殊的动画效果,这些往往会给用户带来不好的产品体验。
五、微交互动效设计原则一个优秀的微交互动效,在设计上必须是克制的并且有清晰的任务目标还要自然流畅,在设计微交互动效时应该遵循以下三个核心原则:
- 克制有度:控制动效的持续时间与出现频率,确保不会增加额外的操作成本,不干扰用户对产品的正常使用。
- 清晰聚焦:重点突出且符合逻辑,并给予用户充足的查看时间。
- 自然流畅:保证视觉的连续性,要做到不卡、不闪、不跳。
为了保证动效有清晰的用途并能够完成目标,在设计时需要注意以下几方面的问题:
(1)用户注意力引导
设计时要考虑你想通过动效将用户的注意力吸引到产品的什么地方。
(2)动效目标
需要考虑动效目标是下面的哪一种:
a. 使用动效来吸引用户注意时,需要考虑是否需要让用户一下子就能注意到动效变化并立即采取行动。
b. 使用特定元素在不同状态间转换时,要保持视觉的连续性。
c. 使用动效来表明已经处于用户注意力范围内的不同元素之间的层级关系是怎么样的。
(3)出现频率
需要明确交互动效在单次会话中出现的次数。
(4)触发机制
触发机制分为2种用户直接出发和间接出发,需要明确触发机制是哪一种:
a. 用户操作后直接触发交互动画,例如:Hover事件触发了按钮的动画效果
作者:Aaron Iker
b. 用户操作后间接触发交互动画,例如:当用户向下浏览界面时,触发页面的内容加载动效。