当前位置: 首页 > 科技观察

必读趋势系列!2016年必须掌握的微交互知识

时间:2023-03-21 14:36:28 科技观察

如何打造一款看起来很惊艳的app,我想大家都应该明白,借助有趣的故事、流畅的流程和令人难忘的视觉设计。但这些还不够,你需要想出一些能够真正打动用户内心,产生情感联系,让他们感受到应用真实生活的东西。这时候,微交互就需要登场了。真正令人上瘾的优秀应用程序很大程度上归功于微交互。一旦出现微交互,用户就会感受到更强的交互感和参与感。这些细小而自然的变化会产生非凡的愉悦感,但通常这些细小的互动并不那么显眼。当然,对于设计师来说并非如此。如果你注意,你每天都会遇到数百个微交互。早上关掉闹钟时的动画,看到界面闪动的新短信时,播放器中切换歌曲时,游戏结束时的动画,游戏结束时的提示信息,甚至是手机导航时的路况信息提示。有微交互。也许你不会知道这些是谁创造的,但确实是这些愉快时刻的积累,让你忍不住打开这些有趣的应用。什么是微交互那么什么是微交互?我们可以这样定义它:微交互是与数字设备的基于单一任务的交互。值得注意的是,这些交互中的绝大多数都是微妙且不易察觉的,但它会给你一种流畅、自然的感觉。正如DanSaffer在他的《微交互》一书中所说,微交互的出现微填充了以下三个功能:界面,微交互的三个功能都体现出来了。Slack允许用户在闭环中聊天和交流,共享文件并互相标记。在此过程中,程序会实时更新(例如邮件阅读后会标记为已读)。应用中还有各种系统提醒,让信息与用户保持同步。微交互对用户和应用的影响会体现在不同方面:Logo打开或关闭各种媒体评论布局或流程变化查看信息或通知下拉更新并与数据相关元素交互,例如查看天气完成独立连接设备的任务,比如多人游戏连接,使用电脑连接打印机分享或者在网站上点赞简单来说,微交互就是用户在设备上的操作所触发的动作。但这些动作并不是简单的因果关系,它们的交互设计是以人为中心的,设备和数字界面的反馈是参考自然和人类行为来完成的。而这也是微交互的秘诀:以更“人性化”的方式呈现用户的预期操作。上面的例子来自UXPin,我们在那里制作了一个web原型来探索时装模特。每张卡片代表一个型号,当鼠标移到卡片上时,会显示每个型号的信息和名片的下载按钮。悬停动作触发微交互显示信息,加入的动效让整个界面发生变化,就好像有人在操作它一样。微交互到底做了什么?正如您在上一个示例中看到的,微交互没有单一角色,它通常扮演多个角色。有时你不能准确地表达它,但它确实会一直增加互动的参与度。当您考虑如何设计微交互时,不要将其视为单个动作或任务。你要考虑的是你要达到什么样的用户体验,如果要达到,界面需要怎么改。从本质上讲,微交互应该让用户有以下体验或导致以下行为:触摸屏幕以获得愉悦,微笑以学习或理解情感联系的感觉他们必须触摸屏幕才能回答问题或修改答案通过这个环节,在这个过程中,精美的??动画会让他们微笑。此外,用户可以在应用程序的帮助下训练他们的大脑并相互分享分数。听起来这个应用很想成为一款简单的游戏,对吧?但这种体验是用户对几乎所有应用程序的期望。正是这些不起眼的微交互设计,支撑起2015年到2016年最佳应用的体验。正是这些微小的“数字时刻”,让用户感受到了情感上的联系,也让用户感受到了另一个人的感受和温暖人或物。微交互的四大要素微交互领域走在前列的是我们前面提到的DanSaffer。如果你谷歌一下“微交互”,你几乎可以找到他提供的所有权威信息和话题,还有他的书《微交互》。Saffer认为微交互在结构上由四部分组成,这个定义更便于你理解或创建微交互。触发器:触发器启动微交互。例如,点击心形图标表示喜欢。规则:交互行为规则。用户无法“看到”规则,但可以通过反馈(下一个链接)了解它们。在这种情况下,点击心形图标后,系统会将此偏好添加到用户的订阅列表中,并为其提供相关推荐。反馈:设计一种通信机制,让用户在发生微交互时返回信息。在这种情况下,用户点击心形后,图标会被填充成红色,像真正的心脏一样跳动,并提示用户“已添加到阅读列表!”告知用户此操作的含义。周期和模式:设置微交互的时长和周期,设计是否随时间重复演进。在这种情况下,用户会在一秒钟内被告知该信息已添加到阅读列表中,甚至在6个月内,它还可以提示用户最初喜欢哪个页面。这几个环节共同构成了一个互动的循环和循环。根据Saffer的说法,绝大多数用户直到这些微交互的循环或机制被打破,才意识到微交互的存在,他们也没有意识到它们的存在。有没有想过反馈机制?反馈是整个微交互机制中最重要的部分。反馈不仅是微交互中连接用户与界面的纽带,也是反映微交互运行机制的纽带。想一想,你的手机闹钟在早上7点响了,接下来你会做什么?继续小睡还是起床关机?这个简单的动作会做两件事,关闭闹钟,或者在铃声再次响起前等待9分钟。这样,在用户和系统之间就形成了一个反馈回路。如果没有用户的初始反馈,铃声不会停止或重置,如果默认设置为无限制,它会一直响个不停。其实to-dolist也遵循类似的循环,最典型的就是上面的Wunderlist。当你点击左边的复选框时,会触发一个微交互,出现一个有趣的动画,并划掉相应的选项。这一刻,你就会知道哪些事情已经做了,哪些事情还没有做。已完成任务的逐渐积累将鼓励您继续完成更多任务并导致进一步的互动。这个案例虽然简单,但是你可以从中学到很多东西。它向我们展示了受微交互驱动的用户如何参与并渴望采取下一步行动。细节设计是微交互的灵魂。处理好微交互的细节是一个项目成功的关键。交互是设计中不可忽视的重要组成部分。那么应该如何设计细节呢?你需要考虑哪些问题?微交互必须存在于重复使用中。纯粹为了美观或噱头的运动效果是骗人的,而不是微交互。你的微交互应该是持久的,细节应该是周到的而不是烦人的。直率是关键。直截了当的语言、清晰的排版、鲜艳的色彩、结构化的设计和良好的执行力,都远胜过过度的装饰。微交互需要人性化。文案应该设计得像一个人在说话,并且在任何情况下都应该保持一种充满情感的交流形式。注意文案。文案必须适合每时每刻,保持尊重,确保正确的语气和轻松的氛围。有趣的动画,但要适度。想一想经典MacOSXDock上的脉动图标。动效不能给程序的反应造成负担,然后就可以考虑它的趣味性、趣味性和感受性了。保持一致。对比是你的朋友,但要小心使用。在触发微动效果的那一刻,配色的重要性远超你的想象。确保每时每刻的色彩协调和一致性。想想微交互的演变。第一次微交互是否与第一千次相同?随着时间的推移它发生了怎样的变化?当它触发的过程发生变化时,它有什么不同?仔细考虑这些细节。不要过度放纵。过度设计是许多产品失败的原因之一,而流畅合理的设计造就了正确的产品。