提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
来源:Medium网站
作者:尼克·巴比奇
翻译:奥创
阅读时长:5min
我们在日常生活中体验的微交互的一个例子
最好的产品做得很好:功能和细节。功能是吸引人们使用产品的功能。细节是让他们留在那里的原因。细节实际上使我们的应用从竞争中脱颖而出。
微交互是提供愉快反馈的最佳技术之一。
所有道路都采用以人为本的设计方法,用户是主要关注点。一旦被用户发现,微交互通常被认为是辅助或次要的,实际上会产生一种幸福感。作为设计师,认识到微交互的不可见性与设计它们同样重要。你必须创造一种感觉像人类并完成任务的东西。
无论如何,什么是微交互?
微交互是包含产品时刻,可以完成一项小任务。
正如于丹Saffer的书首先描述Microinteractions,这些微小的细节通常服务于这些基本功能:
· 传达反馈或行动的结果。
· 完成一项单独的任务。
· 增强直接操控感。
· 帮助用户可视化他们的操作结果并防止错误。
特定微交互的一些例子包括:
· 将iPhone切换为静音时,振动通知以及显示屏上的静音模式图标。
· 界面动画,显示单击功能(悬停时改变颜色的按钮)。
资料来源:Dribbble
为什么微交互有效
微交互是有效的,因为它们吸引了用户对确认的自然渴望。用户立即知道他们的行为已被接受,并且希望通过视觉奖励感到高兴。微交互也可以指导用户如何使用系统。
识别机会
微交互的一部分美妙之处在于,它们可以插入各种各样的地方,围绕任何潜在的行动。但总的来说,他们往往会出现以下几个方面:
显示系统状态
雅各布尼尔森的第一个可用性启发式原则指出:让用户了解正在发生的事情。用户希望立即得到回复。但是有些情况下应用程序需要一些时间才能完成操作。
因此,界面应该让用户了解正在发生的事情。
上传和下载进度条 资料来源:Dribbble
或者用户所在的位置。
滚动栏进度
注意:不要让您的用户感到无聊 - 让用户知情并向他们展示进度(例如,加载栏会吸引用户并避免混淆)。
突出显示更改
有时我们必须显示通知以确保用户看到它。动画可以帮助。它会吸引用户的注意力而不会忽视你认为重要的东西。
新收到的消息 资料来源:Dribbble
注意:在许多情况下,动画效果用于吸引用户注意重要细节。你应该使用KISS原理 - 微交互应该是小而简单的。
保持上下文
使用动作在导航上下文之间平滑地传输用户,解释屏幕上元素排列的变化。对于移动设备和智能手表尤其如此,因为在一个屏幕上放置大量信息根本不可能。
材料设计
注意:在不同页面之间保持清晰的导航;所以用户理解从哪里出现的东西。在两个视觉状态之间转换应该清晰,平滑且毫不费力。统一主题 - 创建一个统一的主题,将所有互动联系在一起。
可视化输入
数据输入是任何应用程序中最重要的元素之一。微交互将这个过程变成了特殊的东西。您可以使用现有元素提供反馈。
资料来源:Dribbble
注意:微交互有助于揭示信息并帮助用户实现目标。
呼吁采取行动
微交互具有鼓励用户实际交互的能力。他们可以带来用户体验的同理心。但请确保视觉提示和动画适合您的用户。并记住长寿 - 微交互会在第100次使用时变得烦人,还是普遍清晰且不引人注目?
注意:关注用户情绪,因为他们在用户交互中发挥着重要作用。从背景和用户研究和设计中吸取重复使用。
要记住的事情
微交互充当交互的促进者,具有反馈,通知和指令。
微交互可以通过以不会伤害或分散用户注意力的方式即时传递信息来节省时间。他们应该像狡猾的眨眼一样引起用户的注意。
了解您的用户以及微交互背后的背景将使它们更加精确和有效。
微交互必须能够长期使用。在第100次使用后,第一次看起来有趣的东西可能会变得烦人。
为微观交互增添人性,注重视觉和谐。运动应该感觉流动,使微交互变得活跃。
结论
小心设计。考虑人们如何使用和使用他们的设备,并在设计这些小部分时反映常见的思维模式。注重每一个细节是您成功的关键,使人机交互易于使用。伟大的设计必须发生“全栈”,从功能部分到微交互。
---------------------------------
喜欢请点赞分享并关注哦~~
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册