包容性设计是创新和创造力蓬勃发展的地方。在产品设计领域拥有超过11年的经验,我学到了满足各种人群需求并不会限制创造力,相反,它开拓了我们的思维并激发了卓越成就。以下是发现的确保网页设计包容、欢迎且有效的十大指导原则。

1、公平:欢迎

热情好客意味着包容多样性并确保不会有用户感到被冷落。

创建不同的用户体验,提供同等有价值的结果可以产生重大影响。视觉吸引力也很重要;一个外观良好的网站可以增强用户体验并促进包容性。

相关原则和启发式

公平性:这一原则与确保所有用户公平获取机会和资源类似,类似于通用设计的原则。 

美观可用性效应:吸引人的设计被认为更易于使用,这通过让用户感到受欢迎来鼓励包容性。 

2. 灵活:提供选择

设计中的灵活性意味着给用户提供选择。

始终考虑谁、如何、为什么、什么时候、在哪里和如何使用网站。确保设备独立性至关重要,因为用户使用各种设备访问网站。

相关原则和启发

灵活性-可用性权衡:提供更多完成任务的方式可以通过适应不同用户偏好和能力来增强可用性。 

希克斯定律:提供选项应该保持平衡,避免过多选项会使用户感到不知所措,确保选择是清晰和可管理的。 

3. 明了:明显而不含糊

好的设计是简单的。功能应该增加价值,而不是复杂性。

清晰和简单是避免混淆的关键 — 这是我在职业生涯中反复学到的教训。

避免在页面上堆砌不必要的信息,这些信息可能会分散用户注意力或引起混淆。

相关原则和启发

雅各布定律:用户大部分时间都在其他网站上,因此通过使用常见的设计模式设计,增强熟悉感。 

米勒定律:保持设计简单帮助用户更轻松地处理信息,符合用户工作记忆中能够保持7±2个项目的原则。 

4. 可感知:不要假设任何事情

确保网站的目的是清晰的。

内容、结构和顺序应有意义,并传达信息到所有感官,以避免可能使用户感到疏远的假设。

在开发教育网站时,我们使用标题、项目符号和视觉辅助工具如图像和信息图表来分解复杂信息。我们还确保屏幕阅读器能够正确解释这些元素,以便视力受损用户能够访问信息。

相关原则和启发

可感知性(WCAG):确保所有用户都能感知到所呈现的信息,包括那些有感觉障碍的用户。 

显著性定律:设计应简单明了,让用户能够以最简单的形式理解内容。 

5. 信息丰富:及时、可预测、简单明了、精确

导航应直观,信息应清晰简洁。

帮助用户理解他们在网站上的位置以及如何找到他们寻找的内容至关重要。

在一个新闻网站项目中,我们保持了清晰一致的布局,设置了不同新闻类别的板块。我们使用面包屑导航和搜索功能帮助用户轻松浏览和找到特定的文章。

相关原则和启发

菲茨定律:设计元素应易于访问,并位于用户期望找到它们的位置。

锚定效应:提供清晰一致的导航帮助用户理解他们所在的位置和下一步可以去哪里。 

6. 预防性:提供易于遵循的说明并温和引导用户

通过引导用户与网站进行交互,可以最小化错误并增强用户体验。

深思熟虑的表单设计至关重要 — 这是我在所有项目中都强调的一点。

在联系表单中,我们提供清晰的标签、占位符文本和示例。行内验证及时反馈错误,如漏填字段或格式不正确,使表单易于使用。

相关原则和启发

错误预防(尼尔森启发式):设计界面以防止错误首次发生。 

系统状态的可见性:提供即时反馈,让用户了解他们的操作和结果。 

7. 宽容性:尊重处理错误

错误信息应该清晰、尊重并且有帮助性。

在我的职业生涯中,我见证了让用户知道出了什么问题、在哪里以及如何修复它的重要性,以及在他们纠正错误后告知他们结果的重要性。

在银行应用程序中,如果用户输入了错误的密码,一个尊重用户的错误消息,如“密码错误,请重试或重置您的密码”,比一个通用的错误代码更有帮助。

相关原则和启发

用户控制与自由(尼尔森启发式):用户应该有自由修复错误,而不感到受责备或沮丧。 

功能性:设计元素应清晰显示其功能,帮助用户理解可以采取什么行动来解决错误。 

8. 无障碍:不要对用户提出要求或限制

用户不应该为找到他们想要的内容而努力。

确保网站高效易用,减少认知负荷,这是我一直遵循的原则。

对于一个餐厅网站,我们突出显示了地点、营业时间、菜单和联系方式等关键信息。我们避免让用户在多个页面中搜索基本信息。

相关原则和启发

认知负荷理论:通过以清晰简单的方式呈现信息,减少使用网站所需的心理努力。 

最小努力法则:用户会选择最轻松的路径,因此设计您的网站尽可能易于导航。 

9. 周到:友好亲近,简洁大方,给用户操作的空间

网站应该不显眼,并且能够从各种设备访问。

简洁宽敞的设计可以使导航更加轻松愉快 — 这是我在许多设计中都融入的教训。

在一个博客项目中,我们使用了充足的白空间和可读的字体大小。布局可以平稳地适应不同的屏幕尺寸,在桌面和移动设备上提供舒适的阅读体验。

相关原则和启发

白空间(接近性):有效地利用白空间,减少杂乱,提升可读性。 

响应式设计:通过采用响应式设计原则,确保网站在所有设备上都能够访问和正常运行。 

10. 一致性:遵循标准、指南、惯例和最佳实践

设计上的一致性有助于创建一个熟悉的环境,具有易于记忆的功能。

遵循已建立的标准和最佳实践确保可靠性,这是我在每个项目中的优先考虑。

在一个在线银行平台上,我们在整个网站中使用了一致的按钮样式、颜色和字体。导航菜单在每个页面上都放置在同样的位置,帮助用户在交互中感到自信。

相关原则和启发

一致性和标准(尼尔森启发式):确保设计在整个网站中保持一致,使用户更容易理解和预测交互。 

格式塔原则:使用相似性和接近性等原则创建连贯和直观的设计。 

结论

通过遵循这十个包容性网页设计原则,您可以创建不仅具有可访问性和用户友好性,而且还富有创新和启发性的网站。包容设计不仅仅是遵从规定,它关乎为每个人创造有意义和引人入胜的体验。

当将包容性置于优先位置时,你的设计将面向更广泛的受众,促进归属感和可访问性。通过这样做,为创造力和卓越铺平道路,使用户和创作者受益。包容性设计就是好设计。

精选文章:

设计师,想创意不是套参考

空心竹灯 | 透过网状结构散发出光影和薄雾的艺术装置

原研哉新作,无印良品新海报,有点意思!

几何光影图案:7 个采用穿孔表皮的项目

残缺的艺术,超时空“旅行者”