恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提高产品状态可见性的4种方法

自译外文 分类: 经验/观点 版权: 原作者: Nick Babich 举报
813 12 9 0
2020-05-16
5.0
编辑推荐

状态可见性原则是人机交互学博士尼尔森发表的“十大可用性原则”中的其中一条。


通过传达系统的当前状态,让用户感觉到产品具有可控性,而这种控制感可以帮助用户建立信任。


这里将提供四种反馈方法来提高产品状态的可见性,文章目录:


1、显示当前位置或进度

2、确认操作

3、显示系统状态

4、触发事件


  01 显示当前位置或进度  


当前定位

无论是在现实世界,还是数字网络中,都没有人喜欢迷失。让用户知道他们在产品中的位置对于创建良好的导航体验至关重要。


应用程序和网站都应该突出显示当前的导航选项,以帮助用户准确定位当前位置。

完成操作需要的步骤

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


  02 确认操作  


为所有的互动提供即时反馈至关重要。即时的视觉反馈表明系统实际上已经捕获了用户的点击,增强了直接操作的感觉,并防止出错(例如同一个按钮按了两次)。

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


以下是一些这样的案例:点击“点赞”按钮。

打开或关闭按钮。按钮颜色的变化为用户提供了关于对象当前状态的信号。

添加书签。

加入购物车。在这种情况下,视觉反馈将证明该商品已添加到购物车。


  03 显示系统状态  


等待加载

当系统加载所需时间超过几秒时,应该立即向用户提供反馈。根据等待时间,建议使用无限加载指示(用于少于10秒的操作):

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

这些状态表明系统正在工作,降低了不确定性。


对于移动产品,可以在加载初期使用闪屏动效。精心设计的开屏将为首次使用产品的用户带来积极的印象,并将他们的注意力从等待中转移出来。

内容加载

当需要花费一些时间来加载内容时,可以使用另一种特殊的样式——骨架屏(Skeleton Screen)在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充需要显示的数据内容。


这样的好处在于不会干扰用户操作,并且对加载的内容有一个大致的预期,特别是弱网络环境下极大的优化了用户体验。

电脑端和移动端产品都适用于这样的形式。


  04 触发事件  


通知/指示

有效通知的目的是为了引导用户注意新的事件。可使用微妙的动效进行通知,因为动效能够很自然地把用户的注意力聚焦在一起。

要求用户采取行动

在许多情况下,系统可能会请求用户操作的数据。例如,当用户使用无效数据填写表单时,或者创建了一个密码但不是很复杂,或者提供了无效的邮箱等。


所以最好使用适当的视觉反馈,提前告诉用户存在的问题。


  总结  


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


1. 明确定位当前位置或者操作进度;

2. 为互动提供即时反馈;

3. 注意加载状态下的反馈和体验;

4. 合适的动效能更直接地说明问题。


视觉反馈将整个体验结合在一起。用户与产品交互时,他们期望可预测性和可控制性,这正是设计师应该提供视觉反馈的原因。

Powered by Froala Editor

Clippp

微信:Clip设计夹

14粉丝/23关注

老马识途话唠收藏家lv.2
通知设计需要掌握哪些原则?来看这份全面指南9种醒目的UI图标,带来出色的用户体验

你确定要举报提高产品状态可见性的4种方法

如果查出恶意举报,十天内禁止提交任何举报申请。

0/200

上传证据: 超过10M的附件请使用网盘地址

点击上传附件

对谁可见:

全部设计师
  • 全部设计师
  • 推荐设计师和认证设计师

您确认要推荐?

该作品发布时间:2020年05月16日

评分

完整度

启发性

勤奋性

排版布局

推荐心得

建议20-200字以内

0/200

扫描二维码
去手机端查看海报

Clippp

TA已经获得5枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票

账号或密码错误,请重新输入

账号或密码错误,请重新输入

登录

账号或密码错误

发送验证码 120s 验证码错误

登录

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2020 UI.CN