020-29815005
预约专线时间:09:00-23:59

【UI设计培训】:UI设计高手都关注这些小细节

新闻来源:本站 日期:2022-03-18
无论你的界面设计得再好,有时候用户还是无可避免地会碰到需要加载时间的情况。加载时间(loadingtime)会影响用户体验,让用户等太久会让他们失去耐心。一旦他们有这样的感受,很可能就换别的网站或者APP用去了。幸好,我们有一些设计技巧可以让用户有更好的加载体验。
  无论你的界面设计得再好,有时候用户还是无可避免地会碰到需要加载时间的情况。加载时间(loadingtime)会影响用户体验,让用户等太久会让他们失去耐心。一旦他们有这样的感受,很可能就换别的网站或者APP用去了。幸好,我们有一些设计技巧可以让用户有更好的加载体验。


【UI设计培训】:UI设计高手都关注这个小细节


  1.避免静态的加载提示

  静态的进度提示指的是那些一动不动的文字或图片,比如说静态的“加载中…”或者“请稍等...”的字样。不要用这样的静态提示来告知用户系统收到了指令。虽然说有比没有好,但静态的进度提示是糟糕的UX设计。用户是无法清楚知道内容是正在加载还是页面卡住了。

  2.及时给用户反馈

  如果用户当前的网络情况不是特别好,那么把页面加载出来的时间就会变长。用户对于等待时间的认知是从按下按钮进行操作那一刻算起的,所以最糟糕的情况就是没有反馈告诉他们系统是不是收到他们的指令了。如果你的设计没有操作的反馈,用户通常是会觉得他们的操作没有成功的,这样用户就会不断尝试,浪费时间做了很多无用的操作。所以,为了让用户感觉愉悦,设计师必须通过视觉的反馈给出提示,告知用户内容正在加载。

  3.使用动态的加载提示

  心理学研究发现,如果没有反馈,用户的注意力会在一秒后就转移到别的地方去了。为了避免用户这种不确定性,任何超过一秒的等待最好都要用动态的加载提示。但需要注意,一秒之内就不推荐了,因为当用户看到面前突然闪过什么东西又消失了,会感到焦虑和不安。

  短时间的加载:使用无限转动的小指针

  最简单的加载动画就是这个一直转动的指针。这种动态提示清楚地告诉了用户他们需要等待一下,但是不会告诉用户需要等待多久。一般来说,在加载时间比较短的时候可以用这个方式(2-10秒)。

  加载转动指针经常和下拉刷新的动作设计在一块,在两个UI界面状态切换时作为提示,让用户知道页面正在发生变化。

  长时间的加载:使用百分比动画

  加载旋转指针不适合时间较长的加载过程。如果一个操作需要比较长的加载时间,让用户知道具体进度会更好接受。约定俗成,超过10秒的等待时间,最好用上一个百分比的动态进度图来表明加载的过程。

  你还可以告诉用户大概需要等待多长时间。不需要很精确,像这样的“这个过程可能会花费您1分钟的时间”,就可以提示用户并且鼓励他们耐心等待。

  4.扭转用户对时间的感知

  当你想要设计一个更快的用户体验,你可以试着缩短用户感知到的时间,虽然实际上加载时间还是那么长。可用通过有趣的内容,或者动画又或者跟用户进行互动。

 进度条(Progress bar)

  进度条能让用户产生对加载速度的预估,所以进度条的动效设计可以影响用户对加载时间的感知。为了让用户产生加载更快的错觉,你可以尝试下面这些技巧。

  以上就是优漫教育小编为大家介绍的“UI设计培训】:UI设计高手都关注这些小细节”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !