条形动态加载效果(进度条)一定是从左到右么?

条形动态加载效果(进度条)一定是从左到右么?

1.场景:软件安装、更新,页面跳转,提交信息等;

2.动态效果有很多,比如圈形、特殊动画等,今天主要讨论一下条形;

今天空余时间,研究软件功能做了几个demo效果,其中有2个是条形加载效果,一个是显示百分比,一个是现实图标(一般会有静态图或者小动画),一个进度条动画方向是从左到右另一个是从右到左;朋友同事(80后)看过后,提出了同一个疑问:“一般不都是从左到右么?”

我觉得根据不同的视觉、动画、场景、产品类型,方向可以做从右到左的效果,甚至可以全屏从下到上、从上到下、从中心点到全屏等等;

希望大家可以一起研讨分享一下~最好是可以有一定的结论;可以整理更多的loading案例分类或想法。

3.demo截图

image.png

图:1

image.png

图:2

image.png

图:3

image.png

图:4

回答 1 排序
李炜well-live.cn 京东-云事业部 产品

乍一看题目很懵逼哦,从右到左什么样子?给古人看的?(just kidding)

首先,动态加载效果常见的有转圈和进度条,此讨论见:

APP加载为什么用“转菊花”替代了进度条?

个人认为,在能较准确预测出显示界面所需时间时,进度条效果好一点,缓解对于等待这个状态的时间焦虑,而旋转的小菊花适用于极短时间加载的场景。

其次,就进度条而言,为什么99%都是从左到右呢?

Image有一个故事讲的是,目前键盘的排布是相对很凌乱,它起源于打字机时的键盘,为了防止常用字母相邻而误触,误触就会让整篇所打作废,于是特意将常用字母分的很开。计算机飞速发展,但键盘排布却一成不变,有个聪明的孩子很不服,就设计了一种看起来整齐排布能让打字更快的键盘,然而,如你所见,键盘依旧是这样,延续了无数年打字机的传统。

这个故事印象深刻,想说明的就是,虽然有些创新看起来很有道理,也会看似一定程度提高效率,但实际难以被用户习惯所接受。如题,除了中国古时的阅读习惯和书写习惯是从右到左的,现代人都是从左到右的,这种习惯也培养了人们视觉上对于从左到右从上到下的习惯(即视觉焦点的F法则)所以,目前绝大多数都是从左到右。当然你说从右到左行不行呢?我个人看上面的demo反正是,很难受的。

fetch_file49b339ac4e5dff954b8040aadb0766f9-picture

再次,除了如图一的从左到右还能怎么设计呢?

某杀毒软件(or电脑管家,记不清了)安装进度是按界面边框旋转的,即一个矩形,看起来也很酷炫。既提示了进度又凸显出界面精简的特点。

京东下拉刷新是一个奔跑的快递小哥,用在进度条也未尝不可。(某外卖好像是奔跑的外卖小哥)

除此,刚才想到,也可以设计成竖着的,上面的水滴逐渐滴满整个液柱,以示进度。或者翻卷的海浪,是可以从右向左逐渐卷过来的。

总之,概括下。

产品同学还是本着整体设计风格推崇简洁舒适的进度提示,同时要考虑技术的实现效果(对时间的准确预判),如微信文章页的加载进度,简洁高效。

如果是设计同学,在符合产品界面整体调性的情况下,可以尝试用些好玩的不那么无聊的创新呈现在进度条上。

即,小小的进度条,也要符合产品整体调性

匿名

发表评论,请先 登录 · 注册

合作伙伴

诸葛IO
薪人薪事
拉勾
 阿尔法公社
测试兄弟
Growing IO
BOSS直聘
环信
外包大师
CSDN