日常读书笔记分线--动效设计应有的体验规则

来源:设酷网     作者:日期:2020-08-28     浏览:126    评论:0    
  
核心提示:设计动效时应站在交互角度。动效是用来辅助设计的,不要为了设计而设计动效,最后却干扰了用户的体验。 在iOS人机界面指南设计原则中提到: 1、 完整性:视觉表象/交互行为与其功能整合程度 2、 一致性:贯彻相同标准/规范,符合用户心理预期 3、 直接操作:提升用户参

设计动效时应站在交互角度。动效是用来辅助设计的,不要为了设计而设计动效,最后却干扰了用户的体验。

IOS人机界面指南设计原则中提到:

1、 完整性:视觉表象/交互行为与其功能整合程度

2、 一致性贯彻相同标准/规范,符合用户心理预期

3、 直接操作:提升用户参与度且有助于理解

4、 反馈反馈呈现结果并通知用户

5、 隐喻:使用用户熟悉的体验方式

6、 用户控制:是用户控制应用而非应用控制用户

 

为什么要设计动效

1、 视图之间的焦点引导

2、 当用户完成一个手势后应提示将会发生什么

3、 明确元素之间层级关系

4、 润色整个APP,个性化、愉悦

 

如何好的动效设计

速度:不应让用户有不必要的等待

明确:转场动效明确、简单、一致,避免过多元素造成干扰

统一:整个APP动效应保持一致

 

动效可分两大方面

基础功能动效:辅助完成某些功能,强化用户对界面认知,引起用户注意,提供反馈

情感特色动效:基础功能都满足的情况下,添加动效达到让用户眼前一亮。娱乐用户让他们看到动效就联想到该产品品牌方向)

 

基础功能动效----重解决当下场景问题,需进行理性规范和限制

情感特色动效----重产品温度


明确目的

设计动效前应合理分析当下目标,明确需求背景,动效的商业价值及预期目标。运用合理动效传达信息,增强产品表现力同时减少用户理解成本。

明确问题是否有必要使用动效来解决,也要明确开发能力是否满足。设计时考虑当下场景使用动效必要性。

 

一致性

动效属于产品的一部分,应符合产品一致性

1、视觉一致:整体色调、品牌调性等

2、交互一致:逻辑原则、出现消失、用户点击、转场。也就是内端动效能复用的尽量复用,同时紧随市场及设计规范发展,保证动效适宜。无法确保用户体验的动效可采用实验方法,尝试创新。

效果适宜

1、 考虑频率,速度适中

2、 动效应符合用户预期

3、 动效涉及多个元素或界面层级,有效表现元素的属性变化

 

聚焦用户

代入用户角度的同时俯瞰整个产品和当下场景

1、 顺应用户操作的路径和真实场景。设计时容易在制作过程只针对当下动效本身而忽视真实的使用路径。

动效展示:自然却符合物理现象

交互手势:自然友好

反馈/提示:愉快而不突兀,保障多元素自然衔接与过渡

2、 给用户以控制感

一些动效不可避免会给用户带来干扰,如果范围过大,应考虑动效能否被用户关闭,给用户控制同时让整个设计在用户可把控范围内

3、 无视觉干扰与障碍

考虑动效互斥,一个场景只允许出现一个。没有互斥也应考虑多个东西来回出现导致的视觉焦点凌乱,要做的是防止动效与功能操作发生冲突(此需要设计师把控)

 

情感传达

满足以上原则后,考虑用户的心理情感,用动效创新体验凸显品牌特性。动效被广泛引入到设计中,随之带来的是设计方案的确定与分析变得越来越复杂。影响因素如“这样看起来很炫”等,将失去动效设计本身的目的。


原文链接: ui设计蓝湖火花集

本文来源:日常读书笔记分线--动效设计应有的体验规则    http://www.sjschina.com/archives/20649.html
相关评论