欢迎来到海淘科技官网 官方微信 官方微博 平面活动官网
微信

网络传播媒介服务提供商

热线电话

021-62677988

海淘新闻
首页 > 新闻列表 > 「用户体验设计」“进度指示器”类型和使用方法

「用户体验设计」“进度指示器”类型和使用方法

发布时间: 2016-08-04 10:30

海淘科技帮您整理了“进度指示器”类型和使用方法:

用户及其怨恨的一件事即是等候。假如你为了考验他们的耐性而让他们等的太久,那你就极有也许失掉这些用户了,他们会毫不留情的放弃你的网站或应用程序转而投向非常好的当地。尽管在技术上是有必定办法可以加速程序的呼应速度的,可是更多的程序一般都需要用户在某些时分等候一段时刻而别无他选。可是,假如能让用户意识到你的程序的加载速度要快于别的程序,那么他们就会感触到你的加载速度仍是蛮快的。假如在应用程序开端加载数据呼应恳求的时分,拜访用户能在屏幕中看到一个进展条来指明程序的加载进程,那即是极好的。

如今,你必需要了解进展条的显现办法跟动画作用是可以影响到用户的心理感知的。 进展条的意图在于经过向用户反应当时的呼应进展和合理的时刻耗费来让用户在等候进程中放松下来。用户不该该被傻傻的丢到一边自个去猜程序正在处理的作业。恰是在这么的情境下,似乎进展指示器刚好能构建起衔接用户和体系间的一条友爱桥梁。在本文中,咱们将讨论集中不一样类型的进展指示器以及他们的运用办法:

1、反应的要害

没错,咱们当然都喜爱一个应用程序可以即时呼应。可是有些时分你的程序的确不够快,缓慢的加载速度和推迟问题都也许下降你的程序功用。在这个时分,你就必须确保用户能明白的知道程序正在按着他们的恳求作出并在逐步完结呼应动作。一个优异的交互规划即是那些能经过视觉反应向用户传达体系当时的状况(正在发作啥?),发生的成果(刚刚发作了啥?)以及将来的状况(下一步会发作啥?)。

假如一个进展指示器可以面向用户供给一些类型的即时反应信息,那它即是发挥了有用的作用。想办法通知用户程序的确需要一些更多的时刻来呼应他们宣布的动作乃至通知他们需要花费的大概时刻,这对用户来说都是极端友爱的。用户的等候时刻一般开端于他们触发屏幕动作的那一刻,而理想上,体系应当在用户触发动作后立刻给予一些视觉上的反应以通知用户体系收到他们的恳求了。这么做带来的活跃一面即是:

(1)它们打消了用户对程序呼应的疑惑,使他们可以坚信程序是正常作业的。

(2)这种视觉信息向用户传达了一个有依据的等候因素,减少了他们对无聊的等候时刻的感知。它可以从必定程度上涣散搬运用户对等候时刻的留意力。本来,对于任何需要花费1秒钟以上的动作来讲,运用一个进展指示器都是适宜的。不过对于更快的动作,假如还来运用这种动画作用,那只会适得其反激怒用户。

2、进展指示器类型

进展指示器全体上分为两大类: 1) 断定性的 2) 不断定性的

对于断定性的进展指示器而言,它们可以通知用户当时动作需要多久时刻方能完结,由于用户能从视觉上看到百分比。


而假如一个指示器恳求用户在动作履行的全程中只能傻傻等候却没有通知这个进程需要多久的话,那它即是不断定的进展指示器。


更进一步的,还有将这两类指示器组合起来一同运用的状况。


3、 圆形进展指示器


别的一种能确保用户知晓体系正在呼应的办法是运用一个循环的环形动画,不过这种办法没有满足的信息通知用户在当时动作完结之前他们还得等多久。以往的经历法则标明,只要在履行2-10秒钟内这种迅速的动作时再思考运用圆形进展指示器。假如让用户盯着这么一个圆环更久的话,用户也许就不会再有耐性转而放弃。别的,假如能经过文字向用户传达一些更明晰的信息,比方通知他们为何要等候,这时分运用“正在加载谈论信息”这么的文字就能让用户变得更有耐性一点。

实际上,加载图标一般并没有传达出动作的实在含义。由于它们广泛应用于多种功用之间,比方运转系使命的时分,在体系引导时通知用户当时状况的时分,网络衔接异常的时分以及数据加载的时分。这种一了百了的做法没有对于详细动作设置特定的加载办法,这即是为何大家厌烦看到一个环形加载动画的因素。别的请记住,若运用这种环形动画代表从服务器加载数据的进程,那是充溢风险的,由于客户端跟服务器间的网络衔接状况并不是掌握在开发人员的手里。 假如这么做,在差劲的网络衔接状况下等候时刻也许要达到15秒钟,而正常状况下也许仅仅需要2秒钟,所以可控性很差。

4、结合后的圆形进展指示器


