包容性、可访问性和可用性设计是创建每个人都可以轻松使用的数字产品时相交的三个原则。“每个人”是指很多人,他们拥有不同的经验和能力,但可以构建一个包容性、可访问性和对所有人都可用的 Shopify 应用程序。
具有最佳用户体验和用户界面的应用在设计上具有包容性和可访问性。包容性设计考虑了所有用户的需求,并使所有用户受益,无论他们的能力如何。
促成高质量、可访问的用户体验的三个关键因素是:
兼具实用性和美观性的 UX/UI 设计
一致且有用的文案,精心使用清晰、平实的语言
积极融入通用设计和包容性原则
我们已经介绍了如何遵循 Polaris 设计原则来确 阿富汗 WhatsApp 数据 保您的应用功能齐全并与商家的工作外观和感觉保持一致。让我们更深入地探讨接下来的两个主题。
您的应用文案:为所有人而写
设计一款外观精美且功能齐全的应用是一个很好的开始。同样重要的是,您用来描述如何使用应用的所有语言都应该简单易懂。这意味着要使用直白的语言,不要使用那些可能会让不熟悉该主题或语言本身的人感到困惑的术语或短语。
截至 2020 年 1 月,英语是网络上最受欢迎的语言,约占全球互联网用户总数的26%,其次是中文,占 19%。
如何构建 Shopify 应用程序:水平条形图。英语,25.9%。中文,19.4%。西班牙语,7.9%。阿拉伯语,5.2%。印尼语/马来西亚语,4.3%。葡萄牙语,3.7%。法语,3.3%。日语,2.6%。俄语,2.5%。德语,2%。其他语言,23.1%。
根据Statista 最近的研究,截至 2020 年 1 月,互联网上使用的前 10 种语言占全球互联网用户的 77% 。
考虑您的目标用户和未来的潜在增长用户——将语言作为应用设计中的首要任务是一个好主意。学习如何构建多语言 Shopify 应用将为您带来竞争优势。
Polaris 内容指南认为,通俗易懂的语言应达到美国 7 年级阅读水平。您可以使用许多工具来检查内容的语法是否正确且易于理解。其中许多工具还可以告诉您可读性水平。
以下是您可以用来入门的三种内容工具:
海明威应用程序(免费)
Grammarly(免费和付费订阅)
可读(付费、分级、年度订阅)
我们将在下面的国际化部分进一步探讨如何为全球观众写作的细微差别。
Polaris 内容指南提供的有用提示:
写短句(最好少于 15-20 个字)。
使用标题和项目符号使您的内容可扫描。
总是选择简短、简单的单词,而不是长而复杂的单词。
考虑翻译。避免使用具有间接或讽刺意义的习语和短语。
避免使用行话。只有当您有理由相信这会提高理解力时才使用行业标准术语。花时间研究人们实际使用的词语,而不是默认使用公司对事物的称呼。
删除不需要的或者重复的单词。
首先针对小屏幕进行写作。这些限制可以帮助您专注于最重要的信息。
大声朗读您的内容。如果您读错了或听起来不像是人类会说的话,则您的内容需要修改。
现在您已经掌握了如何在应用程序中编写内容,让我们分析一下将应用程序设计得具有包容性和可访问性意味着什么。
为可访问性、可用性和包容性而设计
随着您的应用不断扩展和发展,重要的是它要保持包容性、可访问性和可用性,以便 Shopify 拥有超过 170 万用户。每个用户都有独特的需求,因此现在学习如何满足这些需求将使您的应用在未来扩展更加容易。为此,请记住以下三个设计注意事项:
1.可访问性
Polaris 组件旨在满足无障碍标准,并在您的应用使用过程中保持一致的体验。如果您还没有这样做,那么现在是时候考虑如何定义您的“普通”用户,以及您是否以考虑残障用户的方式设计了您的应用。从键盘无障碍到视觉设计元素,有很多需要考虑的地方。
世界卫生组织报告称,截至 2020 年 12 月,全球有超过 10 亿人(约占全球人口的 15%)患有某种形式的残疾,而且这一数字还在不断增加。熟悉Web 内容无障碍指南是了解无障碍标准和技术的一个很好的起点,这样您就可以在构建应用程序时应用这些原则。
Shopify平台可访问性专家 Scott Vinkle表示: “在设计和开发应用程序时不要忽视可访问性”。
“无障碍功能有助于确保为残障人士提供辅助技术友好的环境,”Vinkle 补充道。“它还有助于老年人使用您的网站或应用,提高 SEO,并减少与无障碍相关的诉讼。为残障人士提供平等的机会来释放商业的力量。”
为残疾人提供平等的机会释放商业的力量。
创建应用时请牢记以下无障碍核心原则:
用户能否感知内容?人们必须能够使用他们可用的一种感官来观察和识别内容。
用户能否操作用户界面?人们必须能够使用最适合他们的输入设备来完成任务,例如鼠标或触摸板、键盘、触摸屏、屏幕阅读器、语音听写软件等。
用户能理解内容吗?创建人们能理解的内容和用户界面。使用简单的语言,以正确的语言提供一致的用户体验。
内容是否丰富?为各种设备和辅助技术提供支持。在需要时使用基于标准的语义 HTML 和 ARIA 。
文克尔说,运用这些原则并通过辅助技术进行测试非常重要。
扩大应用的可用性,让更多人能够使用。这有可能增加正面评价,并增加应用的收入。
“扩大应用的可用性,让更多人都能使用,”他说。“这有可能增加正面评价,并增加应用的收入。”
以下五种辅助技术测试工具和深刻的资源可帮助提高整体可访问性和应用程序质量:
颜色对比度分析仪:使用此款适用于 Mac 和 Windows 的应用程序检查应用程序设计元素的可读性和对比度
Color Oracle:使用此适用于 Mac、Windows 和 Linux 的应用程序模拟色盲
Sketch 颜色对比度分析器:确保您的设计符合 Sketch 内部的颜色对比度建议
微软的包容性设计:学习并遵循微软包容性设计原则的可访问性最佳实践
可访问性洞察:使用此自动化可访问性测试工具,在可访问性问题影响商家之前将其解决。
2.国际化
构建一个无论用户位于世界何处都能正常工作的界面不仅可以扩大您的全球市场覆盖范围,还可以创造更好的整体用户体验。