--- title: 5 keys to implement an inclusive UX/UI design description: UX and UI should be done with an awareness of diversity, experiences and capabilities. Here are five keys to UX and UI design. image: https://www.xperiencedesign.co/hubfs/Xperience/Blog/diseno-inclusivo.jpg --- [UI](https://www.xperiencedesign.co/en/blog/tag/ui) [UX](https://www.xperiencedesign.co/en/blog/tag/ux) # 5 keys to an inclusive UX/UI por [ Xperience Design ](https://www.xperiencedesign.co/en/blog/author/xperience-design) Feb 13, 2023 9:24:55 AM 1 Minuto de lectura In design we often talk about accessibility, usability and user-centricity. But how do we apply these principles to the interactions we have with all types of users? This is the task of inclusive design. It is an invitation to take into account the diversity of people to avoid excluding them, in one way or another, from digital services and channels.  Inclusive design recognizes the diversity of people's abilities, backgrounds and histories. It takes into account the needs of users who have difficulty accessing and using digital services. Instead of offering a single experience with high accessibility, it offers differentiated and varied experiences.   ### How do you achieve differentiated and varied experiences? > ### Here are five practical tips to get you started:   1. #### **Enable dark mode and allow text size to be increased.** For older adults, two of the main problems for interacting and reading are the high light contrast of screens and small font sizes. 2. #### **Allow people to write their first and last names with special characters.** It happens to Spanish speakers: we have characters that are not in English, such as accents. And since they can't write their names properly, many people have problems authenticating themselves, verifying data or making claims. 3. **Avoid binarism in gender options and always address the user with their choice.** For example, Tinder offers more than 30 ways to identify oneself, not just as male or female ![ejemplo diseño inclusivo](https://www.xperiencedesign.co/hs-fs/hubfs/iuvity/Imported_Blog_Media/jIpTYPgcwHM6vThZHHH82yd_szbI_0pkF1MtyP7c2HPnnzrzLqyDx0ZkrzHCvHuv0sh9eGekvovknIImpvBfVBVazSGkvPYKaWBcHKMZcKzmbzyPYUdXGofIetaVHcQecqqI0tP9-Nov-25-2022-05-13-02-5199-PM.png?width=582&name=jIpTYPgcwHM6vThZHHH82yd_szbI_0pkF1MtyP7c2HPnnzrzLqyDx0ZkrzHCvHuv0sh9eGekvovknIImpvBfVBVazSGkvPYKaWBcHKMZcKzmbzyPYUdXGofIetaVHcQecqqI0tP9-Nov-25-2022-05-13-02-5199-PM.png) 4. #### **Incorporate audio interfaces, not just graphical ones.** For people with visual impairments, it is important to have a UX and UI that allows them to fully interact with digital services and channels. 5. **Use illustrations and images that reflect the diversity of users** People are very different, and it is important that, as much as possible, they find representativeness in the products and services they use and consume. Don't forget to adapt all this to your design system. ### What other practical actions do you know of? Tell us about them!   [![Picture of Xperience Design](https://www.xperiencedesign.co/hubfs/Xperience/Favicon.jpg)](https://www.xperiencedesign.co/en/blog/author/xperience-design) #### Xperience Design Empezamos en el 2011 y hemos sido pioneros en llevar el diseño centrado en lo humano a las principales empresas de Medellín y Colombia. Hacemos parte de Iuvity. Somos un equipo de creativos con polo a tierra. Somos rigurosos con la metodología, pero nos adaptamos a cada reto. En este blog nos gusta compartir ideas, aprendizajes, apuestas e historias de nuestros proyectos. Autor ## Artículos recomendados [![errores de ux ui ](https://www.xperiencedesign.co/hubfs/Xperience/Blog/6-errores-de-ux-ui.jpg) ](https://www.xperiencedesign.co/en/blog/ux-and-ui-mistakes-that-will-cause-you-to-lose-customers) [UI](https://www.xperiencedesign.co/en/blog/tag/ui) [UX](https://www.xperiencedesign.co/en/blog/tag/ux) [Diseno digital](https://www.xperiencedesign.co/en/blog/tag/diseno-digital) 1 Min ### [6 UX and UI mistakes that will cause you to lose customers.](https://www.xperiencedesign.co/en/blog/ux-and-ui-mistakes-that-will-cause-you-to-lose-customers) [![diseño en la salud](https://www.xperiencedesign.co/hubfs/Xperience/Blog/salud-diseno-centrado-en-lo-humano.jpg) ](https://www.xperiencedesign.co/en/blog/how-to-bring-human-centered-design-to-healthcare) [Canales digitales](https://www.xperiencedesign.co/en/blog/tag/canales-digitales) [UX](https://www.xperiencedesign.co/en/blog/tag/ux) [Servicio al cliente](https://www.xperiencedesign.co/en/blog/tag/servicio-al-cliente) 1 Min ### [How to bring human-centered design to healthcare?](https://www.xperiencedesign.co/en/blog/how-to-bring-human-centered-design-to-healthcare) [![Soporte y servicio en goole](https://www.xperiencedesign.co/hubfs/Xperience/Blog/soporte-google.jpg) ](https://www.xperiencedesign.co/en/blog/why-is-google-support-and-service-so-good) [Canales digitales](https://www.xperiencedesign.co/en/blog/tag/canales-digitales) [UX](https://www.xperiencedesign.co/en/blog/tag/ux) [Servicio al cliente](https://www.xperiencedesign.co/en/blog/tag/servicio-al-cliente) 1 Min ### [Why is Google's support and service so good?](https://www.xperiencedesign.co/en/blog/why-is-google-support-and-service-so-good) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Xperience Design", "url" : "https://www.xperiencedesign.co/en/blog/author/xperience-design" }, "dateModified" : "2024-04-17T16:10:24.414Z", "datePublished" : "2023-02-13T14:24:55.000Z", "headline" : "5 keys to implement an inclusive UX/UI design", "image" : [ "https://www.xperiencedesign.co/hubfs/Xperience/Blog/diseno-inclusivo.jpg" ], "mainEntityOfPage" : { "@id" : "https://www.xperiencedesign.co/en/blog/inclusive-ux-ui-design", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.xperiencedesign.co/hubfs/Xperience/Logo%20Xperience.svg" }, "name" : "Xperience Design" } } ``` ```json { "@context" : "https://schema.org", "@type" : "Organization", "alternateName" : "Xperience Design - Agencia de diseño de servicios en Medellín", "logo" : "https://www.xperiencedesign.co/hubfs/Xperience/XP%20WEB/Logo%20Xperience.svg", "name" : "Xperience Design", "sameAs" : [ "https://co.linkedin.com/company/xperiencedesign-co", "https://www.instagram.com/xperiencedesign.co/", "https://www.facebook.com/xperiencedesign.co/" ], "telephone" : "604 322 23 02", "url" : "https://www.xperiencedesign.co/" } ``` ```json { "@context" : "https://schema.org", "@id" : "", "@type" : "ProfessionalService", "address" : { "@type" : "PostalAddress", "addressCountry" : "CO", "addressLocality" : "Medellín", "postalCode" : "050024", "streetAddress" : "Carrera 52 #14-30 Oficina 206 Centro empresarial Olaya Herrera" }, "alternateName" : "Xperience Design - Agencia de diseño de servicios en Medellín", "geo" : { "@type" : "GeoCoordinates", "latitude" : 6.2187538, "longitude" : -75.5800735 }, "image" : "https://www.xperiencedesign.co/hubfs/Xperience/XP%20WEB/Logo%20Xperience.svg", "name" : "Xperience Design", "openingHoursSpecification" : { "@type" : "OpeningHoursSpecification", "closes" : "18:00", "dayOfWeek" : [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens" : "08:00" }, "sameAs" : "https://www.xperiencedesign.co/", "telephone" : "604 322 23 02", "url" : "https://www.xperiencedesign.co/" } ``` ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Organization", "name" : "Xperience Design", "url" : "https://www.xperiencedesign.co/blog/author/xperience-design" }, "dateModified" : "2022-08-02", "datePublished" : "2022-07-29", "description" : "El diseño inclusivo es innegociable. El UX y el UI deben hacerse con conciencia de la diversidad de personas, experiencias de vida y capacidades.", "headline" : "5 claves de un UX y UI inclusivos", "image" : "https://www.xperiencedesign.co/hs-fs/hubfs/Todo1/Imported_Blog_Media/jIpTYPgcwHM6vThZHHH82yd_szbI_0pkF1MtyP7c2HPnnzrzLqyDx0ZkrzHCvHuv0sh9eGekvovknIImpvBfVBVazSGkvPYKaWBcHKMZcKzmbzyPYUdXGofIetaVHcQecqqI0tP9.png?width=582&name=jIpTYPgcwHM6vThZHHH82yd_szbI_0pkF1MtyP7c2HPnnzrzLqyDx0ZkrzHCvHuv0sh9eGekvovknIImpvBfVBVazSGkvPYKaWBcHKMZcKzmbzyPYUdXGofIetaVHcQecqqI0tP9.png", "mainEntityOfPage" : { "@id" : "https://www.xperiencedesign.co/blog/diseno-ux-ui-inclusivos", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.xperiencedesign.co/hubfs/Xperience/Logo%20Xperience.svg" }, "name" : "Xperience Design" } } ```