登录查看更多内容

How can you create an accessible mobile app prototype?

由人工智能和领英社区提供技术支持

Creating an accessible mobile app prototype is not only a good practice for UX research, but also a legal and ethical requirement for many projects. Accessibility means designing and testing your app for users with diverse abilities, such as vision, hearing, motor, or cognitive impairments. In this article, you will learn how to apply some basic principles and tools to make your mobile app prototype more accessible and inclusive.

此文章中的业界达人

由社区从 3 条内容中精选。了解更多

Dipen Parekh

Senior UI/UX & Product Designer @ Charger Logistic
Esperanza D.

??Consultora de propuesta de valor para profesionales {en transición}??Acompa?amiento en las crisis profesionales

1 Understand accessibility standards

The first step to create an accessible mobile app prototype is to familiarize yourself with the accessibility standards and guidelines that apply to your project. For example, you can refer to the Web Content Accessibility Guidelines (WCAG) 2.1, which provide a set of criteria and techniques for web and mobile content. You can also check the accessibility requirements of the platforms and devices you are targeting, such as iOS or Android. By understanding the standards, you can identify the potential barriers and issues that your app might pose to different users.

添加您的观点

Gabriel Cirino ??

Senior Growth at Zurich Insurance | Lecturer in UX and Analytical Culture | MSc Candidate in Information Science
举报内容
In the era of inclusive design, creating an accessible mobile app prototype is vital. Start by acquainting yourself with key accessibility standards like the Web Content Accessibility Guidelines (WCAG) 2.1. These guidelines offer valuable criteria for web and mobile content. Additionally, familiarize yourself with the accessibility requirements of target platforms like iOS or Android. This knowledge helps identify potential barriers for diverse users. As UX professionals, how do you ensure your prototypes are accessible to all?

已翻译

赞

2 Choose an accessible prototyping tool

When selecting a prototyping tool for mobile app development, it is essential to ensure that the tool offers accessibility features and testing. Alternative text, captions, labels, and descriptions should be able to be added to images, icons, buttons, and other visual elements. Additionally, the color contrast, font size, and readability of text and graphics should be adjustable. Semantic and logical markup should be available to structure content and navigation. Keyboard, voice, and gesture inputs and outputs should also be incorporated into the tool. Furthermore, the tool should be compatible with screen readers, magnifiers, and other assistive technologies. Tools such as Adobe XD, Figma, Sketch, and InVision are some examples of accessible prototyping tools that offer these features. Lastly, accessibility checkers and validators should be used to test the prototype.

添加您的观点

3 Design with accessibility in mind

The third step is to design your mobile app prototype with accessibility principles and best practices in mind. Your layout should be clear, consistent, and logical, with enough spacing and padding between elements. Navigation should be intuitive and predictable, providing clear feedback for user actions. Interaction should use simple and familiar patterns that suit your target users. Content should be clear and concise, avoiding jargon or slang. Use headings, lists, bullets, and other formatting tools to organize the content, as well as images, icons, charts, and other visuals to support it. Meaningful labels, titles, and buttons should also be used. Avoid clutter, overlapping elements, complex gestures, hidden features, modals, pop-ups, or interruptions.

添加您的观点

4 Test with diverse users

The final step is to test your mobile app prototype with diverse users, including those with different abilities and preferences. Usability testing, user feedback, and user interviews should be conducted to evaluate how your app meets the accessibility standards and user needs. Different methods and tools should be used to test your app, such as accessibility testing tools, screen readers and other assistive technologies, and user testing platforms and services. Accessibility testing tools like WAVE, axe, and Lighthouse can help identify and fix technical aspects of your app. Screen readers and other assistive technologies like VoiceOver, TalkBack, NVDA, and JAWS can help you understand and improve the user experience of your app. User testing platforms and services such as UserTesting, UserZoom, and Loop11 can help you collect user data, feedback, and insights. By following these steps, you can create an accessible mobile app prototype that is compliant with the standards as well as user-friendly and inclusive. Applying accessibility principles and practices throughout the design process can also help improve UX research skills and outcomes.

添加您的观点

Esperanza D.

??Consultora de propuesta de valor para profesionales {en transición}??Acompa?amiento en las crisis profesionales
(已编辑)
举报内容
Hay que tener en cuenta la diversidad dentro de los propios perfiles que tienen necesidades de accesibilidad parecidas. Por ejemplo, una persona con baja visión puede tener necesidad de alto contraste y, sin embargo, otra, puede requerír la disposiciónn de los elementos en un lugar central, por tener un campo visual reducido. En ese sentido, y siguiendo el ejemplo, no solo imposta incorporar en el screener personas con baja visión, sino afinar acerca de los requerimiento específicos de accesibilidad, que pueden variar entre los distintos usuarios con baja visión

已翻译

赞

5 Here’s what else to consider

This is a space to share examples, stories, or insights that don’t fit into any of the previous sections. What else would you like to add?

添加您的观点

Dipen Parekh

Senior UI/UX & Product Designer @ Charger Logistic
举报内容
Creating an accessible mobile app prototype involves key steps. Adhere to guidelines like WCAG for compliance. Design a clear navigation structure, use semantic HTML, and ensure consistent layouts. Provide descriptive text for images and prioritize color contrast for readability. Opt for legible fonts and adjustable text sizes. Enable keyboard navigation and ensure focus indicators for interactive elements. Test with screen readers like VoiceOver and TalkBack. Include captions and transcripts for multimedia. Involve users with diverse abilities in testing and iterate based on feedback. Utilize ARIA roles and attributes for dynamic content. Prioritize inclusivity to enhance user experienceer

已翻译

赞

User Research

+ 关注

给文章评分

我们借助人工智能创建了此文章。您认为这篇文章怎么样？

很棒不太好

举报此文章

查看全部

How can you create an accessible mobile app prototype?

1

2

3

4

5

1 Understand accessibility standards

2 Choose an accessible prototyping tool

3 Design with accessibility in mind

4 Test with diverse users

5 Here’s what else to consider

User Research

给文章评分

感谢您的反馈

更多User Research相关文章

更多相关阅读内容

How can you create an accessible mobile app prototype?

1

2

3

4

5

1 Understand accessibility standards

2 Choose an accessible prototyping tool

3 Design with accessibility in mind

4 Test with diverse users

5 Here’s what else to consider

User Research

给文章评分

感谢您的反馈

查看其他技能