ux
Posted By eva

微交互:优秀app设计的秘密武器


原著:Nick Babich
译者注:
看完这篇英文原版,且公司因为发生了一些商务上的损失,很有一些感触。
1. 是什么留住了我们的用户?
2. 一个好的产品,是一鸣惊人还是潜移默化?
要怎样留住我们的用户?是什么留住了我们的用户?
有多少人说过企业B2B软件和B2C软件/网站不同,功能比体验要重要。
谁说B2B软件只有功能重要?
其实B2B软件的体验和交互难道不比B2C重要吗?
爱一个人,结婚,我们每天见4小时/天;与一个人共事,我们每天见8小时/天;用一个工作用软件,难道我们每天还会小于4小时?(也可以说,一个软件占用了我们工作的一大部分时间,这也许是个不成功的软件。。。???)
有没有想过,如果word或xls做得非常不人性化,老板还要你每天用…
当你和爱人吵架时,可以吵架、打架、离婚!
可是软件呢?恼火!非常恼火!告诉老板:影响姐姐情绪,影响姐姐工作效率,姐姐要换!
那就是我们如何失去用户的。
功能就像我们面试时,摆出自己闪亮的简历,还可以通过自我阐述,让产品变得比天上的星星还要闪亮;
而微交互或交互设计,就像是我们录取后,和同事们共事一样。一个善解人意、乐观向上、体贴入微、想你所想的产品,才能融入到团队中;(当然团队如果是粗暴豪放型的,也许一个豪放型的产品也能获得融入???hoho)
而设计粗暴、不考虑任何体验感的产品,就像一个自私、自我、孤立的同事一样。同事想叫他帮个忙,他就拿高冷的气质面对同事。这时候,产品和客户间会形成无形的隔阂,那是真的比星星还要遥远了。。。
那就是我们如何失去用户的。
what makes a product?
总有很多公司的老板或新入行的产品经理,盲目得崇拜乔布斯,总是在梦想自己的产品能一鸣惊人,出一个重磅炸弹,获得全面的成功,上头条,上头条,上头条。
可我们总是只看到每一次成功的闪亮面,而忘记了去关注实际上闪亮背后,付出的一次次穷举。
这个文章中写到:微交互应像微微眨一眨眼睛般自然而微妙的抓住用户的注意力。
而事实上,产品也是如此。好的体验,正因为,它如此自然,让你流畅到并没有注意到它的存在;而好的产品,她就像一个让你再熟悉不过的同事一样。你们自然而然的,从陌生到熟悉,走在一起,工作在一起。
要首先忘记,
 

(日常生活中,我们所体验到的一处微交互体验。)

 

优秀的产品通常会做到以下两个方面:功能点和细节。功能点能吸引人们使用你的产品。而细节,才能留住这些用户,也是将你的app从竞品中脱颖而出的重点。

通过微交互设计,提供愉悦感

几乎所有的设计都以人性化设计为目标,人性化设计强调的是在设计过程中以用户中心。而微交互往往被视为仅仅是锦上添花的成分,或不那么重要。然而,一旦用户感知到,就会发现,微交互事实上能在用户使用产品的过程中,创造出一种幸福感。

那么微交互到底是什么?

微交互设计指的是,在使用产品过程中,为完成某一简单任务而做出的细微设计。

Dan Saffer在《微交互》一书中提到,这些细微的细节设计通常起到以下几个重要的作用:

  • 对一个动作行为通过反馈或提供结果的方式作出响应式沟通;
  • 完成某个独立任务;
  • 提高直接操纵感;
  • 让用户对操作行为的结果及错误有更为直观的感受;

以下举几个微交互设计的案例:

  • iPhone切换为静音时,屏幕上显示静音图标,同时手机震动,提醒用户。
  • 界面动画显示是否可点击的状态,当鼠标悬浮时,按钮变化颜色。

 

为什么微交互能起到作用

