移动应用设计趋势:神奇的微交互

Date 2025-05-09 11:20:12

如果你开发一个应用程序并上线,你会感觉很棒。同时,它还有一个很酷的故事和令人印象深刻的视觉设计。但这还不够。它需要更多的东西让用户觉得这些元素还活着。

这就是微交互!

Image title

图片来源:uxpin

当谈到设计一个上瘾的应用程序微交互的秘密时。事实上,用户的角色是不可或缺的。只有保持用户的参与,这些设计才能创造出意想不到的快乐。你每天可能会遇到数百次微交互。每次你关掉提示音,看到短信在屏幕上闪烁,提醒你在游戏中跳过一首歌,在音乐播放器上跳过一首歌,或者你改变交通课程,提醒你早上工作。这些微交互很可能不想要任何人,但每一个都有助于你日复一日地使用特定的应用程序。

什么是微交互?

微交互与设备所有单项任务的参与有关,这些活动大多只是明显的,交互动作非常光滑,Dan Saffer还表示,有三种微交互功能可以帮助完成特定功能:

1.状态快速反馈

2.想象动作的结果

3.帮助用户操作屏幕上的东西

Image title

来源:Slack

上面的Slack是一个伟大的应用程序,包中所有这三个工作。该应用程序允许用户在闭环交流和聊天中添加文件和标签。同时,应用程序提供实时更新(如标记为已读信息),以帮助用户浏览。它还使用通知和其他小行动来保持用户同步沟通。

有许多方法可以影响应用程序的用户和功能:

1.事物的开关状态。

2.在任何数字媒体上发表评论

3.更改设置或过程

4.检查信息或通知

5.滑下“屏幕”更新移动设备的内容

6.与检查天气等数据元素交互

7.完成孤立的任务

2.微笑与幸福

3.学习或理解的东西

4.连接到另一个用户

Image title

图片来源:Elevate

这些组件的游戏学习界面用于上述Elevate。用户必须触摸屏幕。为了回答这些问题,正确的答案和美丽的动画是为了取悦用户。该应用程序允许用户训练他们的大脑。

用户可以与朋友分享他们的结果和其他应用程序,这听起来像是一个简单的游戏,对吧?但这些都是用户希望从几乎每个应用程序中看到的。

这些行为是解释2015年和2016年移动设计趋势的核心。这些小而轻的“数字时刻”感觉被认为是一种情感联系。微交互允许用户感受或接触另一个用户或对象。

微交互的四个要素:

Dan Saffer 谈到微交互的最前沿问题。

谷歌的“微交互”和他的名字是几乎所有主题的明确信息。他写了这本书——毫不夸张地说——在这个话题上。Saffer关注微交互的四声部结构,这真的是了解如何创建它们的最佳方式。

触发:发起微交互。例如,我点击一个心脏图标作为我最喜欢的页面。

规则:交互行为的方式。用户不能通过反馈(下一阶段)“看到”规则。在这种情况下,单击心脏图标将页面添加到用户的摘要中。

反馈:如何为用户设计通信微交互。心脏图标填充颜色和跳跃,并伴随着消散。”消息告诉用户发生了什么。

循环和模式:决定微交互的长度以及它如何重复或随着时间的推移而演变。例如,我们现在描述微交互的开发,提供我们的内容收集页面,甚至可能提醒我们,我们在六个月内第一次喜欢的页面。每个部分存在于每个交互中,创建一个周期是如何工作的。除非它们被打破,否则大多数用户甚至从未注意到微交互。

您是否考虑过反馈?

微交互周期的反馈是最重要的部分。这是连接用户和接口的微交互阶段。反馈决定了微交互将如何工作。

这样,你需要在早上7点起床,闹钟就在你的手机上。当闹钟响的时候,你起床关掉闹钟吗?还是你小睡一会儿?这个简单的动作告诉应用程序微交互。接下来——在下一个周期或9分钟内重置警报并再次离开。用户和系统之间的反馈电路已经完成。没有最初的用户反馈,闹钟的声音从未停止过。它不会重置开放循环,允许它再次工作。

Image title

图片来源:Wunderlist

与检查待办事项清单项目相同,如上述Wunderlist。通过定期选择和标记项目,您可以告诉应用程序触发的微交互引人注目的项目您的待办事项列表。瞬间,你现在知道哪些项目是完整的,悬而未决的。完成任务的满意度进一步鼓励您完成更多任务,从而进一步与应用程序互动。

上一篇:冬天还是契机 八个关键词读懂2015年家居圈

下一篇:2016年首届中国室内设计行业转型峰会4月在京启动

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计