2.4.13 Design System - Loading Indicator

时常为自己排序
这是一个老生常谈的问题了,工作、家庭、财富、人际、健康,什麽对我们来说是最重要的?
在理智上,很常告诉自己工作不是最重要的 但好像大部分的时候行为上都还是会把工作放在第一位
然後在有余力思考时,再重新把自己分配给这五项的百分比稍稍调整成满意的样子

Loading Indicator 在设计产品的时候蛮容易被忽略的,但其实在意外发生时,它又占了很重要的位置-安抚用户焦躁不安的心

Loading Indicator 有两种分类:线性与非线性,ex:长条载入条或圆形载入圈圈
依等待时间是否可预测,在载入动画上又有两种差异
可参考 Material Design 在 Type 的动画

这几年也观察到有些手机App上的互动会将 loading 状态做在 Button 上
Awwwards可以看到很多炫炮的 Loading Page 但大多数专案不太会做到这种程度,一方面是经费问题、一方面是时间问题、一方面是载入速度问题

我们大部分都希望用户不会在转换操作步骤时花太多时间在等待,但如果真的必要,这边有几个很不错的 Loading Page 方式可以参考 点我看看→

可以让用户感受到进度正在往前且快完成或是利用动画或游戏转移用户的注意力都是很好的方式


实务经验上的小故事

尽量一次专心在一件事上,在工作上可能会偶尔需要跟同事讨论、检查信箱、被客户询问事情、做设计,当一个专案有这麽多工作任务都有可能会分身乏术了,更不用说大多数时候 PM 都是身兼多个专案的,这时候把自己当作机器人一次只能处理一件事,相同类型的工作任务搜集起来一起批次处理,会有比较好的工作效率

Day 22 End


<<:  23 | 【进阶教学】了解 WordPress「清单检视 List View」功能

>>:  [Day22] Websocket Injection

Day29-介接 API(四)Laravel 实作 Dialogflow ES 之 API interactions

大家好~ 今天来实作下图架构的简单版吧! 申请服务帐户 选择一个 Dialogflow 的 Agen...

第17天 - 来试着做一个简易购物系统(1)、补充昨天的登入程序码

补充 补充一下昨天登入相关程序,就是如果未登入成功,就会把使用者弹回登入画面(没登入无法直接打开该....

【Day25】Git 版本控制 - SHA-1 是什麽

前面在讲要查询 commit 时要看他的 SHA-1 码,这个 SHA-1 到底是什麽!今天就来补充...

《老师爱说故事,专家爱讲模型》

这本书内容少少的,但我划的重点跟思考颇多。 例如我们因为模型常要复杂但又易懂,最终得到的归纳就是那些...

Day28 深入解析Elasticsearch Query DSL Match query Part1

Hello大家, 台北阴雨绵绵, 早上到公司裤管都湿答答的="= 不舒服... 今天我们来...