5 formas de reducir la barrera de entrada de su sitio

Internet, como la mayoría de las actividades del planeta, tiene una barrera de entrada. Necesita al menos un cerebro, consciente y funcionando a un nivel lo suficientemente alto como para tocar o hacer clic en cosas, y un dispositivo habilitado para Internet que funcione. Necesita acceso, de una forma u otra, a un proveedor de servicios de Internet. Y eso es realmente todo.

En un mundo ideal, eso es todas necesitas. Las personas sin ojos que funcionen pueden utilizar lectores de pantalla. Las personas sin manos tienen otros dispositivos de entrada para sus computadoras. Las personas con computadoras de mala calidad tienen… acceso a un porcentaje cada vez menor de sitios web.

¿Esperar lo?

Aquí está la cuestión, cada sitio web individual, dependiendo de cómo esté construido, puede aumentar su barrera de entrada o mantenerla al mínimo. Cada vez que implementa una función o tecnología a la que no todos tienen acceso, eleva un poco la barrera. Básicamente, estás expulsando a la gente de tu sitio web. Sospecho que, en su mayor parte, preferirías no hacerlo.

Bueno, no tienes que hacerlo.

1. Siga las prácticas recomendadas de HTML y CSS

Este es el obvio. Verá, no soy la primera persona en pensar en estos problemas. Los expertos de la industria web han estado pensando en estas cosas prácticamente desde el principio. HTML y CSS tienen pautas y reglas para aumentar la accesibilidad de cada sitio web creado con ellos.

Siga esas pautas. Utilice el texto alternativo. Utilice los elementos HTML adecuados para el contenido adecuado. No solo lo ayuda a mantener el código, también ayuda a las aplicaciones de lectura de pantalla a navegar por su sitio. Asegúrese de que toda la información transmitida con color esté disponible sin color. Diablos, aquí está una lista.

2. Prueba de accesibilidad

Las pautas por sí solas no serán suficientes. Necesitas probar estas cosas. Coge a un amigo ciego o usa un lector de pantalla con una venda en los ojos si es necesario. Pruebe su sitio en diferentes condiciones de iluminación. Ponerse o quitarse los anteojos. Apaga los colores de tu pantalla. Pruebe aplicaciones que simulen diversas formas de daltonismo.

Estas condiciones (especialmente diversas formas de discapacidad visual) son una lote más común de lo que piensas, así que esto es importante. Además, asegúrese de que se pueda navegar por su sitio con el teclado, siempre que sea posible. Algunos dispositivos para los discapacitados imitan la entrada del teclado en lugar de la entrada del mouse, por lo que debe tenerse en cuenta. Además, algunas personas simplemente prefieren los teclados.

3. Adopte la compatibilidad con versiones anteriores

Mucha gente en el mundo todavía accede a Internet a través de cibercafés. Algunos por teléfonos viejos. Otros a través de consolas de juegos. En estos dispositivos, no se admitirán todas las funciones habituales de su navegador. “Personas con hardware de mala calidad” no es una clase protegida, pero si vende un servicio de cinco dólares al mes, ¿hay alguna razón por la que no deberían poder acceder a él?

Pero, ¿y si vendes un artículo de lujo? Esperamos que las personas con dinero tengan buenas computadoras, ¿verdad? Bueno, se sabe que las corporaciones masivas utilizan hardware y software antiguos, cuando pueden salirse con la suya. Es muy posible que haya personas con salarios de seis cifras sentadas en una oficina en este momento, navegando en una computadora con Windows XP y una versión desactualizada de Firefox porque su teléfono está a unas tres pulgadas de distancia. Sucede.

Recientemente, vi a alguien mencionar que CSS Grid ha alcanzado el 70% de compatibilidad. Eso es fantástico y los diseñadores deberían comenzar a usarlo más. Pero el 30% de los usuarios de Internet es una gran cantidad, y su sitio no debería romperse por completo si CSS Grid (o cualquier otra característica) no es compatible. Su contenido debe estar estructurado de tal manera que si todo va directo al infierno, al menos tenga un diseño utilizable, aunque casi completamente vertical.

4. Velocidad y rendimiento

Hablando (nuevamente) de teléfonos y computadoras viejos, la velocidad de carga y la velocidad de procesamiento son absolutamente barreras de entrada. Cuanto más tiempo tarde en cargar su sitio, peor será para las redes móviles irregulares, para la cantidad extrañamente grande de personas que todavía usan el acceso telefónico y para la cantidad aún mayor de personas con mala Internet porque su proveedor tiene un monopolio local.

E incluso teniendo en cuenta los nuevos dispositivos, todavía se fabrican teléfonos y mini-portátiles que tienen viejos procesadores atom y 1-2 GB de RAM. Cuanto más tiempo tarde en procesarse su sitio, peor será para ellos. Sí, la mayoría de los usuarios de Internet son móviles en estos días, pero no todos tienen iPhones.

5. Cuidado con la sobrecarga cognitiva

Como regla general, cuanto más ocupado y visualmente abrumador esté su sitio, más esfuerzo les tomará a los usuarios concentrarse. Cuanto más esfuerzo les tome para concentrarse, menos querrán estar allí. Literalmente, dejé los sitios solo porque lo primero que pensé cuando los vi fue: “No puedo lidiar con esto en este momento. No. Estoy fuera.»

Ahora, en algunos casos, realmente desea tanta información en una página como sea razonablemente posible. Uno de los ejemplos más claros de esto es el comercio electrónico. Pero en el comercio electrónico, generalmente tienen cuidado de organizar la gran cantidad de información con mucho cuidado y clasificarla toda para que pueda encontrarla fácilmente. Aun así, suelo sentir puro alivio cuando termino un “viaje de compras” en Amazon.

En pocas palabras, lidiar con la información (y decidir qué hacer con ella) requiere energía mental. Cuanta más energía mental se utilice para procesar lo que está viendo, mayor será la barrera de entrada. Por supuesto, hay que lograr un equilibrio. No desea proporcionar tan poca información que todo parezca vago. Simplemente, cada vez que agregue un poco de texto, una animación o un widget completo (me encanta decir «widget»), pregúntese cuál será el efecto sobre la carga cognitiva del usuario.

Tendrá un impacto directo si tienen ganas de volver o no.