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

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

这就是微交互!

0wx_fmtgi

图片来源:uxpin

当谈到设计一种上瘾的APP微交互的秘诀时。其实是少不了用户的角色,这些设计时刻保持用户的参与进来才行,才能够创造出意想不到的喜悦。你一天可能遇到数百次微交互的情况,每一次你关掉提示音、看到短信在屏幕上闪烁、提醒你在一场比赛中、跳过一首歌在音乐播放器或者你改变基于交通课程提醒你在早上上班。这些微小的每一个时刻形成的微交互,很有可能你不想任何人,但每一个有助于你为什么不断地使用特定的应用程序,一天又一天。

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

微交互是什么?

微交互与设备的所有单任务的参与有关,大多数这些活动仅仅是明显的,交互动作很光滑,Dan Saffer也说到,帮助完成特定功能的微交互作用有三个:

1.状态的快速反馈

2.想象动作的结果

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

0wx_fmtjpeg-

来源:Slack

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

微交互,影响应用程序的用户和功能以多种方式:

1.事情的开启状态和关闭状态

2.在任何数字媒体评论

3.更改设置或过程

4.检查消息或通知

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

6.与数据元素进行交互,如检查天气

7.完成孤立的任务

8.连接设备,比如多人游戏,或者从你的笔记本电脑打印

9.共享或喜欢的照片或视频网站上

简而言之,微交互是来自用户的一个操作,触发另一个动作的装置。每一个交互是基于以人为本的设计理念,在数字工具的工作原理和功能也反映出一个人会做些什么。可用性的秘密武器——交互行为像预期的那样,“以人为中心”

0wx_fmtgif-

图片来源:uxpin

在上面uxpin的例子中,我们为匹配时尚模特设计了一个网站原型。一张卡片代表每个模型,显示度量和名片下载当你停留在人的脸。对于这个特定的情况下,该微交互揭示了信息顺畅性,动画添加了一些的可发现性,使设计更逼真的响应用户的动作。

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

真正的微交互作用是什么?

从上面的列表可以看到——绝不是它包括每个微交互服务于多个角色。当你正在考虑如何设计一个微交互时,不仅考虑手头的特定操作或任务,也应该“做”作为整体的一部分的用户体验。

从本质上讲,微交互应该让用户感觉或做一些心理的感受:

1.触摸屏幕

2.微笑与快乐

3.学习或者理解的东西

4.连接到另一个用户

0wx_fmtjpeg-

图片来源:Elevate

上面的Elevate中使用这些组件的游戏式的学习界面。用户必须触摸屏幕,为了回答这些问题,正确的答案而漂亮的动画为取悦用户,这个应用程序允许用户来训练他们的大脑。

用户可以与朋友分享成绩和结果和其他应用程序的用户,这听起来像是对一个简单的游戏,对吗?但是这些是用户期望看到的东西从几乎每一个应用程序。

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

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

微交互的四种元素:

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

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

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

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

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

循环和模式:决定微交互的长度和它如何重复或随时间的演化。例如,微交互我们现在描述发展提供我们的内容收藏页面,甚至可能会提醒我们在6个月当我们第一次喜欢的页面。

每一个部分存在于每个交互创建一个周期的东西是如何工作的。Saffer描述,大多数用户甚至从来没有注意到微交互除非他们打破。

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

你考虑反馈吗?

微交互周期的反馈是最重要的部分。这是微交互阶段,连接用户和接口。反馈决定一个微交互到底会如何运作。

这样想,你需要早上7点起床,闹钟在你的手机上。闹钟响的时候,你起来关掉闹钟吗?或者你打打盹吗?这个简单的行动告诉应用程序微交互接下来——重置警报在接下来的周期或在9分钟再次离开。用户和系统之间的反馈回路现在已经完成。

没有最初的用户反馈,闹钟的声音从未停止。它不重置开式循环允许它再次工作。

0wx_fmtjpeg-

图片来源:Wunderlist

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

虽然这是一个很简单的例子,有很多东西要学。它告诉我们,用户想参与微交互显然的方式创建一个下一步(循环),希望它工作直观的足够的,它可以随着时间的推移而演变和使用。

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

设计细节是微交互的核心

微交互的设计方式和你如何处理细节将会制造或打破你的项目,互动是一个必备的设计元素,你不能忽视。

0wx_fmtjpeg-

图片来源:黑暗的天空

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

但是你怎么设计呢?你思考什么?

微交互必须挺过重复使用,避免噱头或动画的纯粹为了聪明。记得你微交互一定长寿,因为他们感觉不到恼人的长期使用。

简单性是关键

简单的语言,清晰的排版、鲜明的色彩、结构化设计。执行基本面良好,不添加任何比你需要更多的细节。

微交互感受人类

文本读起来应该像人一样说话,设计应该一切形式的情感交流。介意复制,所有副本都应匹配,应用正确的语气感到尊重文本,帮助要尽可能的轻松的。

创建一些有趣的动画,但要适度。想想OSX反弹新程序加载图标,动画程序告诉你,但它不负担你当前的行为的反应,争取同样的有用性在你的动画,因为他们不仅仅是视觉愉悦,寻求和谐。

对比是你的朋友,但小心使用它。当你得到特定时刻的用户体验,细节就像色彩理论比你想象的更重要。如果您的应用程序使用一个绿色的配色方案,确保颜色微交互流过。每一刻应该感到视觉连接到更大的应用程序设计。

