致力于尊重负责任的数字技术原则

Discover tools, trends, and innovations in eu data.
Post Reply
pappu6329
Posts: 291
Joined: Sat Dec 28, 2024 4:25 am

致力于尊重负责任的数字技术原则

Post by pappu6329 »

这种方法旨在促进数字技术的道德、生态和公平使用,多年来一直是 Klee Group 关注的核心。

事实上,该公司意识到技术对社会和环境日益增长的影响,因此已经采取负责任的做法来减少其数字足迹并为更可持续的未来做出贡献。

动画已经成为网络用户体验的重要组成部分。它有助于使网站对访问者更具互动性和吸引力,提供身临其境的动态体验。最重要的是,它有助于引导用户并有助于理解,同时也使导航更加愉快和情感化。

为了说明这一点,下面是我们合作伙伴的横幅上没有动画的一个例子:

动画 1

当点击导航箭头时,标识会改变位置,这种变化很突然,用户难以理解。我们会对这种变化感到困惑,因为我们并没有伴随位置的变化。我们的大脑需要了解正在发生的事情,那么我们该怎么做呢?通过添加一些自然的动画。

动画 2

事实上,简单的动画可以让我们了解状态的变化,所有的标志都一起移动一个档次。理解没有问题,动作流畅自然。

但是,它不应被过度使用,因此必须遵循某些规则。

1. 使用轻量级文件格式: GIF 和 PNG 等格式可能非常大,会导致您的网站加载缓慢,从而损害用户体验。最好使用更轻的格式,例如 SVG 和 WebP,它们更适合生态设计。这将改善您的页面和动画的加载时间。

2. 限制动画数量:页面上的动画过多会损害可访问性和用户体验。建议将页面上的动画数量限制为几个。用户不应该被从四面八方出现的大量方块所淹没。它应该保持轻松和自然。

3.避免过度运动:过度运动对某些人来说会感到不舒服,尤其是那些患 喀麦隆 WhatsApp 号码数据库 有眩晕症或前庭疾病的人。建议使用微妙、流畅的动作,而不是突然的动作。

4. 提供一种暂停轮播或视频动画的方法,以限制这可能给某些人带来的不适。

5. 使用高对比度:确保动画中使用的颜色适合视力有障碍的人。使用高对比度并避免难以区分的颜色组合。

6. 支持按需动画:自动触发的动画可能会破坏用户体验并增加能耗。最好使用根据用户请求触发的动画,例如鼠标单击或悬停。

7. 确保您的动画是可访问的 :建议为有视觉障碍的人使用替代文本和音频描述,并确保可以使用键盘控制动画。动画的信息内容必须让每个人都能理解。

CSS 媒体查询 prefers-reduced-motion 可以检测用户是否要求系统最小化动画或动作量。如果用户的机器上启用了该选项,则允许开发人员禁用动画。

8. 优先使用 CSS 动画而不是 JS 动画。
CSS 动画通常比 JavaScript 动画更轻便、更流畅,因为它们由浏览器直接处理,而 JavaScript 动画则更耗资源,更容易减慢页面速度。但是,它们也会比 JS 动画受到更多限制。

总之,仅使用可以改善用户体验并使其可访问的动画。
Post Reply