Aquí estamos, hasta los codos investigando para un trabajo escolar que se entregará en solo dos días. A lo largo de nuestra investigación, hemos visto una variedad de páginas web, algunas de las cuales eran difíciles de ver, algunas totalmente confusas, mientras que otras eran agradables. ¿Por qué tanta diversidad? ¿Por qué algunas páginas web son refrescantes, mientras que otras causan dolores de cabeza?
La razón es simple, los sitios web agradables emplean estrategias de diseño de páginas web efectivas y las páginas web mal diseñadas suelen utilizar combinaciones de colores incómodas, objetos que parpadean o parpadean y una mala elección de gráficos. Además, algunas páginas están demasiado abarrotadas y utilizan tipos y tamaños de fuente exorbitantes. Cada uno de estos defectos de diseño ignora la mayoría, si no todos, de los siete principios del diseño web universal.
¿Cuáles son los 7 principios del diseño web universal?
Al diseñar un sitio web, el diseñador debe tener en cuenta al lector y cómo se ve la página. ¿El espectador es un estudiante comprometido con la realización de una investigación para un proyecto específico? ¿Qué navegador se está utilizando? Quizás el espectador simplemente está navegando por Internet en busca de entretenimiento. Independientemente de quién y por qué se visita un sitio web, la mayoría de las personas se sentirán satisfechas si se siguen los siete principios discutidos en este artículo. Estos siete principios de un buen diseño web se enumeran y describen a continuación:
 |
Uso equitativo
Como seres humanos, todos merecemos ser tratados por igual independientemente de las circunstancias. Las prácticas desleales que involucran el funcionamiento del sitio web no son una excepción. Diseños que incluyen acceso equitativo, información útil y que todos pueden usar: este es el objetivo principal de los diseñadores. Al incorporar la igualdad de acceso y visualización en los diseños, el diseñador de la página web evita la exclusión de personas con limitaciones físicas, visión débil, aquellos que ven a la luz del sol, un usuario con una conexión lenta o inestable y aquellos que requieren el uso de ayudas especiales. dispositivos. Sí: utilice texto alternativo y de alto contraste; No: use interacciones solo con el mouse.
Flexibilidad de uso
La mayoría de las experiencias agradables en Internet brindan la capacidad de controlar lo que vemos y hacemos. Por lo general, la frustración surge cuando perdemos el control interactivo mientras visualizamos una página web. Las acciones como el avance de página no deseado o inesperado o el desplazamiento automático de la página a menudo son frustrantes y evitan que el usuario regrese al punto de partida original. El diseño debe ser flexible para otorgar al usuario un alto nivel de libertad al negociar el contenido de la página web. Hacer: Permitir al usuario devolver la página web vista a su estado original; No: use técnicas de desplazamiento (tomar el control del mouse) e interferir con la navegación y visualización seleccionadas por el usuario.
¿Qué es el Diseño Interactivo? – Ejemplos y definición
Uso sencillo e intuitivo
Obtener información de una página web no debe depender del nivel de experiencia del usuario, lo que sabe o sus capacidades lingüísticas. El diseño debe proporcionar la orientación necesaria para ayudar al usuario a localizar e identificar los datos necesarios. Sí: proporcione un diseño que sea fácil de interpretar mediante el uso de métodos de presentación simples para texto, imágenes y gráficos variados. No: utilice texto abarrotado o gráficos complejos como ayuda para la navegación o para transmitir información.
Información perceptible
Los usuarios de Internet buscan datos e información en Internet. A menudo, localizamos una página web prometedora para nuestra investigación, pero descubrimos más tarde, debido al diseño deficiente, que la información está oculta en una variedad de gráficos y cuadros mal utilizados. El uso eficaz de gráficos debe proporcionar flexibilidad que mejore la buena organización y, por lo tanto, intensifique la detección de datos y su posterior recuperación. Puede crear orden en una página web agregando subtítulos para separar el texto más largo. Además, el uso de gráficos claros para ilustrar mejor los conceptos permite a los espectadores buscar la información necesaria. Sí: utilice ayudas visuales fáciles de entender y una organización de datos eficaz para aislar la información crítica. No: Ocultar, enterrar o presentar información de otra manera que haga que los datos sean irreconocibles, vagos o indistinguibles.
Tolerancia al error
 |
Nadie es perfecto, especialmente cuando se trata de hacer clic inadvertidamente en la selección o el objeto incorrectos de una página web. Los diseñadores deben esperar este tipo de pifias y proporcionar al usuario alternativas que eliminen el error y devuelvan la página web a la normalidad. Hacer: Proporcione selecciones de confirmación como: ‘¿está seguro …?’ cuando tiene lugar una selección accidental. No: limite el número de acciones de ‘deshacer’ disponibles para el usuario.
Esfuerzo físico bajo
Cuando pensamos en navegar por Internet y mirar varias páginas web, rara vez consideramos nuestras acciones como un trabajo duro. Sin embargo, algunos diseños requieren que el usuario cambie entre varias páginas y requieren un desplazamiento extenso en un esfuerzo por localizar información. Un buen diseño establece un flujo de trabajo corto, conciso y fluido, lo que crea un proceso de selección sin esfuerzo que requiere un número mínimo de clics; preferiblemente no más de tres. Qué hacer: Organice actividades comunes en grupos colocados en la pantalla cerca unos de otros porque esto limita el movimiento del cursor y del mouse. No: use un formulario extenso o numerosos puntos de entrada de datos que requieran que el usuario ingrese datos antes de que el usuario obtenga acceso a la información deseada.
Tamaño y espacio de aproximación y uso
 |
Los diseñadores sin experiencia tienden a abarrotar el espacio de navegación de una pantalla cuando intentan concentrar demasiada información en un espacio restringido. El área de visualización de una pantalla, a veces denominada ‘espacio real’, debe planificarse cuidadosamente para compensar el tamaño de la mano del usuario, la posición de visualización (reclinada, sentada o de pie) o la agudeza visual. Además, considere a los usuarios que navegan por Internet mientras sostienen un teléfono celular y usan una sola mano para navegar. Hacer: Establecer el diseño del diseño centrándose en una sola área con el objetivo de limitar los movimientos oculares u otros movimientos físicos. No: utilice objetos, menús emergentes o gráficos que bloqueen o interfieran con los elementos necesarios de la pantalla.
¿Qué es el Diseño de Interacción?
Resumen de la lección
El buen diseño de una página web se basa en los 7 principios universales de diseño que, si se cumplen, proporcionarán a los usuarios una experiencia eficaz, eficiente y agradable mientras visitan su página. Como se discutió, los 7 principios universales del diseño web dictan que las páginas web sean: uso equitativo, flexibilidad de uso, uso simple e intuitivo, información perceptible, tolerancia al error, bajo esfuerzo físico, tamaño y espacio para el enfoque y el uso.
Explora más sobre este tema
Selecciona un tema y sigue aprendiendo...
