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

相关推荐

  • 我手机里的应用设计体验

    最近养成了一个习惯,看到手机应用的一些设计点,自己觉得好或者不好的时候就会截图下来,翻了一下手机已经存了一堆图片了,就干脆发出来吧。 应用更新通知弹窗 应用更新弹窗是几乎每个应用都会有的一个模块,但是…

    2016-06-27
  • 10种交互设计小技巧抓住用户注意力

    如今,设备的屏幕正变得越来越小。主要的挑战在于在有限的屏幕范围内提供优秀的用户体验。 简单来说2015年的移动设计趋势将是在传递更多信息的同时,尽量保持设计的简单。让我们来看看这些应用是如何抓住用户的注意…

    交互设计 2015-09-02
  • 用户体验才是真正的“一句顶一万句” 安徽燕之坊食品公司用勤哲软件实现生产、经营和管理数据的互联互通

    统计数据显示,截止2017年底,国内食品工业企业超过4万家,主营业务收入占全国工业的比重十分之一强。在实施制造强国战略和推进健康中国建设中,食品工业作为传统的“以食为天”的民生产业占据着不可或缺的重要位置。当前,食品行业在实现快速发展的过程中,面对城乡居民安全、多样、健康、营养、方便的食品消费需求时,与其他行业一样面临着转型、升级的动能和压力。尤其是在食品质量安全水平和高品质食品有效供给方面,利用现代信息技术创新消除安全和质量隐患等领域...

    2018-02-11
  • 怎样做出引人入胜的用户体验

    发布者: mobileui 设计师 Irene Pereyra 总结了10大技巧帮助你实现令人惊叹的交互式用户体验。 近来,设计一款能够吸引并留住用户的web和App越来越成为一门学问。 由于很多人对于计算机数字领域不是很很了解,我会…

    2015-04-20
  • Don't make me think 读书总结

       这本书算是一本很入门的交互设计图书,很多内容其实都是通过以前的积累已经知道的内容。我相信对于大家来说,“要记得在每个页面上加导航栏”这种提醒已经不需要了。所以,我在下面列出一些看完过后,觉得可以温习…

    2015-08-20
  • AR场景下的交互设计研究——以中文输入为例 - UXPA中国2016行业文集

    增强现实场景下的交互设计研究         ——以中文输入为例1门文,百度时代总部,北京  2胡也畅, 邵颖,国际商业机器(中国)投资有限公司 摘要:随着近些年一系…

    2017-08-01
  • Axure RP 8.0 软件激活 安装教程 激活码 序列号

    点击上方蓝字关注免费领取百度网盘超级会员等部分软件没有贴详细教程和网盘链接,可以给公众号留言发信息,也可加微信:qihai-77当你需要的软件我们没有发布时,可以给我们留言或者加微信:qihai-77反馈哦链接:https://pan.baidu.com/s/1VjyU1Ok307Go4VaV54LhcA密码:3nf7有任何需要安装的软件或问题可咨询微信客服:qihai-77链接失效可在公众号留言某某链接失效 或联系微信客服:qihai...

    2018-03-29
  • 创新历史上的今天:黑白电视首次面世 1926.01.26

    今天看到谷歌Doodle的名称是: 黑白电视首次面世 1926 ,我们来说一说这个产品从0到1的创造历史,从交互设计角度看你有什么启示呢? Doodle的名称: 第一台电视亮相 90 周年 表明此doodle时间是: 26.01.2016 这个产品…

    2016-01-26
  • 用户体验地图

    利用用户体验地图实现产品的情感化设计;先来看一张图:我们可以将用户体验地图分为三个区域,其中:# ZONE A 提供了对地图的界定;# ZONE B 是视觉化的用户体验过程;# ZONE C 描述了用户的痛点;我们通过拆分各个区来实现一个用户体验地图的构建;A区:1 : 表示一个角色,即体验的用户是谁,或者说你的产品的目标客户群体是什么样类型的人;2 :表示待调研的场景,即在用户什么情景下会使用你的产品;B区:3 :可分段的体验过程,即...

    2018-03-28
  • 【笔记】对话十五年设计老兵问答实录

    2017年10月28日,UXRen深圳分舵举办了《对话十五年设计老兵:提问&分享&讨论》的分享活动,本文基于嘉宾刘云天设计总监的问题回答整理而成。   活动笔记(by A.King & 绿宝): 问题1:你在腾讯10年的…

    交互专题 2017-11-13