微交互能产生作用,是因为它符合用户的基本需求:得到认可。当用户在操作的当下,可以得到及时的回应,表明他的操作行为已经得到了接受,并且通过视觉得到了相应的回报时,她的心情必定是愉悦的。此外,微交互也能引导用户如何正确使用系统。

识别插入微交互设计的时机

微交互之所以美妙,其中一个原因是微交互可以被植入到任意一个潜在操作行为的多处细节中。总体来说,微交互通常显示在以下几处:

显示系统状态

Jakob Nielsen 在可用性原则中提到的第一条就是:要不断的让用户了解接下来会发生什么。用户期望能快速获得响应,然而有时候,app完成一个操作时,是需要一定的时间的。

因此,界面要时时让用户了解,当前系统正在处理什么。

(上传下载时出现的进度条)

 

或者用户当前正在操作的位置:

(滚动条+当前进度)

记住:不要让你尊敬的用户感到不耐烦。要让用户知晓当前进度,并提供显示给到用户。(比如:下载进度条可以让用户有所了解,以防止用户感到困惑)。

 

突出显示变化

有时候,我们不得不显示一个通知,来确保用户能看得到。动效能帮助你做到这一点。动效会吸引用户的注意力,让用户不会忽略你认为重要的点。

(新消息)

记住:在很多场合下,动效可以吸引用户注意到重要的细节。你需要应用KISS原则 – 微交互设计必须小而简单(keep it small and simple)。

 

保留上下文

通过动画,为用户创造操作过程中的自然而具备导向性的过渡,向用户诠释屏幕上各个元素的变化。这一细节对于移动设备和智能手表尤为重要,因为要在一个屏幕上展示所有的信息,几乎是不可能的。

(Material Design(Google))

记住:不同页面间保持清晰的导航指向,让用户始终知道自己是从哪个页面进入到这个页面的。两个视觉状态间的过渡必须是清晰、流畅、简便的。总而言之-创造一个统一而流畅的主题,并使之贯穿所有的交互过程。

 

视觉化输入

对任何一个应用来说,数据输入是一项非常重要的因素。微交互可以将这个过程变得更为特别。您可以提前准备好反馈元素快速传达反馈结果。

记住:微交互设计可提供丰富的信息,并帮助用户达成他们的目标。

 

行为召唤

微交互设计能鼓励用户产生真正的交互行为,能在用户体验过程中,与用户产生同理性。当然,也必须确保视觉线索和动画效果适用于您的用户。此外,必须牢牢记住一点:您的交互设计在操作N次后,是否会让用户感到郁闷,还是清晰而不引人注目。

记住:要关注在用户的情绪上,因为在用户交互设计中,他们非常非常非常重要。从用户的操作环境、用户调研中获取信息,并为频繁的操作使用而设计。

请牢记以下几点:

  • 微交互就像交互设计的催化剂,可应用于反馈、通知和操作说明;
  • 微交互可节约用户时间,可在操作当下与用户保持即时的信息沟通,且不会给用户带来厌烦的情绪或混乱的感受。微交互应像微微眨一眨眼睛般自然而微妙的抓住用户的注意力;
  • 了解您的用户以及各个微交互应用的实际场景,能将微交互设计更为精致、更为有效;
  • 微交互设计必须在长期使用中留存下来。第一次使用的时候感到有意思的设计,在使用了N次后,可能会引起用户的厌烦。
  • 在微交互设计中增加幽默因素,并关注在视觉和谐上。动画设计要保持流畅,让微交互设计显得更为生动。

总结

细心设计。仔细思考,人们是如何使用自己的设备的,将使用过程的普遍模式抽取出来,设计并体现到你设计的每个细节中。注重每一个细小的细节是您通往人机交互设计成功的不二法则。成功的设计必定是精细而完美的,从功能到各个细微的交互设计。


View Comments
There are currently no comments.

跳至工具栏