提升用户体验的7大微交互

日期:2016-03-25 22:26:10 / 人气:1647

聪明的设计师知道我们都是从封面来判断一本书,所以他们创造了吸引人的实用界面。潜在的用户可能会上钩,但你是如何让他们一路进入的呢?

Create your own professional website with Wix dot com.
创建您自己的专业网站Wix.com

在试图回答这个问题的过程中,所有的道路都会导致以人为本的设计方法,其中用户是主要焦点。做人:你的应用程序应该说与我们每天使用的语言相同的语言,包括情感,口语,还有一点“来这里”的表情。界面应该是你的好朋友,随时准备给你建议,努力提高你的经验,让你咯咯笑。

拉上窗帘,点亮灯:微互动开始发挥作用。更准确地说,这是关于交互动画,与一个界面,以使它更有吸引力。一个好的动画可以:

  • 交流状态并提供反馈
  • 增强直接操纵意识
  • 帮助人们想象他们行动的结果

在UX中,重要的是如何与用户打交道,以及用户在使用产品时的感受。即使是微小的细节也值得密切关注。微交互为用户提供了所需的反馈和对正在进行的过程的理解,使界面变得平易近人,不管其背后的逻辑多么复杂。

 

1)显示系统状态

第一可用性启发式原理雅各布·尼尔森(JakobNielsen)指出:让用户随时了解正在发生的事情。用户希望立即得到响应,但在某些情况下,网站需要一段时间才能完成操作。

因此,界面应该通过在背景中显示图形、测量比特率或播放声音来使用户了解正在发生的事情。同样的原则也适用于文件传输:不要让用户感到厌烦,要向他们展示进度。即使是一个不那么愉快的通知,如转让失败,也应该以一种可爱的方式传递。让你的用户微笑!

 

2)突出变化

通常,为了节省空间,应用程序会在需要时将一个按钮替换为另一个按钮。有时,我们必须显示通知,以确保用户看到它。动画会吸引他们的注意力,不会让用户忽略你认为重要的东西。

 

3)保持上下文

在智能手机和智能手表的小屏幕时代,很难在一个屏幕上容纳大量信息。处理该问题的一种方法是在不同页面之间保持清晰的导航;这样用户就可以理解从哪里出现的内容,并且能够轻松地向后导航。这方面有许多选择:

 

4)非标准布局

继续前面的例子,微交互应该帮助用户理解如何与不寻常的布局进行交互,而不会产生不必要的混乱。照片向前翻转、滚动图形和旋转字符都是很好的选择:

 

5)行动呼吁

除了帮助用户有效地与应用程序进行交互之外,微交互还可以鼓励用户进行实际交互:继续浏览、喜欢或共享内容,仅仅是因为它很有吸引力,而且他们不想离开:

 

6)可视化输入

数据输入是任何应用程序中最重要的元素之一。用户获得的质量结果取决于数据输入。一般来说,这是相当无聊的,但是微观的互动把这个过程变成了一个特殊的过程:

 

7)使教程活起来

当然,动画可以帮助用户在应用程序发布后通过突出基本特性和控件来教育用户,这样才能更好地使用这些功能和控件。

 

结论

所以,如果你重视你的用户体验,把你的界面从A提升到Z,用微交互和动画来刺激它。它会给你的项目注入活力。

关注每一个细节是你成功的关键,使人机交互更容易使用。

作者:admin


现在致电 0593-86596398 OR 查看更多联系方式 →

Go To Top 回顶部