咨询电话:186 7916 6165 咨询电话:186 7916 6165 (微信同号)    在线QQ:181796286
DESIGN SHARING ·
设计分享
关注开优网络 关注前沿
使用增强对比度来提高可读性的小提示
设计一个好标志:5个需要考虑的关键概念

如何设计一键微交互

发表日期:2017-07-29    文章编辑:南昌开优网络    浏览次数:2526    标签:网页设计

微交互对于网站建设工作中网页设计来说就像是“秘密酱汁”,仅需一些就能使应用程序和网站在用户看来与众不同。这些微小的细节使得像设置电子闹钟这样的操作变得轻松,通过按下按钮就能更好地了解如何使用数字产品。

一个好的微交互的秘诀在于,它可能是用户甚至都没有想到的元素。它们发生在瞬间-通常可能只是在移动屏幕的时候轻轻的一点。尽管互动的性质很小,近乎“微观”,但是对于用户来说,他的价值是巨大的,因为这些互动使得日常活动更加融合。

如何在你设计网页的时候通过一个轻松的微交互,使用户刚到惊讶或与众不同?这里有几个想法。

 

1.动效按钮

你还记得你第一次在关注到Facebook,比如像Messenger吗?在你和朋友或同事或其他人的聊天过程中,你点击了“赞”的图标,看着他在框中渐渐增长。它让你微笑吗?仅这样一点点的动作效果是否让感到一点快乐呢?

不管是点击按钮之前的鼓励引导行为,还是点击以后表现出来的动作效果,简单的动效总能以一种热门的方式来引导用户去点击它。小动画能提供接下来将发生变化的信息,以便用户对其在反馈回路中缩扮演的角色感到舒适和自信。

动画应该像微交互本身一样简单。保持运动简单,流畅,快速启动和完成。在IMDb上添加评级就遵循这个原则; 将鼠标悬停在评分上,并快速查看在每个星星上移动时要添加的星星数量。点击以完成并确认操作,一气呵成。

 

2.提供多种选择

这个要怎么说呢?想象一下你回到学校或者幼儿园的情况,当你收到一封情书的时候。是否会有这样一段对白-你喜欢我吗?是或否。

一个好的微交互同样可以使用相同的概念设计。给用户两个快速选择。点按即可启动(或停止)某个操作; 点击切换。用户想要,也喜欢通过做出选择来感觉他们对数字体验的控制,但他们不想陷入通过多个步骤才能达到最终的目的。

 

 

3.创建快速相应机制

确保用户与您的微交互互动的最佳方式? 结果应该是立即的。理想的结果应该是:

· 点击一次就即可反应;

· 在0.1秒内提供所需的操作

微交互的快速反应对他们的成功至关重要。因为这些元素的性质很小,任何行动的延迟都会使用户烦恼。 (想想如果花费三次点击才能关闭闹钟,或者如果在会议期间有一个2秒钟的延迟使呼叫中的振铃器静音,那将是多么令人沮丧)。

在“喜欢”(或不喜欢)又或者关注的这些互联网行为上的快速反应和切换,Instagram一个完美的例子。 这就是你的微交互应该有多快。

 

4.重复设计

使微交互不同于网站用户界面中其他一些交互元素的重要特征之一是-它们将被反复使用。微交互通常不是为一次性使用而设计的。(你在最后一个小时里敲了Instagram的心形按钮多少次?)

我们是设计这种重复性的行动,但是行动不应该感觉像一个重复的运动。虽然听起来可能很多,但可以将它归结为点击的直观性质。它是明显和自然的吗?如果用户不必考虑一个动作,他们永远不会发现它是重复的完成。

使用普遍接受的用户模式,动画和图标样式将有助于指导您设计微交互的方式。不要在这里重新“发明轮子”; 使用户轻松地通过一个水点击完成任务,而不必让他们绞尽脑汁如何做。

 

5.使其具有可读性和相关性


这一点经常呗设计师们所忽视 - 微交互内的指令需要具备可读性和相关性。

可读性是指与微交互相关的任何文本或指令。词语需要容易被看到和关注的。从设计的角度来看,选择一个好的字体,并确保在字体和背景之间有足够的空间周围和充足的对比度是关键。远离浓缩,薄或新奇字体,因为他们不容易使阅读一目了然。

关联性是指以人们谈论相同的方式阅读的文本。应避免使用不常用的语言或尴尬的措辞。在用户开始输入时消失的表单字段内的指令是一个很好的例子。当使用用户期望与他们交互的品牌或网站的语调或语音时,这是特别真实的。

 

6.专注于细节

微交互将构成您网页切换和目的实现接口的许多设计细节之一。你需要特别注意每一个。

微交互应该是整个设计的一部分。但你必须以其他方式思考这些小动作。从颜色选择到用户需要与之交互的元素的大小,这些细节的设计将鼓励用户操作或导致用户放弃接下来的操作。

像使用任何其他设计元素一样,为应用程序或网站中的微交互创建一组样式和设计规则,以便操作在整个设计中保持一致,并且方便用户查找和使用。元素加上互动使细节变得更重要。

 

7.保持简约风格

保持简单-强调它百万次都是不够的。有太多的设计在实际的使用中是难以操作的。你可能认为它很酷,但用户不会这么觉得。他们喜欢可预测性,一致性和简单性的设计。

事物的交互动作越容易,用户实际点击按钮的可能性越大。这就是为什么一键操作是如此重要。你怎么判断你的设计是否足够简单呢?这就要求你的设计在结构的定义上需要具备以下几点:

· 具有动作反馈回路;

· 具有简单的指令和视觉效果;

· 具有清晰传达并易于理解的消息。

 

8.不要止于现状

 

设计微交互是一个演化过程。因为这是一个新的概念,它一直在改变和发展。总是有新的想法和新的方式来设计用户想要点击的东西。

你需要保持关注度,微交互的演变我们可以追溯到丹萨福首先提出的定义基础。(他还写了一本关于“微交互:细节设计”的最权威书籍)。微交互包括一个四步过程,从触发动作开始,交互如何工作的规则,反馈的循环动作以便于用户明白发生了什么事,循环和模式决定了未来的互动将如何工作或下一步。记住这一点,你将走上微交互成功的道路。

 

总结

在设计上总是有很多的细节可以呗完善,使得设计更加符合用户体验以及更合理。所以,不要以为你可以在五分钟内创建微交互,继续前进。设计微交互需要特别考虑和规划。

记住,最好的微交互通常只与一个简单的点击按钮配合,并且是用户甚至不考虑参与的元素,尽管这可能超出他们的预期。