El objetivo, la comprensión del proceso de la percepción visual, además de la aplicación de los lineamentos para un buen diseño de una página web. Y como se re requieres de la realización de una metodología es claro que el diseño de páginas web involucra tanto al diseñador gráfico, como a otros profesionistas como desarrolladores de software y programadores, analistas de sistemas y especialistas de ergonomía.
El concepto de usabilidad debe ser comprendido en términos de la relación capacidad-ejecución-criterios de ejecución. Desde el punto de vista de la ergonomía (estudia interacción del hombre, usuario; con los objetos, productos; y entornos construidos que lo rodean) se puede establecer lo siguiente: La interacción se refiere a las acciones que realiza el hombre (hombre-objeto-sistema) e informaciones y “reacciones” del producto y entorno sobre el usuario. El usuario puede realizar tres tipos: acciones perceptuales (visuales, auditivas, táctiles), acciones cognitivas (identificar, comprender, evaluar, dirigir, ordenar, clasificar, etc.), acciones motrices (accionar, oprimir, levantar, empujar, etc.). Usabilidad, propiedad de los productos que permite alcanzar los objetivos del sistema con una menor cantidad de acciones, una menor cantidad de esfuerzo y un alto nivel de satisfacción. Enfatizando los aspectos visuales y cognitivos implicados con fines de organización los lineamientos de diseño de interfaz se presentan en dos categorías: Lineamientos de diseño de navegación Volumen perceptual visual y generalización. No deben de existir más de cinco niveles a donde ir en relación a la página siguiente. No exceder de tres clics para poder llegar a una de las páginas. Aplicación de los principios de agrupación. Estructurar el documento con estilos de títulos, de manera que sirvan para separar categorías. Reconocer más que memorizar. Utilizar nombres a cambio de números, utilizar menús en lugar de comandos, mostrar palabras completas en vez de abreviaturas. Consistencia en el comportamiento de objetos, acciones y sintaxis. Consistencia del estilo (formas, colores, tipografía acompañados de elementos, etc.) a través de las diferentes secciones de la página. Coherencia global. Proporcionar estructura global de la página, establecer estructura visual jerárquica del contenido en la primera ventana. Disponibilidad de aceleradores para usuarios expertos. Control del usuario. Dar a usuarios control sobre interacciones que tienen que hacer. Estandarización de los procedimientos de control para el desplazamiento y salto de página. Movimiento análogo de las ventanas. Proteger las áreas que no están diseñadas para introducir datos. No permitir a usuarios sobrescribir en campos incorrectos. Reducir el número de acciones. Proporcionar tecla de “repetir”, reducir el número de operaciones de ventanas necesarias. Uso de metáforas. Traslación del sentido correcto de una palabra a otro figurado. Retroalimentación inmediata. Proporcionar pistas visuales para indicar la ventana que esta activa en oraciones cortas eliminando lenguaje técnico. Títulos. Tener título u otro tipo de identificador para indicar propósito. Permitir operaciones de deshacer y rehacer. Pedir confirmación al usuario para posibilitar deshacer la acción incorrecta. Facilitar el movimiento a los enlaces. Incluir opciones de atrás y adelante para páginas en secuencia, acceder siempre a la página de inicio. Favoritos (bookmarks�). Permitir marcar nodos para poder regresar a éstos posteriormente. Texto alternativo. En imágenes y mapas de imágenes, esto hace que no se descarguen imágenes que no se requieren. Lineamientos de diseño de elementos visuales Aplicación de principios de la forma (Gestalt). Facilita el reconocimiento de formas. Color. Utilizar para dividir la pantalla en diferentes apartados, utilizar mismo color para mismo fondo, como máximo tres a siete colores. Recomendable utilizar colores complementarios u opuestos en círculo cromático. No saturar la pantalla. Hay límite de capacidad (volumen) perceptual visual. Respetar estereotipos culturales. Tiene que ver con el color. No usar imágenes de fondo. Afectan la visibilidad y la legibilidad. Título de página. No debe de exceder el 25% de tamaño de ésta. El largo de línea del texto. Debe contener 60 caracteres como máximo. Texto alineado a la izquierda. Evitar párrafos centrados. Mayúsculas y minúsculas. Altas y bajas en texto o contenido, títulos o encabezados pueden ser altas. Tipografía y tamaño. Utilizar dos o tres tipos diferentes y dos o tres tamaños. Tamaño de la página. No superior al de la pantalla y como máximo el doble, utilizando desplazamiento. Utilización de íconos. Íconos, botones y/o etiquetas de texto.