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

相关推荐

  • 布局&构图&版式设计-木卫艾欧网-交互设计学堂

    编者按:想成为一个合格的UI设计师,光会画图标可不行,今天360的@Micu设计小哥从头帮你补上版式这一课,分享他的界面构图三板斧,此外,你还能学会如何用设计语言解构画面,这可是设计师的必备职业能力呦!

    2015-01-06
  • 交互设计丛书分享:《从零开始做交互》告诉入门交互师具体操作的的一本书籍。

    内容简介   遇到很多的人来咨询我什么是用户体验设计师,什么是交互设计师,UI与UE设计师有什么区别?为什么一个新生派的交互设计师职位一上来就在IT界有8000起的薪资待遇? 那么说了那么多,怎么才能成为一个…

    2015-07-15
  • 格局洗牌中的QQ音乐在怎么琢磨用户体验?

    2015年整个行业正版化洗牌,数字音乐平台格局不断蜕变,近日,腾讯数字音乐部总经理梁柱对我们分享了他的一些看法。 “你们那篇(虾米音乐王皓)文章我读了。” 腾讯数字音乐部总经理、QQ音乐总经理梁柱(Ross)对我…

    2015-12-04
  • 扛住100亿次请求 如何做一个“有把握”的春晚红包系统?(腾讯官方内部技术PPT下载)

    羊年春晚摇一摇活动已经落下帷幕,现在回过头来看看这一全民参与的有趣的活动背后,有着怎样的后台系统?这个系统又是如何被设计与实现出来的?   作者:张文瑞 iotazhang  腾讯 WXG 技术架构部,本文提供PPT…

    2015-11-10
  • 从交互设计浅谈安卓开发有多痛苦,安卓程序员才最值得尊重

    导语:交互设计带来的痛苦和问题,总有种让我们安卓开发者恨铁不成钢的感觉,虽然想吐槽,又无力吐槽。如果你懂得微信交互的设计,那就勇敢的,尽情的去吐槽吧!微信的交互,Android和IOS都是按照各自的交互去展示的,去设计的。比如:列表的删除操作,Android中的微信它就严格遵循了长按删除功能,而IOS就一贯的按照自己的风格,滑动删除;又比如底层四个tab按钮,安卓中可以滑动变换界面,而苹果的只能点击操作;再比如顶层的标题栏安卓中微信的标题栏是不变动的,而IOS的是跟着界面变化的;再比如安卓的微信中点击退出是中间弹框,而苹果的则是底部弹出;再比如选择相册等等很多细节,你要注意去体验,去感受,你就会发现,微信的设计是按照Android和IOS各自的交互规范来设计和实施的。如果这样去设计和做就会大大降低开发者的难度。说到这里聪明的你们,估计想到我下面要说什么了?一个苹果手机用户手机破了,买不起了,一想要是再买个苹果手机,就得卖肾了,于是乎买了一款Android的坚果手机,之后打开微信后,看到好友给他发了一个优衣库的视频的公众号文章,感觉非常不错,直接就把这条链接收藏了,偷偷欣赏完之后,回到家怕被爱玩手机的儿子发现,就想删除这条收藏,哎呦喂,怎么滑动都没有滑动出删除按钮来,最后果真让自己的儿子看到了,听到声音的老婆过来就扇了他丈夫一嘴巴子!

    2017-05-28
  • 交互进阶指南:如何扫除交互设计路上的3大障碍?

    目前网上基本没有对做交互设计师的难点进行系统的归纳和总结。基于这个原因我总结交互设计师的三大障碍以及如何扫除交互设计师路上的3大障碍。

    2017-04-29
  • 2016年网页设计领域11个流行趋势预测

    来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势 ,而老牌设计博客Designmodo 对此也有自己的看法。新的技术和新的设计趋势 会在2016年逐一涌现,但是总体上来说,它依然会沿着2015的大趋势来逐步演变。可以预见到的是,2016年会有更多的网站使用视频背景,更多基于Material Design 风格的界面设计,幻灯片式的界面切换也会继续火热下去。

    2017-05-29
  • 设计师应该了解的“用户记忆理论”

    记忆是人类储存信息的“硬盘”,它可以收集信息,处理信息,并且可以对外界的刺激做出反应。人类可以在需要的时候可以去“硬盘”中调取信息。但是这个“硬盘”有着一些瑕疵,因为它会受到人类机体和情感因素所影响。了解记忆的运行机制,会帮助设计师创建出人性化的界面,节省工作量,提升产品的易用性。

    2017-04-30
  • 作为新人的你,应从信息架构、交互流程和交互细节去了解交互设计

    交互设计严格上来说是没有什么套路而言,但是,对于初入行者还是需要有一些需要具体客观的知识点去学习。就像笔者当年刚入行学习工业设计的时候,对工业设计的内涵与外延始终搞不太懂。老师们也没有一直强调工业设计的定义,而是从琐碎的知识点开始,一点点讲解,让我们掌握。当我们掌握了足够多的知识点,工业设计也自然在我们的知识框架中形成。

    2017-05-19
  • 设计新趋势!超越扁平化设计的「化繁为简」有哪些亮点?

    我们在这个“极简主义”的世界生活已经有些时日了,之后又将去向何方?

    2016-07-18