恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

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

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
(一)微交互:优秀应用程序的秘密
0.0°
2019-08-11 自译外文 经验/观点 原作者: Nick Babich 举报 1037 4 1 0

用户体验初级经验分享。

优秀的应用注重两点:产品的特性与细节。特性为产品吸引用户,而细节为产品保留用户。事实上细节也是让产品与竞品拉开差距的一个重要因素。

 

微交互是个可以提供友好反馈的技巧之一。

 

现在都采用以用户为中心的设计方法,用户是最主要的关注点。作为辅助或者次要操作,微交互会偶然间给用户带来惊喜。作为设计师要认识到,微交互存在的根本就是不可见性。你要设计的是一个很人性化的,可以完成某个任务的东西。

 

那么到底什么是微交互?

 

微交互就是产品中完成一个任务的瞬时操作。

 

正如Dan Saffer的《微交互:细节设计成就卓越产品》一书中提到的那这样,这些微小的细节通常具有以下基本功能:

 

1、 展示一个操作的反馈或者结果。

2、 一次完成一项任务。

3、 提高操作的直观感受。

4、 帮助用户能提前预知他们的操作结果以防止出错。

 

下面来看具体案例:

 

当你把iPhone从正常调到震动模式时,伴随着机身的震动屏幕上也会出现静音图标。

 Image title

通过界面动画来提示是否可被点击(悬停时会改变颜色的按钮)。

 Image title

为什么会有微交互

微交互之所以成功是因为他迎合了用户对认可的渴望。用户立即就知道他们的操作被认可,她渴望那种视觉奖励。当然,微交互也会指导用户如何来使用产品。

 

找准时机

微交互的部分美妙之处在于,它们可以被插入到各种不同的地方,围绕着任何潜在的动作。一般,通常来说他们主要出现在以下几个地方:

 

展示系统状态

Jakob Nielsen的可用性启发原则中第一条指出:要让用户知晓当前正在发生的事情。因为对于用户来说他们希望自己的操作能立刻得到回复,但是有时候应用程序需要一段时间来执行之后才能给出结果。


所以,应该通过界面应该让用户了解正在发生的事情。

 Image title


或者展示他们所处的位置:

 Image title

结论:不要让你的用户感到无聊——要让他们知道进展状况(例如,加载栏就是为了吸引用户避免困惑)。

 

强调变化

有时我们必须显示通知,以确保用户看到它。微交互可以帮忙。它会吸引用户的注意力,让他们不至于忽略你认为重要的东西。


Image title


总结:在多数情况下动画效果用于吸引用户关注重要细节。在设计这些的时候可以参考KISS原则。

 

保持上下文相关联

使用平滑的动画显示用户(名)在导航与上下文之间的变化,借此来说明屏幕中各元素的布局更改。对于移动设备及智能手表尤其如此,因为不可能在它们屏幕上放置大量的信息。

Image title


结论:在不同页面之间保持清晰的导航,这样用户就能理解在这里出现了什么。两种视觉状态之间的转换应该保持清晰、流畅和便捷。统一主题——设计一个统一的主题来管理所有的交互。

 

可视化输入

数据的输入是应用的重要组成部分。微交互让输入过程变得特别,你可以使用现有元素来展示输入反馈。

Image title


结论:微交互可帮助展示信息并让用户更好的完成输入。

 

操作呼应

微交互有鼓励用户进行人机交互的作用。可以在用户体验中加入同理心。但是要确保视觉提示和动画适合您的用户。有一点要铭记于心——微交互出现100次后到底会引起用户的反感,还是会继续保持清晰而不唐突?


Image title


结论:关注用户情绪,因为它们在用户交互中扮演着重要角色。从上下文和用户研究和设计中提取可重复使用的内容。

 

记住这些


1、 微交互通过反馈、通知和提示的方式来促进交互的进行。

2、 微交互应该以一种不会让用户感到厌烦或分心的方式来即时交流信息,从而节省时间。

3、了解你的用户以及微交互的整个逻辑,这样在设计时会更加精准、有效。

4、微交互应当持续不断的使用,让那个用户养成一种使用习惯。如果只是偶尔出现的话,也许第一次会带来惊喜,但是随着次数的增加也会让人厌烦。

Ps:微交互必须长期使用。第一次看起来很有趣的东西在第100次使用后可能会变得很烦人——原文直译。

5、 为微交互增加人性化的操作并且要注重视觉平衡。运动应该流畅,使微交互变得栩栩如生。

 

结论

小心设计。在设计过程中要思考用户的工作环境、使用环境以及思维模式。关注每一个细节是你成功地使人机交互易于使用的关键。优秀的设计应该是“全栈”的,从功能层开始到微交互层。


硬广时间,烦请喜欢的朋友点击一下我个站(UxBooks)的链接帮增加点点击量。

更新:2019-08-11

收藏

4人已收藏

UxBooks

拖延症无法克服,但可以顺势而为。

  • 19

    作品

  • 35

    粉丝

  • 1

    关注

  • 紫光展锐AR头盔——风声
  • 腾讯AR导航 HUD 云评测
  • (三)增强体验:手机应用设计方案
  • (二)过渡动画:利用动画提升用户体验

    猜你喜欢

      2019-08-11 自译外文 经验/观点 原作者: Nick Babich 举报 1037 4 1 0

      (一)微交互:优秀应用程序的秘密

      0.0°

      你确定要举报(一)微交互:优秀应用程序的秘密

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年07月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      4
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录