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

相关推荐

  • 译文 | 车载系统交互设计畅想Part3:主动性辅助面板-场景式车载助理

    在第一篇章中,我通过对智能汽车车载中控仪表的重新设计来减少驾驶中过多信息对驾驶员的注意力干扰。我的设计思路是通过多维度的交互操作来帮助驾驶员完成一些简单的操作任务,同时保证双手不离开方向盘。通过更多最对新手驾驶员的采访研究与测试,我又在第二章节中针对消除驾驶过程中的焦虑情绪做了分析与方案设计。在本章节中,我试图总结前两章节的研究发现,并设计一套针对智能驾驶的主动控制系统。

    2017-04-30
  • 广告Banner :20种高度可行、转化率高的设计思路

    Banner广告是快速高效的吸引用户的重要手段。Banner广告在网站中通常都占据着不错的位置,它们的转化率和它本身的设计优秀与否息息相关,最重要的是,它要能迅速的吸引用户的注意力,通过优秀的文案和视觉让用户立刻马上点击。今天的文章,我们通过一系列优秀的范例,帮你梳理Banner 广告的20种高度可行、转化率高的设计思路。

    2017-05-03
  • 做设计,为什么总是心里没底?

    相信有很多小伙伴和我一样,经历过“做设计,心里没底”的情况,说的直接点就是“找到好参考就能做好,找不到好参就做不好,即使做出了好作品,也觉得带有一定的偶然性!”为什么会这样呢?最近菜心对这个问题感触颇深,所以想和大家分享一下自己的经验。ps:今天的干货是sketch4.1安装包及中文教程,大家可以自行下载。下载地址:https://pan.baidu.com/s/1c2oZkQW(无需密码)

    2017-05-05
  • 02案例:用户体验与结婚教练

    02 案例:用户体验与结婚教练来自信息读书00:0017:04用产品经理的视角来看人今天我想讲一个结婚教练的故事。她是我的一个朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。这个结婚教练以前是干什么的呢?她以前是一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何观察和判断一个人。因为...

    微信热点 2018-03-27
  • 微信小程序设计指南 · 小程序

    概要 基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同…

    2016-09-24
  • 4K已至,保障用户体验是成功的关键

    4K技术介绍1.1什么是4K分辨率图像的大小一般用像素分辨率来表示,例如1920*1080的分辨率就意味着图像是由水平方向每行1920个像素以及垂直方向每列1080个像素组成的。出于方便交流的原因,业界也常常以图像水平方向上的像素值来表示图片大小,而且为了简化交流过程,一般情况下会用“K”来描述像素值,其中1K相当于1024个像素,几K就是指图像的水平方向每行像素值达到或者接近1024的几倍。以此为标准,4K图像就是指水平方向每行像素值...

    2018-04-04
  • 在你重新设计网页的时候考虑好用户体验

    在过去的几年中,网页设计和在线营销有一些奇妙的转变,具体来说,就是网页设计风格从很重的内容和关键字塞满的网页 转为 简约的设计,让用户视觉能更集中的体验。

    2017-05-27
  • 提升POS产品交互设计实践

    用户体验User Experience,简称UE/UX)ISO9241-210标准将其定义为 “人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。简单来说就是人使用产品的感觉。用户体验的重要性不言而喻。用户体验的好坏,可以直接决定一款产品的命运;好的用户体验,会带来更多的用户,为企业创造更多价值。交互设计(Interaction Design,简称IxD)交互设计作为用户体验的重要组成部分,是指在人与产品、服务、或系统之...

    2018-02-09
  • 最浓缩的概念:什么是用户体验,用户体验设计怎么做?

    如约而至,这是体验三篇文章中的最后一篇。本篇我会说明一下何为UE,及UED的本质是什么。其实,我相信很多人其实能感觉到体验是什么,但是一直没能用一句话来表达出准确的意思。那,在说明之前先说什么是User Experience Desgin(UED),为什么大多称之为UXD呢?

    2017-05-25
  • 在网页设计中运用柔和色调

    小编推荐:看一些让人舒服的设计的时候 总是会发现,人家的用色大部分都很柔和,一些温暖人心的设计总是有一些共同特点,网页设计中也有一些使用柔和色调的方式~

    2015-01-08