首页 » 这个继续教育门户页面

这个继续教育门户页面

 

那么,让我们以为例。我们如何将混乱的体验转变为:

更有利于大脑,
结构更清晰,
并且不会让用户思考太多?
前后屏幕显示了混乱的布局和精简且显示易于遵循的层次结构的布局之间的差异。
了解如何使用 slds 组件来帮助创建层次结构和更简化的用户旅程,可以帮助所有用户。
使用 slds 是回答关于可访问性问题的关键部分。但我们需要简要讨论一下 web 可访问性指南的类别以及我为什么喜欢关注认知。 返回顶部熟悉 slds
登陆页面
获取 slds 资源
最佳实践幻灯片:拒绝使用样式钩子
记住 slds 的最佳实践
lightning ui 的新设计的 trailhead 图形:快速查看
lightning ui 的新设计:快速查看

探索 lightning 设计系统基础知识
关注认知
联邦、州和地方均有合规规则,以确保数字体验的可访 跟上技术发展并实现其价值 问性。web 内容可访问性指南 ( wcag ) 提供了满足这些要求的标准。在这些指南中,成功标准分为四类:可感知、可操作、可理解和稳健 (pour)。

由于这些类别对我来说并不直观,因此我喜欢以一种能够反映谁会受到我们设计影响的方式来描述成功标准。我的类别是:视觉、认知、听觉、交互和技术 (schit)。

我关注认知,因为它经常被忽视,并且影响一系列神经多样性人群,例如患有阅读障碍、注意力缺陷多动症和自闭症的人。

这些网页和表单样本

表明,如果我们不考虑可访问性和可用性,设计会变得 韩国号码 多么令人难以接受。 返回顶部

一堆设计拥挤、令人不知所措的示例网页。
页面中充斥着大量信息,但没有清晰的层次结构,很难使用。
使用 slds 进行神经多样性设计的五种最佳实践
如果我们可以将这种令人难以忍受的体验转变为直观、用户友 whatsapp 号码数据 好的东西,就像 salesforce 能读懂我们的想法一样,那会怎样?无论您是为了专注、清晰还是只是为了让事情易于导航而设计,这些技巧都会带来巨大的改变。

让我们深入了解使用 slds 进行设计的五种方法,以实现这一目标,并在此过程中为神经多样性用户提供支持:

1. 坚持一致性
品牌颜色、字体、语音和语调、字段标签、图标、流程等的使用方式很重要。务必制定规则并严格遵守。这有助于保持一致性。像 slds 这样的设计系统的优点在于,它考虑到了许多这些因素,因此您可以轻松应用它们。

拥抱可预测的组织

可预测性并不无聊。了解预期内容可以建立熟悉度,最终帮助您更快地完成工作。需要解决的三个具体领域包括:

视觉层次。确保每页只有一个主标题 (h1),并且后续标题大小从那里开始级联 (h2、h3 等)。询问主导航中最重要的是什么;并非所有内容都应包含在顶层。如果您有非标题的文本,请使用 slds 提供的大小变量,并确保您不会弄乱阅读顺序。

滚动至顶部