微交互:APP设计的秘密

好的产品都做两件事:功能和细节。功能是吸引用户,细节是让他们留在这里。正是细节使我们的产品从其他竟品中脱颖而出。

微交互是一个很好的反馈。

所有的设计方法都是以用户为中心、用户作为主要焦点。微交互通常被认为是辅助的或第二级的,它实际上对于用户来说是创造一种幸福的感觉。作为一个设计师,认识到微交互是和设计一样重要的,你必须创造一些人性的东西。

什么是微交互呢?

微交互是产品所包含的一个个小细节。

作为第一个设计微交互的人,Dan Saffer在书中描述,这些微小的细节通常辅助基本功能:

交互反馈或触发的结果。

完成个人任务。

加强直接操纵的感觉。

帮助用户理解他们的行为,防止出错。

一些微交互的例子:

切换iPhone为静音时,振动和静音模式图标一起触发。

点击界面动效,显示点击效果(上空盘旋时改变颜色的按钮)。

为什么微交互有用呢?

因为它对用户的反馈吸引着用户。用户的行为立即得到视觉反馈,这是他们很希望得到的。微交互也可以引导用户如何使用系统。

确认机会

微交互的好处是可以插入在各种地方。一般来说,他们多出现在以下地方:

显示系统状态

Jakob Nielsen - 第一个使用可用性启发式原则的人:让用户一直了解产品的进度,用户得到期望得到的反馈。但是有些情况一个应用需要一段时间来完成一个操作。

所以界面应该一直让用户知道正在发生着什么。

上传和下载进度条。

或者用户所在的位置:

项目滚动条

注意:不要让你的用户感到厌烦——让用户了解并且展示进度给他们(例如进度条是为了吸引用户)。

变化高亮

有时我们必须显示通知确保用户看到。动画就可以帮助我们。它会吸引用户的注意力,不会让他们漏掉重要的东西。

新消息通知

注意:在许多情况下使用动效来吸引用户注意到重要细节。应该使用KISS原则——微交互应该是小而简单的。

保持环境

用户使用动效在导航之间平滑的转换,当屏幕上元素变化时进行解释。特别是移动设备和智能手表上,因为它不可能在一个小的屏幕上显示大量的信息。

Material Design

注意:在不同的页面之间维持清晰的导航,让用户了解每个页面的内容。两个视觉状态之间的过渡应该清楚、光滑、毫不费力。统一主题——将所有交互联系在一起创建一个主题。

可视化输入

输入数据是任何应用最重要的一个元素。微交互把这个过程转化为某种特殊的东西。你可以使用现有元素提供反馈。

注意:微交互帮助显示信息,帮助用户完成目标。

CTA按钮

微交互实际上激励用户进行交互的作用。他们在用户体验中产生共鸣。但是确保视觉和动效是适合你的用户。并记住——当使用100次之后将变得令人厌倦了呢还是仍是清楚不唐突的呢?

注意:关注用户的情绪,因为他们在用户交互中发挥巨大的作用。在环境、用户研究和设计重复使用。

需要记住的

微交互是辅助用户交互的,进行反馈、通知和指令。

微交互是节省时间的,这种立刻反馈的方式不会分散用户的注意力。像狡猾的眼睛一样抓住用户的注意力。

了解你的用户和产品背景会让微交互更精确和有效。

微交互必须禁得住长期的使用。有的第一次看起来有趣的可能100次使用后变得恼人了。

在微交互中添加人性,专注于视觉上的和谐。运动应该是流畅的微交互来源于生活。

总结

用心的设计。考虑人们如何使用以及他们常使用的设备。注意每一个细节是成功的关键。伟大的设计会是从部分的微交互到“完整的全栈”。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,387评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,845评论 1 298
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 110,091评论 0 246
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,308评论 0 214
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,662评论 3 288
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,795评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,008评论 2 315
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,743评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,466评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,687评论 2 249
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,181评论 1 262
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,531评论 3 258
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,177评论 3 239
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,126评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,902评论 0 198
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,862评论 2 283
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,734评论 2 274

推荐阅读更多精彩内容