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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
微交互:优秀应用程序设计的秘密
0.0°
2019-06-06 自译外文 经验/观点 原作者: 尼克·巴比奇 举报 555 2 3 0

来源:Medium网站

作者:尼克·巴比奇

翻译:奥创

阅读时长:5min


Image title

我们在日常生活中体验的微交互的一个例子


最好的产品做得很好:功能和细节。功能是吸引人们使用产品的功能。细节是让他们留在那里的原因。细节实际上使我们的应用从竞争中脱颖而出。


微交互是提供愉快反馈的最佳技术之一。


所有道路都采用以人为本的设计方法,用户是主要关注点。一旦被用户发现,微交互通常被认为是辅助或次要的,实际上会产生一种幸福感。作为设计师,认识到微交互的不可见性与设计它们同样重要。你必须创造一种感觉像人类并完成任务的东西。


无论如何,什么是微交互?

微交互是包含产品时刻,可以完成一项小任务。


正如于丹Saffer的书首先描述Microinteractions,这些微小的细节通常服务于这些基本功能:

 · 传达反馈或行动的结果。

 · 完成一项单独的任务。

 · 增强直接操控感。

 · 帮助用户可视化他们的操作结果并防止错误。


特定微交互的一些例子包括:

 · 将iPhone切换为静音时,振动通知以及显示屏上的静音模式图标。


Image title


 · 界面动画,显示单击功能(悬停时改变颜色的按钮)。


Image title

  资料来源:Dribbble


为什么微交互有效

微交互是有效的,因为它们吸引了用户对确认的自然渴望。用户立即知道他们的行为已被接受,并且希望通过视觉奖励感到高兴。微交互也可以指导用户如何使用系统。


识别机会

微交互的一部分美妙之处在于,它们可以插入各种各样的地方,围绕任何潜在的行动。但总的来说,他们往往会出现以下几个方面:


显示系统状态

雅各布尼尔森的第一个可用性启发式原则指出:让用户了解正在发生的事情。用户希望立即得到回复。但是有些情况下应用程序需要一些时间才能完成操作。


因此,界面应该让用户了解正在发生的事情。


Image title

  上传和下载进度条   资料来源:Dribbble


或者用户所在的位置。


Image title

  滚动栏进度


注意:不要让您的用户感到无聊 - 让用户知情并向他们展示进度(例如,加载栏会吸引用户并避免混淆)。


突出显示更改

有时我们必须显示通知以确保用户看到它。动画可以帮助。它会吸引用户的注意力而不会忽视你认为重要的东西。


Image title  新收到的消息   资料来源:Dribbble


注意:在许多情况下,动画效果用于吸引用户注意重要细节。你应该使用KISS原理  - 微交互应该是小而简单的。


保持上下文

使用动作在导航上下文之间平滑地传输用户,解释屏幕上元素排列的变化。对于移动设备和智能手表尤其如此,因为在一个屏幕上放置大量信息根本不可能。


Image title

  材料设计


注意:在不同页面之间保持清晰的导航;所以用户理解从哪里出现的东西。在两个视觉状态之间转换应该清晰,平滑且毫不费力。统一主题 - 创建一个统一的主题,将所有互动联系在一起。


可视化输入

数据输入是任何应用程序中最重要的元素之一。微交互将这个过程变成了特殊的东西。您可以使用现有元素提供反馈。


Image title

  资料来源:Dribbble


注意:微交互有助于揭示信息并帮助用户实现目标。


呼吁采取行动

微交互具有鼓励用户实际交互的能力。他们可以带来用户体验的同理心。但请确保视觉提示和动画适合您的用户。并记住长寿 - 微交互会在第100次使用时变得烦人,还是普遍清晰且不引人注目?


Image title


注意:关注用户情绪,因为他们在用户交互中发挥着重要作用。从背景和用户研究和设计中吸取重复使用。


要记住的事情

微交互充当交互的促进者,具有反馈,通知和指令。

微交互可以通过以不会伤害或分散用户注意力的方式即时传递信息来节省时间。他们应该像狡猾的眨眼一样引起用户的注意。


了解您的用户以及微交互背后的背景将使它们更加精确和有效。

微交互必须能够长期使用。在第100次使用后,第一次看起来有趣的东西可能会变得烦人。


为微观交互增添人性,注重视觉和谐。运动应该感觉流动,使微交互变得活跃。


结论

小心设计。考虑人们如何使用和使用他们的设备,并在设计这些小部分时反映常见的思维模式。注重每一个细节是您成功的关键,使人机交互易于使用。伟大的设计必须发生“全栈”,从功能部分到微交互。



---------------------------------

喜欢请点赞分享并关注哦~~


更新:2019-06-06

收藏

2人已收藏

UI奥创空间

厦门UI设计师~

  • 46

    作品

  • 5

    粉丝

  • 0

    关注

  • 0元学插画:鼠绘王者荣耀橘右京角色插画
  • 包豪斯:在合作中寻找创意灵感
  • 移动用户界面设计中的视觉分隔器
  • 每个UI / UX设计师都需要知道的心理学原理
相关标签

    猜你喜欢

      2019-06-06 自译外文 经验/观点 原作者: 尼克·巴比奇 举报 555 2 3 0

      微交互:优秀应用程序设计的秘密

      0.0°

      你确定要举报微交互:优秀应用程序设计的秘密

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      2
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录