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

相关推荐

  • 谈谈用户体验与风控的平衡性

    先翻翻旧文从反反鸡汤谈过犹不及从受众目标,再谈过犹不及其实今天是这两篇的引申。之前我说过很多创业者容易犯的错误,过度理想主义,把用户当作好人,我说过一个关键词,不能说坏用户一定很多,可能坏用户真的只有1%,但很可能一个坏用户的破坏,可以抵销一百个好用户的创造,这是很常见的创业的困境,因为很小的疏忽,导致极大的损失。所以,一些毫无经验的创业者,要有这方面的意识,至少思想上要有风控这个概念,要知道如何规避和防范坏的事情,不要过于理想主义。但...

    微信热点 2018-05-04
  • Mate S、S6 edge+用户交互设计对比体验

    每年竞争激烈的手机市场中都会带给我们消费者惊喜。在配置性能等硬实力愈发相近的情况下,各厂商在外观,材质,以及操作系统包括界面优化,交互设计等方面都下足了功夫,来为消费者提供具有各具特色的使用体验,以…

    2015-11-10
  • 别骂携程了,来看看Booking上如出一辙的“暗黑套路” 【UXRen译#182】

    作者:Roman Cheplyaka   |  翻译:林龙飞,校审:天蛙   近来,有很多网站和应用的设计者会诱导你做他们想做的。以下是来自timewellspent.io的例子: Youtube自动播放更多的视频来把用户留住; Instagram使用无限…

    交互专题 2017-10-25
  • 为了打造流畅而可靠的用户体验,你需要对交互设计有更加深入的了解

    随着单页式设计和移动端的兴起,网页中的交互设计越来越重要了。为了打造流畅而可靠的用户体验,你需要对交互设计有更加深入的了解。 正如同我们在《交互设计最佳实践(卷1)》中所述,要做好交互设计,需要对多个…

    交互设计 2015-08-26
  • 记忆篇|从心理学理解交互设计原则

    无论是设计网页还是APP,我们必须要满足用户的需求, 用户体验的好坏完全取决于你多了解用户。用户是如何思考,记忆,做决策?什么促使他们点击?知道了这些,对交互设计很有帮助。让我们从了解人记忆的复杂性和弱点开始。

    2017-04-30
  • 达内UED高薪喜报|4个月拿18W年薪,他是怎么做到的?

    达内UI设计,中国UID课程标准制定者世界上最让人心动的情话,不是我爱你,而是买!买!买!在过去的双11,你买爽了吗?或者给你另一半最真的爱“清空购物车”了吗?但是,如果你的口袋瘪瘪的,每一笔钱花的都要精打细算,你怎么给另一半带去精致的生活呢?一个月挣3000,你怎么节约也只有3000,一个月挣2万,你花掉1万,还有1万,一个月挣30万,你花掉1万,还有29万,所以不要把脑细胞浪费在天天怎么节约,一定要把心思花在,怎么赚钱、怎么开心、怎...

    2018-01-31
  • 4个方法帮你零基础快速完成Apple Watch的项目

    这会可以不用慌张,我们先给自己一天或者半天时间去了解它,最快捷的办法是开动大家的脑洞,然后再用自己的脑洞想办法,三个臭皮匠顶一个诸葛亮,联 系你认识的设计群体人脉,询问做过类似项目的设计师,最后总会有惊喜的收获。记得罗胖讲过,在这个时代,我们应该善于运用我的网状关系链,我就是从朋友那 里在短短的一个小时之内了解了手表项目的大概(虽然人家并不是做的苹果手表),他大致陈述了一下手表的特性还给我几个手表相关的网站进行浏览。给我的网站 可以推荐给你们,这里当然包括苹果官网,你可以在苹果官网上看到成熟的上线产品的模样,另外一个网站相对概念,可以参考一些简单的操作动效。

    2017-05-31
  • 泛滥的移动产品设计模式

    如果你是一名移动产品设计师,你可能会同意这样的观点:参考借鉴别人的设计不算抄袭。这不仅是最佳的练习方法,也是一种设计模式,而且还符合业界主流的设计趋势,同时还能确保在用户熟悉的模式下来创建可用性的界…

    2016-10-18
  • 【干货·基础】字体单位 pt如何换算成 px?或者px如何换算成pt?

    px:相对长度单位。像素(Pixel)。 pt:绝对长度单位。点(Point)。 1in = 2.54cm = 25.4 mm = 72pt = 6pc 具体换算是: Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5…

    交互设计WiKi 2015-09-09
  • 用户体验部门最忌孤军奋战

    根据在用户体验调查领域领先的尼尔森诺曼集团的定义,用户体验包括终端用户与公司交互的各个方面——包括服务和产品。

    2017-05-28