在UI中传达系统状态的四种方法

系统状态的可见性是Jakob Nielsen进行用户界面设计的十种启发式方法之一。通过呈现应用程序系统的当前状态,您可以使用户感觉对系统具有控制权,而这种控制感可以帮助您建立用户信任。

在UI中传达系统状态的四种方法

您可以使用以下四种视觉反馈方法来传达系统状态:

1、显示用户位置或进度的视觉反馈

了解当前位置

没有人喜欢迷路,因此让用户知道他们在应用程序中的位置对于创建良好的导航体验至关重要。应用程序和网站都应突出显示当前选择的导航选项,以帮助用户了解其当前位置。

在UI中传达系统状态的四种方法

完成操作需要的步骤

让用户知道完成某个操作需要多少步骤,将有助于估计完成该过程所需的时间。

2、确认操作的视觉反馈

作为设计师,为所有交互事件提供即时反馈至关重要。即时的视觉反馈将确认该应用程序已收到用户的操作,增强了交互行为反馈,并降低了用户出错的概率(例如,敲击同一按钮两次)。

但是在某些情况下,更改按钮本身的状态也很重要。在这种情况下,视觉反馈还将传达交互的结果,使其既可见又可理解。例如:

单击“赞”按钮

在UI中传达系统状态的四种方法

打开/关闭某物(按钮颜色的变化为用户提供了有关对象当前状态的信号)

在UI中传达系统状态的四种方法

为项目添加书签

3、显示系统状态的视觉反馈

当系统需要几秒钟的时间才能加载时,它应立即为用户提供反馈。根据等待时间,建议使用无限加载指标(操作时间少于10秒):

在UI中传达系统状态的四种方法

或进度条(用于耗时10秒钟以上的操作):

在UI中传达系统状态的四种方法

这些指标表明系统正在运行并降低了不确定性水平。

内容正在加载

当需要花费一些时间来加载内容时,建议使用特殊类型的容器-骨架屏幕(skeleton screen),用于减少等待时间,并且在数据可用时应立即填充真实数据。

在UI中传达系统状态的四种方法

对于移动应用,还可以在初始加载期间使用动画启动屏幕。精心设计的启动屏幕将为首次使用的用户带来积极的印象,并将他们的注意力从等待中转移出来。

4、触发事件

通知/指示

有效通知的目的是使用户注意新事件的事实。建议使用微妙的动画进行通知,因为动画效果自然会吸引用户的注意力-人眼难以动弹,只能专注于移动物体。

在UI中传达系统状态的四种方法

更多控制权可带来更好的用户体验

在较大的设计方案中,视觉反馈很容易被忽略,但实际上它是整个用户体验必不可缺的一环。当人们与用户界面交互时,他们期望可预测性和可控制性,这正是用户界面设计师应提供视觉反馈的原因。

本文由 新媒体之家 作者:美国交互设计资讯 发表,其版权均为原作者所有,文章内容系作者个人观点,不代表 新媒体之家 对观点赞同或支持,未经许可,请勿转载,题图来自Unsplash,基于CC0协议。
1

发表评论