想想微交互演变,微交互的第一和第一千次行为是否完全相同?还是随时间演变?例如,想想警报就响你保持按下小睡。如果你想站有别于其他设计,你必须考虑这些细节。

一旦你传达的信息在一个快速和令人兴奋的。让顺利过渡到正常流的任务。

结论

微交互是应用程序设计的重要组成部分,人们希望使用。他们帮助创造接触,有助于用户功能和愉悦。把它放在一起,你需要创建用户看不到的微小的时刻,但需要或希望,这样你的应用是一个重要的日常生活的一部分。

授权来源:设计夹 ,转载请联系原作者。

原文:http://designmodo.com/mobile-design-trends-2016/

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/11831/

(0)
TinadminTinadmin
上一篇 2015-12-25
下一篇 2015-12-25

相关推荐

  • 依靠强大品牌影响力,注重“用户体验”,“3000家企业定制酒计划”对白金酒意味着什么?

    在茅台集团白金酒公司的目标规划里,今年要选择1000家企业进行定制酒合作,未来3~5年要与3000家企业合作,打造“企业定制酒”这一细分市场的“当家品牌”。11月5日上午,华拓金服集团、神州长城股份有限公司、 永新华控股集团等数十家家国内知名企业与茅台集团白金酒公司签署战略合作协议,现场签约总额达近亿元,“定制酒计划”再迈出一步。直接面向企业需求这一细分市场,为企业打造专属的定制产品,满足其商务接待、宴请、礼赠等需求,白金酒公司确立了清...

    2018-02-01
  • 色彩系列|解读“黑色”在电商设计中的运用

    鉴于在之前的一篇文章“5招带你玩转电商最常用的色彩搭配!”里我讲到了关于热闹促销型的电商设计最常用的颜色“红色”在电商设计里的运用,那么今天我就讲一下热闹促销型的电商设计最忌讳的颜色“黑色”在电商设计里的运用吧。

    2017-04-29
  • 尼尔森交互原则,讲的到底是什么?

    这几天,脑海里面一直回绕着一个声音,尼尔森,尼尔森交互,尼尔森交互十大原则。blues老师的讲解至今让我记忆犹新,如果真的让我选择一款产品进行尼尔森交互分析,我想应该就是简书了。

    2017-06-01
  • 看似平淡无奇的Icons,到底什么才是它的正确使用方式?

    了解食材是厨师的基本功课之一,了解器材是摄影师的基本功课之一,了解城管的时间表是卖热干面大叔大妈的基本功课之一,了解各个组件的设计模式和属性是交互设计师的基本功课之一。

    2017-05-08
  • 译文|在设计项目中,如何合理地使用色彩叠加效果

    色彩几乎是所有设计中都至关重要的组成部分,无论是明亮大胆的配色方案,还是简约的黑白色调,你的用色将会直接影响整个设计的实际效果。

    2017-05-17
  • 选择极简主义风格做设计,不是没有道理

    极简主义设计并非万能的。但有一件事是肯定的,界面越简约,设计目标和针对性就越明显,而设计师要投入的时间和精力也越多。你并不需要更多的空间,你所需要的是更少的东西。

    2017-08-04
  • “数风流人物,还看今朝”-交互设计的价值是什么

     获奖公告 第2天的获奖者提名有“吴乐”"淡淡""小楼"三位小伙伴。根据规则最终获奖者是"吴乐",获赞45个(虽然我知道你肯定拉票了,哈哈),请微信联系我,把收货地址发给我。另外,由于“淡淡”继续获得了提…

  • 知识分享直播——用户体验招募

    如果你曾经沉迷直播,为喜欢的主播刷飞机火箭;如果你曾经将直播当作你学习的途径,获取信息;如果你对当下的直播平台设计有想法和建议;如果你希望在看直播的同时,不用送礼物,还能赚些小钱;如果。。。其实,没有这么多如果,只要你想参与到影响直播平台的用户体验设计的活动中,只要你不是直播的小白,那么请毫不犹豫地来参与我们的用户体验实验。我们会提供不低于50元人民币的报酬。01—研究课题在现行的直播用户界面的基础上,我们设计了一个辅助知识分享型主播及...

    2018-04-08
  • 聊聊负反馈在交互设计中的应用

    在日常交互行为中,多多少少存在各种各样的反馈行为(feedback),没有反馈的系统是不存在的。有些反馈是积极的,告诉人们完成了什么,有些则是负面的,对人们可能采取的破坏性交互行为进行预警,告知人们如果这样做会有很严重的后果。反馈是人们确认系统在工作的重要依据,试想你明明提交了数据,界面或者系统却没有任何提示,你肯定会越来越疑惑烦躁,还可能连续提交造成系统崩溃。

    2017-05-29
  • 作品集 | 交互设计大师的成长轨迹

    致奋斗的你:又是一年花开时,中公教育优就业送走一批批优质学员的同事,又迎来了一群渴望高薪就业,改变现状的U学员。优就业学员在朝九晚九的学习作息中、六大福利的助学保障中、高配的教学设备下、高标准的食宿环境下学习IT技能......相信中公教育的学员一定可以学有所成,实现高薪就业目标!下面,就随小U妹一起来看看近一期学员“小试牛刀”的作品吧:UI交互设计作品01、UI动效展示(部分)UI动效作品展示·《小球飞》UI动效作品展示·《大憨熊》0...

    2018-04-12