bt365最新网站,在用户界面中传达系统状态的四种方法

系统状态可见性是Jakob Nielsen用户界面设计的十种启发式方法之一。通过显示应用程序系统的当前状态,可以使用户感到并具有对系统的控制权,可以帮助您建立用户信任度。
您可以使用以下四种视觉反馈方法来传达系统状态:
1.关于用户位置或进度的视觉反馈
知道你的当前位置
没有人喜欢迷路,因此重要的是让用户知道他们在应用中的位置以获得良好的导航体验,并且应用和网站都应突出显示当前选择的导航选项,以便用户可以更好地了解其当前位置。
完成过程所需的步骤
通过告诉用户完成一个操作需要多少步骤,您可以估计完成该操作所需的时间。
2.确认过程的视觉反馈
作为设计师,提供有关所有交互事件的即时反馈非常重要;应用程序已收到用户动作的即时视觉反馈可改善交互式行为反馈,并减少用户出错的可能性(例如,敲击同一按钮两次)。
“样式=”宽度:100%;高度:自动;“ data-lazy =” 1“ data-height =” 480“ data-width =” 640“ width =” 640“ height =” auto“>
但是,在某些情况下,更改按钮本身的状态也很重要,在这种情况下,视觉反馈还可以传达交互结果并使它们既可见又可理解。
点击“我喜欢”按钮
“样式=”宽度:100%;高度:自动;“ data-lazy =” 1“ data-height =” 405“ data-width =” 600“ width =” 600“ height =” auto“>
开启/关闭某些功能(键颜色的更改会向用户提供有关对象当前状态的信号)。
设定书签
3.对系统状态的视觉反馈
如果需要几秒钟来加载系统,则应根据等待时间及时通知用户,建议使用显示屏进行无限充电(工作时间少于10秒):
或进度条(对于持续时间超过10秒的操作):
这些指示器表明系统正在运行并减少了不确定性。
内容已加载
如果加载内容需要花费一些时间,建议使用特殊的容器骨架屏幕(骨架屏幕)以缩短等待时间。如果有可用数据,应立即填充实际数据。
4.触发事件
通知/指示
有效通知的目的是提醒用户新事件的发生,建议使用细微的动画来通知您,因为动画效果当然会引起用户的注意。专注于移动物体。
更好的控制可以带来更好的用户体验
较大的设计往往会忽略视觉反馈,但这是整体用户体验的重要组成部分。当人们与用户界面交互时,他们期望可预测性和可控制性,因此用户界面设计人员应提供视觉反馈。