假如再进一步,你也可以将这种圆形的进展指示器动画跟现有的控件结合起来,尤其是按钮。比方在 Android 平台中,一个圆形的加载器可以将一个悬浮按钮结合进来。这种做法确保了能让用户看得到加载后的提交动作也的确完结了。它依靠圆形的逐步闭合来代表了这个进程。

5、体系/自定义的循环动画


Facebook 经过运用不一样个性的循环动画向用户传达出两种不一样的体会感触。对于它们的加载指示器,假如用户看到是一个自定义的加载动画,他们会把这种推迟归咎于程序本身的因素,而当他们看到是体系自带的动画作用的话,他们也会天经地义的认为延时是体系的职责。

6、线性动画


一个断定线的线性进展指示器,其完结速度应当契合百分比的改变,并老是从0%到100%递增而不减少。假如一个指示器对于的是多个线性使命,应当只用一个指示器来标明使命的全体履行进展而不要对于每个使命都运用一个指示器。

7、显现完结百分比的动画


显现完结百分比的进展指示器是在有等候动画的指示器中最为有用的一种。它们突显出当时的处理状况,通知用户体系现已完结了多少作业量以及还剩下多少。这种指示器能明白的向用户解说当时动作的处理进展。就经历法则来看, 它适用于那些需要花费10秒钟或许更久的使命。本来,给用户一个预估的大概时刻一般就够了,并不是非得精确。类似于“这会耽搁您一分钟的时刻”这么的文本描绘就满足。

这种指示器也可以用在耗费时刻少于10秒钟的状况下,例如体系正在加载一系列的文档或注册表文件的时分。此刻最佳包括比方“ 已更新3/50”这么的文字解说。别的一点,对于那些耗费时刻的动作,要给用户中止当时进程的选项,防止他们等的不耐烦想要退出。假如你忘了这么做,那你的规划将会让用户失掉控制权,而没有能力依据自个的需要做出适宜的挑选。

这种类型的动画协助用户构建起一个对于动作履行速度的期望值。反过来,速度的改变又可以见证终究是哪个期间影响了用户的满意度。无论怎么,假如指示器在挨近完结的时分却停下来耽搁太久,这种状况就很简单激怒用户(不信任你的指示器),这么的话进展指示器在用户心里似乎也变得没有用。

8、连续性动画


进展条能代表一个动作还要多久才干完结,但一般状况并不老是精确的。你可以经过让你的连续性动画一开端较慢而挨近完结时运转很快来把那些小的推迟躲藏起来。可是这儿要留意的一点是进展条切不行停下来,这么的话简单误导用户认为程序冻结出故障了。

9、显现进程


比较于仅显现完结的百分比进展,非常好的办法是显现出加载进程中涉及到的多个进程。这么做,用户尽管也许还判别不出每一步要花费多长时刻,可是假如能看到总的进程数,他们至少在心里会有一个评价值。

10. 轮廓图屏幕


长时刻的等候会严峻的影响到用户的体会进程,但仍是有也许使得这个等候进程令人开心而具有说服力的。轮廓图屏幕就恰好可以派上用场。它可以让用户专心于数据加载的进程而非等候时刻本身。

轮廓图屏幕本来仍是一个空白页,只不过它在数据加载出来之前可以先向用户传达出页面终究会有哪些数据类型以及各数据量怎么。这种做法的优点即是能让用户了解到程序对动作的呼应速度是正常的,仅仅页面中的详细信息尚需要一点时刻连续显现出来。 Medium 即是采用这种办法,在数据加载进程中先显现出一些数据的占位符, 这就将屏幕中的要点放到了这些正在加载的内容上而不是等候进程。

11、防止静态的进展指示器

静态的进展指示器即是那些没有任何动态图像只配有一些类似于“加载中...”、“请稍后...”这么的静态文本信息的指示器,它们只能通知用户他们的动作恳求体系现已收到了,却没有供给任何有价值的反应信息。因而,这种做法必须被别的更有用的指示器替代。

12、防止有不行重新点击的正告

规划的最大失礼之处即是程序经过比方“再次点击也许创立一个额外的订单”这么的信息来正告用户对于同一操作不能点击两次。这么的做法是极为不友爱的由于不管在任何状况下你都不该要挟正告用户。 并且,用户根本不会有爱好去阅览如此长的提示信息。

13、 处理无聊的等候进程


留意不要让用户在等候的进程中过分无聊,可以测验一些可以涣散他们在等候时刻的留意力上的作业,让这个进程变得风趣而令人开心,乃至给他们一些超出预期的惊喜招引他们,从而诱使他们多点耐性等候加载的完结。比方你可以测验运用一些精巧的动画作用。

总结

进展条设计是运用户的等候进程变得明晰而流通的最佳办法。给与用户反应信息将必定程度上提高他们的耐性,并且会促进一个活跃有用的用户体会进程。反应信息可以极好的处理不断定性并运用户更情愿花些时刻来等候程序作出呼应。一个优异的进展指示器可以指引用户顺畅的完结目标使命,乃至能在用户间,建立起对你的网站或应用程序的非常好形象。

相关文章:

版权所有 @ 2007-2023上海海淘信息科技有限公司 沪ICP备11050025号-4