Si desarrolla sitios web, sabe lo importante que es hacerlos útiles e interesantes, incluso con las mejores herramientas de diseño web en línea a su disposición. Puede ser una tarea difícil para cualquiera que acaba de empezar a diseñar sitios web, así que para simplificar las cosas, he compilado una breve lista de lo que se debe y no se debe hacer. cuenta. mientras crea su próximo proyecto de diseño web.
Primero están los deberes.
1. Mantenga la interfaz de usuario consistente.
Una de las partes más cruciales de una gran UX es la uniformidad de la interfaz en todo el producto. La apariencia general de su sitio web debe ser similar en todas sus páginas. Mantener la uniformidad en la navegación, los esquemas de color, los tipos de letra y el estilo de escritura puede ayudar a mejorar la usabilidad y la UX.
Consejo práctico: Haz que el diseño sea útil ante todo. Hay dos lados de la consistencia. Si no construye su sitio web correctamente desde el principio, mantener otras partes del mismo consistentes resultará en un mal diseño constante. Como consecuencia, priorice hacer que el diseño sea útil antes de centrarse en la consistencia.
2. Cree un sistema de navegación fácil de usar.
La navegación es la base de la usabilidad. Es la forma de comunicación más utilizada en Internet. Es crucial tener una buena navegación en el sitio web para que los visitantes puedan encontrar lo que buscan rápidamente.
Mantenga las opciones de navegación más importantes en la navegación de nivel superior. Limite los enlaces de navegación de nivel superior a siete alternativas (la persona promedio puede tener siete elementos en la memoria de trabajo) y proporcione subnavegación con una categorización clara.
Use etiquetas claras para las opciones de navegación. Use términos con los que los visitantes estén familiarizados para ayudarlos a comprender las opciones del menú.
Reduzca la cantidad de tiempo que los usuarios dedican a llegar a su destino. Cree un sistema de navegación que permita a los usuarios ir a donde quieran con el menor número de clics necesarios. Cuando diseñe un sitio web, tenga en cuenta la regla de los tres clics: sus visitantes nunca deben estar a más de tres clics de encontrar lo que están buscando.
Incluye opciones de navegación en la parte inferior de tu sitio web. En el pie de página, los visitantes esperan encontrar opciones de navegación e información de contacto.
3. Cambia el color de los enlaces visitados anteriormente.
No se puede subestimar la importancia de los enlaces en el proceso de navegación. Si los enlaces en los que se hizo clic no cambian de color, es posible que los usuarios vuelvan involuntariamente a los mismos sitios. Saber dónde has estado y dónde estás ahora hace que decidir a dónde quieres ir sea mucho más fácil.
Haz un contraste visible entre los enlaces que han sido visitados y los que no han sido vistos.
4. Asegúrese de que su contenido se pueda escanear.
Cuando los usuarios visitan su sitio, es más probable que hojeen en lugar de leer toda la página. Cuando los visitantes quieren obtener cierta información o realizar una tarea específica, navegarán por las páginas de un sitio web hasta que la encuentren. Como diseñador, puede ayudarlos estableciendo una jerarquía visual clara. La jerarquía visual es la organización o presentación de elementos de una manera que señala su importancia, como dónde deben enfocarse los ojos primero, segundo, etc.
Reduzca la cantidad de texto que utiliza. Divide tu material en categorías para que sea más fácil de entender visualmente. Las paredes de texto pueden estar divididas por encabezados o viñetas.
A los objetos importantes se les debe dar más prominencia visual. Haga que los elementos críticos, como los botones de llamada a la acción y los formularios de inicio de sesión, sean el punto central de su sitio web para que los visitantes los vean de inmediato. Para resaltar ciertos componentes, se pueden emplear diferentes tamaños y colores.
Considere los patrones de escaneo naturales. En el mundo occidental, la gente lee de izquierda a derecha y de arriba a abajo. Si construye un diseño que se desvía de este patrón, los visitantes tendrán que aprender un nuevo patrón. El contenido de los sitios web bien diseñados suele estar organizado en un formato de lectura «F» o «Z».
Mantener el sistema de red. Puede organizar la información en un patrón de cuadrícula para que los visitantes puedan leer y absorber el contenido de la página sin esfuerzo.
5. Trate el material con cuidado.
El texto de tu sitio web es tan importante como el diseño. El inglés se utiliza para publicar más del 95% del material en Internet. Un buen sitio web tiene un diseño maravilloso y un contenido excelente; incluso si su sitio web está diseñado estéticamente, no es más que un marco vacío sin contenido de calidad. El trabajo de un diseñador es asegurarse de que el diseño complemente y mejore el contenido.
Asegúrese de que el contenido del sitio web sea relevante. El contenido irrelevante no ofrece ninguna ventaja a sus lectores y puede generar confusión fácilmente. En cada línea, intente producir cosas que sean valiosas para sus espectadores.
La jerga debe evitarse a toda costa. El contenido de su sitio web debe establecerse de la manera más simple y clara posible para una comprensión sencilla. Escribir para una amplia gama de lectores es una apuesta segura, así que elige lenguajes que sean simples y fáciles de entender.
6. Asegúrese de que su sitio web esté libre de errores.
Un pequeño error puede arruinar rápidamente un excelente trabajo. Las siguientes son algunas de las preocupaciones más comunes a tener en cuenta:
- Mantenga los ojos bien abiertos en busca de conexiones rotas. Cuando un consumidor accede a un enlace en un sitio web y obtiene una página de error 404, puede ser frustrante.
- Asegúrate de que tu sitio web esté libre de errores.
- Asegúrese de que todos los medios estén cargados correctamente, sin imágenes o videos dañados.
7. Mantenga el número de opciones al mínimo.
El número de alternativas disponibles para las personas influye en sus decisiones; Cuantas más opciones disponibles, menos acción toman. Cuando proporciona demasiadas opciones a sus clientes, se ven obligados a pensar demasiado. Para mejorar las posibilidades de participación, es importante mantener el número de alternativas al mínimo.
8. Anime a la gente a leer hasta el final de la página.
El desplazamiento envía a los visitantes más adentro del sitio web y los alienta a pasar más tiempo allí, lo que aumenta las posibilidades de que puedan realizar una conversión, como comprar algo, suscribirse a un boletín informativo o contactarlo. Aunque la mayoría de los visitantes comienzan a desplazarse tan pronto como se carga la página, el contenido en la parte superior de la página sigue siendo importante. Lo que aparece en la parte superior influye en las opiniones y expectativas de calidad de los visitantes. La gente se desplazará si hay cosas intrigantes en la parte superior de la página.
La parte superior del contenido de la página establece el tono para el resto de la página. Si una página les presenta material de alta calidad, los usuarios se inclinan a explorar en busca de más.
9. Etiquete cada botón con una descripción de lo que realiza.
Cualquier elemento de interfaz procesable siempre debe tener una etiqueta que se relacione con lo que realizará para el usuario. Los usuarios se sentirán más cómodos si saben qué acción realiza un botón. Las etiquetas vagas como «Enviar» o las etiquetas abstractas como la siguiente no brindan suficiente información sobre la actividad.
10. Haz que parezca que todo funciona correctamente.
Considere cómo el diseño transmite la posibilidad de usar botones y otras funciones interactivas. Recuerde el antiguo adagio «la forma sigue a la función»: la apariencia de un objeto dicta cómo se usa. Los usuarios pueden confundirse fácilmente con los componentes visuales que parecen ser enlaces o botones, pero en los que no se puede hacer clic, como frases resaltadas que no son enlaces o elementos con un fondo rectangular pero que no son botones.
11. Haga que su sitio web sea compatible con dispositivos móviles.
Los navegadores web ahora están instalados en más de 5 mil millones de dispositivos. Los visitantes pueden acceder a su sitio usando una variedad de dispositivos, incluyendo una PC, tableta, teléfono, reproductor de música o incluso un reloj. Un gran aspecto del diseño de UX es garantizar que toda la información crítica se muestre de manera efectiva en múltiples tamaños de pantalla, independientemente de cómo el visitante vea su sitio.
Los diseñadores deben ajustar su trabajo a diferentes tamaños de pantalla. El sitio debe mostrar información de manera directa, independientemente del tamaño de la pantalla, desde un teléfono hasta un reloj, o desde una tableta hasta una computadora de escritorio.
Simplifique el descubrimiento de información importante. A diferencia de los usuarios de escritorio, los usuarios móviles buscan información particular, como información de contacto o el precio de un producto que desean comprar. Haz que sea difícil pasar por alto esta información.
Ajuste el tamaño de los elementos interactivos para que se ajusten a la pantalla. Debido a que los usuarios móviles se desplazan y tocan con los dedos, es posible que las funciones interactivas, como los botones, deban ser más grandes.
12. Pon a prueba tu diseño
Puede creer que su diseño es maravilloso, pero nunca sabrá qué tan exitoso es hasta que obtenga comentarios de personas reales. Debes observar cómo responden los usuarios. Incluso si puede conseguir que una o dos personas reales e imparciales interactúen con su sitio web y compartan sus ideas con usted, obtendrá mucha información valiosa que de otro modo no tendría.
Esté atento a los análisis como una sugerencia práctica. Los análisis web son herramientas eficaces para identificar las secciones de su sitio web que necesitan más atención.
Ahora para los no hacer.
1. Asegúrese de que los usuarios no tengan que esperar a que se cargue el contenido.
La cantidad de tiempo que tarda una página en cargarse es fundamental para la experiencia del usuario. Nos impacientamos cada vez más a medida que avanza la tecnología, y ahora, el 47 % de los consumidores quiere que una página web se cargue en dos segundos o menos. Los visitantes pueden sentirse insatisfechos y abandonar un sitio web si tarda demasiado en cargarse. Como resultado, al desarrollar una aplicación web, el rendimiento debe ser una consideración primordial.
Se deben evitar las páginas en blanco durante todo el proceso de carga. Considere mostrar una parte del material junto con algún tipo de indicación visual, como un indicador de carga, si la carga lleva mucho tiempo.
Mejora la calidad de tus fotografías. Los gráficos de fondo grandes, en particular, pueden tardar mucho en cargarse. Al optimizar sus fotografías, puede minimizar drásticamente el tiempo de carga.
Calcule el rendimiento actual de su sitio web. Las herramientas Google PageSpeed Insights y Think With Google no solo lo ayudarán a detectar problemas de rendimiento en su sitio web, sino que también sugerirán soluciones.
2. No cree nuevas pestañas para enlaces internos.
Los enlaces internos y externos deben comportarse de manera diferente, según los usuarios. Todos los enlaces internos deben abrirse en la misma pestaña para que los usuarios puedan utilizar el botón «atrás». Si desea acceder a enlaces externos en una nueva ventana, debe proporcionar un aviso antes de abrir una nueva ventana o pestaña automáticamente. Esto se puede lograr agregando el texto «se abre en una nueva ventana» al texto del enlace.
3. Mantenga la cantidad de tipos de letra al mínimo.
Al desarrollar un sitio web, es tentador usar muchos tipos de letra diferentes: cinco o seis fuentes diferentes, tal vez incluso la suya propia. Sin embargo, evitar tal tentación es lo mejor. Tener demasiados tipos de fuentes puede distraer, confundir e incluso molestar.
Un consejo común es usar no más de tres fuentes diferentes en no más de tres tamaños diferentes. Al crear un sitio web, piense en cómo puede hacer que la tipografía sea más efectiva al jugar con el peso en lugar de diferentes fuentes.
4. Mantenga al mínimo la cantidad de colores en su sitio web.
Es preferible evitar usar demasiados colores en su diseño, al igual que debe evitar usar demasiados tipos de letra. El color juega un papel importante en el equilibrio del diseño, y cuantos más colores utilice, más difícil será lograr la armonía. Cuando usa demasiados colores en un diseño, es como si estuviera tratando de transmitir un millón de sentimientos y mensajes a la vez, lo que puede resultar confuso para el espectador.
Es aconsejable restringir el esquema de color a unos pocos colores y mantenerlo constante en todo el sitio, a menos que desee utilizar el color para acentuar una determinada parte de su sitio.
Piensa en las emociones que quieres que tengan tus visitantes. Saber qué sentimientos desea transmitir puede ayudarlo a elegir el esquema de color adecuado. Si está vendiendo productos de meditación en su sitio web, por ejemplo, una paleta de colores brillantes y llamativos no es apropiada.
5. No muestre ventanas emergentes automáticas demasiado pronto.
Muchos sitios web muestran ventanas emergentes con solicitudes de suscripción tan pronto como llegas a una página. Una de las cosas más irritantes que puede hacer como diseñador es mostrar ventanas emergentes a los usuarios de su sitio web. Las ventanas emergentes son intrínsecamente molestas y, dado que a menudo se usan para mostrar anuncios, las personas tienden a rechazarlas antes de leer el contenido.
Es una buena idea cronometrar las ventanas emergentes. Antes de pedirles a los visitantes que hagan algo, primero debe mostrar cómo puede agregar valor a sus vidas. Evite que se muestre el cuadro hasta que los visitantes hayan terminado de leer todo el contenido de la página o hayan pasado una cantidad significativa de tiempo en el sitio.
6. Cuando sea posible, evite utilizar fotos de archivo de personas.
Las imágenes de rostros humanos son una excelente manera de atraer a su audiencia. Nuestros cerebros están programados para notar las apariencias de otras personas. Cuando vemos las caras de otras personas, en lugar de simplemente usar un producto, nos sentimos más conectados con ellos.
Muchos sitios web corporativos, por otro lado, son notorios por su gran dependencia de gráficos falsos para «generar confianza». La investigación de usabilidad ha demostrado que las fotos meramente estéticas rara vez agregan valor al diseño y con frecuencia restan valor a la experiencia del usuario.
7. No permita que su trabajo se interponga en su progreso.
Demasiadas promociones o anuncios en un sitio web pronto pueden abrumar el contenido vital, lo que dificulta que los clientes realicen actividades. Si tiene demasiada publicidad en una página, todo luchará por la atención de sus lectores. Como resultado, estarás sujeto a una sobrecarga sensorial, lo que aumentará tus tasas de rebote. También vale la pena mencionar que las personas a menudo ignoran cualquier cosa que parezca ser publicidad, una tendencia conocida como ceguera de banner.
8. La música no debe usarse como fondo o en videos de reproducción automática.
Si bien la música de fondo puede ser adecuada en determinadas circunstancias, como para un sitio web promocional, no lo es para la mayoría de los sitios web. Los visitantes pueden irritarse con música o sonidos inesperados, lo que puede causar problemas. Pueden estar visitando su sitio en el trabajo, en un lugar público o cerca de alguien que está durmiendo, y la música inesperada podría molestarlos.
Las personas se irritan con los videos de reproducción automática insertados en un bloque de contenido de la misma manera que la música de fondo se irrita con la música de fondo. Deben usarse con moderación y solo cuando sea absolutamente necesario.
Dar a las personas control sobre su propia experiencia. Configure la música para silenciarla de manera predeterminada, pero proporcione a los clientes la opción de encenderla presionando los botones de reproducción/pausa del diseño del material de audio.
Los videos en Facebook están configurados para reproducción automática, pero no se escuchará ningún sonido a menos que los espectadores interactúen con el video y señalen que lo están viendo.
9. Permitir que se secuestre el desplazamiento no es una buena idea.
Cuando la barra de desplazamiento de un sitio web se modifica para que se comporte de cierta manera, esto se conoce como secuestro de desplazamiento. Muchos usuarios desprecian el desplazamiento secuestrado, ya que les quita el control y hace que el comportamiento del desplazamiento sea completamente impredecible. Al desarrollar un sitio web, es fundamental evitar el secuestro de desplazamiento y proporcionar al usuario control sobre su navegación y movimiento.
10. Utilice el desplazamiento vertical en lugar del desplazamiento horizontal.
Para que sus sitios se destaquen, algunos diseñadores web utilizan el desplazamiento horizontal. Desafortunadamente, el desplazamiento horizontal es una de las únicas interacciones que provoca constantemente comentarios negativos de los clientes. Las personas a menudo no son conscientes de que pueden obtener información desplazándose horizontalmente; la mayoría de los usuarios están acostumbrados a desplazarse hacia abajo en los sitios web y rara vez miran hacia la izquierda o hacia la derecha. Como resultado, simplemente ignoran todo lo que se puede obtener mediante el desplazamiento horizontal.
11. No permita que las apariencias se interpongan en el camino de la funcionalidad.
La capacidad de un usuario para consumir contenido o interactuar con un sitio web nunca debe estar restringida por un diseño, por hermoso que sea. El uso de texto gris claro sobre fondos claros es un ejemplo clásico de decisiones de diseño tomadas por razones estéticas que generalmente resultan en una mala experiencia de usuario. Esta combinación tiene un impacto en la legibilidad de la información. Como se ve en la imagen a continuación, se recomienda evitar fondos desordenados detrás del texto o un contraste de color deficiente.
Para un consejo realista, mire la relación de contraste. La relación de contraste mide qué tan diferente es un color de otro. Color Contrast Checker, por ejemplo, puede permitirle determinar rápidamente si tiene suficiente contraste de color con solo unos pocos clics.
12. No haga uso de publicidad y texto intermitente.
En sus comerciales y animaciones, evite usar efectos de parpadeo intermitente. En algunas personas, el material parpadeante o parpadeante puede desencadenar convulsiones y es probable que sea desagradable o que distraiga a los usuarios habituales.
Conclusión
Cuando las personas interactúan con los sitios web, esperan una experiencia de usuario positiva. Si no satisface sus necesidades, recurrirán a sus rivales, que pueden estar a solo un clic de distancia. Como consecuencia, tenga en cuenta al visitante al tomar decisiones de diseño y esfuércese por hacer que la experiencia sea lo más placentera posible.
