Page 1


"un un atributo de calidad de una pagina o sitio web, que determina l ffacilidad la ilid d para ser utilizada". tili d " Jacob Nielsen


Principios básicos de usabilidad La Organización Internacional para la Estandarización (ISO) ofrece dos definiciones de usabilidad: ISO/IEC 9126: “La usabilidad se refiere a la capacidad de un software de ser comprendido aprendido, comprendido, aprendido usado y ser atractivo para el usuario, en condiciones específicas de uso” ISO/IEC 9241: “Usabilidad es la eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico” específico


Los elementos más relevantes para hacer usable un sitio web son: 1. Elementos o símbolos que hacen referencia a los estándares de la web. • Los enlaces en los que clicar quedarán definidos por el color azul y estarán subrayados mientras que los ya visitados se mostrarán en color morado. • Las imágenes contarán con un texto alternativo. ( Visible mediante la tecla ALT) • El texto se organizará por bloques de contenidos adaptados a los conocimientos e intereses del usuario, utilizándose para tal efecto títulos y subtítulos. • El tamaño de la fuente podrá variarse (aumentar o disminuir) desde el navegador de cada usuario para adaptarlo a sus necesidades de visión. • Los textos deberán presentar un contraste acusado en relación al fondo (por ejemplo contenidos en negro sobre fondo blanco).


Los elementos más relevantes para hacer usable un sitio web son: 2. Adaptación de los conocimientos generales de aprendizaje y usos comunes en Internet. • • •

los textos se leen de izquierda a derecha y de arriba abajo por lo que los contenidos de la página web deberán seguir esta estructura. Las listas de contenidos de la página web no deberán exceder de los 7 elementos ya que recordar un directorio con más apartados principales resulta complicado. Los items o enlaces que facilitan la navegación estarán situados en un bloque a la izquierda de la web formando una banda vertical, en la zona superior constituyendo una franja horizontal o estructurados en categorías centradas en el site.


Los elementos más relevantes p para hacer usable un sitio web son: 3 Características 3. C í i fí físicas i que ayudan d en lla llectura y percepción ió en una pantalla. • Existen ciertos tipos de letra que resultan más cómodos para visionar en la pantalla. Este es el caso de los sans-serif. • La legibilidad de los contenidos vendrá determinada por el mayor o menor contraste entre letra y fondo. • El ancho de líneas del texto y la distancia marcada hasta los extremos del sitio influyen de f forma sustancial t i l en lla presentación t ió d de lla página á i y lla ffacilidad ilid d d de lla llectura. t • Las palabras e imágenes iniciales en una web resultan esenciales para captar el interés del usuario. Con este objetivo se tratará de incluir en ellas un título sugerente, atractivo y directo. • La inclusión de elementos de animación mal utilizados o que parpadeen demasiado pueden resultar una distracción que le haga distraerse de su cometido principal al visitar la web. web


Los elementos más relevantes para hacer usable un sitio web son: 4 Ayudas 4. A d para la l navegación ió que permiten it all usuario i ubicarse bi en la estructura de contenidos de la web identificando en cada momento su situación dentro de la misma • Rastro de migas de pan (del famoso cuento Hansel y Gretel de los hermanos Grimm). Se trata de la posibilidad de realizar un seguimiento visual a través de la relación de términos que definen las diferentes páginas visitadas en cada momento dentro de la web • La rotulación correcta de los enlaces permitirá identificar el destino con claridad. Se puede dejar marcado el enlace activo en cada momento. • Siempre ayuda poseer un Mapa Web bien estructurado y clarificador.


La usabilidad implica hacerse preguntas como las siguiente • ¿Quiénes son los usuarios, cuáles sus conocimientos, y qué pueden aprender? • ¿Qué quieren o necesitan hacer los visitantes? • ¿Cuál es la formación ggeneral de los usuarios? • ¿Cuál es el contexto en el que el visitante está trabajando? • ¿Qué debe dejarse a la máquina? ¿Qué al usuario?


Arquitectura de la Informaci贸n Es el conjunto de m茅todos y herramientas que permiten organizar los contenidos de una aplicaci贸n virtual para ser entendida, encontrada y utilizada por los usuarios, de manera simple y directa. Permite definir las metas de organizaci贸n y visibilidad de los contenidos. Cada una de ellas debe ser investigada, desarrollada y documentada adecuadamente.


Permite definir: En primera instancia: • Los objetivos del Sitio • La Audiencia (usuarios) • Los contenidos del Sitio En segunda instancia: • La estructura del Sitio • Los sistemas de Navegación • El Diseño o apariencia visual


Cuando hablamos de estructura: SSe refiere fi a lla fforma que ttendrá d á ell Siti Sitio W Web b en té términos i generales con sus secciones, funcionalidades y sistemas de navegación. No considera ni incluye elementos gráficos (logotipos, viñetas, etc.).


Se logra a través de: 1. Mapa de contenido Logra sintetizar de manera básica y “teórica” la información q que el usuario va a encontrar en el sitio 2. Mapa de navegación Muestra los recorridos que el usuario deberá hacer para acceder a los contenidos dentro de la página 3 Mapa de proceso 3. Muestra las posibilidades de respuesta del sistema a los procesos que el usuario debe hacer dentro de la página.


1. Mapa de contenido


2.

Mapa de navegaci贸n


3.

Mapa de proceso


Diseño: Se refiere a la solución gráfica que se creará para el sitio, en la cual aparecen colores, logotipos, viñetas, y otros elementos de diseño que permiten identificar visualmente al sitio.

Propuesta

Sitio final

Usabilidad + Arquitectura de la información  

documento de soporte del curso de portafolio