Usabilidad de los Sitios Web María Enriqueta Castellanos Bolaños.

Presentación del tema: "Usabilidad de los Sitios Web María Enriqueta Castellanos Bolaños."— Transcripción de la presentación:

1 Usabilidad de los Sitios Web María Enriqueta Castellanos Bolaños

2 Tipos de Sitios Web Personal –El autor puede estar o no afiliado a una asociación o institución Promocional –Empresas comerciales que desean promover productos y servicios –“.com” Informativo –Proveer información noticiosa extremadamente actual –“.com” Consulta/Educativo –Reportes, estadísticas, horarios de transporte, trámites… –“.edu”, “.gob”, “.gov”, “.org” Persuasivo –Influir en la opinión pública (vender ideas). Son útiles para conocer filosofía, ideas y fundamentos de organizaciones que persiguen un fin específico.

3 Tipos de Sitios Web Personal –http://alarcos.inf-cr.uclm.es/per/fruiz/ Promocional –http://www.esteelauder.com/ –http://www.amazon.com/ Informativo –http://www.nytimes.com/ Consulta/Educativo –http://www.inegi.gob.mx/ –http://www.wikipedia.com/ Persuasivo –http://www.psoe.es/

4 Usabilidad de los Sitios Web La usabilidad mide la facilidad con la que los usuarios utilizan y localizan la información que buscan en un sitio Web Debe tomarse en cuenta tanto en el proceso de diseño del sitio como en la definición de los elementos de navegación “la baja usabilidad influye en el escaso éxito del comercio electrónico, ya que si los clientes no pueden comprar porque el sitio les resulta difícil de utilizar, la empresa no ganará dinero” –[Jakob Nielsen]

5 La estructura Los dos puntos clave de una buena estructura son: –Planifique la estructura antes de empezar –La estructura depende del contenido

6 La estructura Los tipos de estructura más utilizados son los que se describen a continuación: –Jerárquica Conforme se adentra en la estructura, se obtiene información más específica –Lineal tutoriales de aprendizaje o tours de visita guiada –Lineal con Jerarquía los temas y subtemas están organizados de una forma jerárquica –Red aparentemente no existe ningún orden establecido

7 Jerárquica

8 Lineal

9 Lineal con jerarquía

10 Red

11 Navegación Los lineamientos más importantes que se deben de considerar al crear elementos de navegación son los siguientes: –Duplique los elementos de navegación si es necesario –Añada un enlace al principio de la página –No cree páginas que sean un callejón sin salida –Diseñe una estructura clara –Proporcione índices con el contenido del sitio –Proporcione enlaces de texto en vez de gráficos

12 Tamaño de las páginas Los lineamientos a seguir para el tamaño de las páginas Web, son los siguientes: –Las personas no hacen scroll –Haga las páginas de una pantalla y media –Páginas largas para grandes documentos –Firme los documentos responsable del contenido –Contacto con el autor –Feche las páginas –Tenga cuidado con el formato de las fechas

13 Enlaces Enlaces en el texto Palabras o frases significativas Longitud apropiada Resalte el texto diferente en enlaces consecutivos similares Funcionamiento de los enlaces –Enlaces internos y externos –http://validator.w3.org/checklink

14 Independencia del navegador Para que nuestras páginas Web cumplan esta independencia se deben cumplir los siguientes lineamientos: –Cíñase a un estándar World Wide Web Consortion (W3C) –Visualice las páginas en diferentes navegadores –Versión de los navegadores –Independencia de la resolución Utilizar porcentajes –Uso de JavaScript (no debe ser imprescindible) Algunos navegadores desactivan el uso de javascript –Versión del lenguaje Revise que la versión del lenguaje que soporta el navegador sea compatible con el código que se va a programar

15 Calidad En términos de calidad, hay que tomar en cuenta los siguientes lineamientos: –Cumplimiento de algún estándar (W3C) –No cometer faltas ortográficas –Páginas en contexto (¿Qué?, ¿Quién?, ¿Cómo?, ¿Cuándo?) –Responda a la gente

16 Accesibilidad Entre las recomendaciones (basadas en el documento Web Content Accesibility Guidelines 1.0 de la organización W3C) para que nuestras páginas Web cumplan con la accesibilidad se encuentran: –Color no indispensable –Hojas de estilo –Uso de tablas –Nuevas tecnologías –Control de elementos (con movimiento o parpadeo)

17 Accesibilidad –Interfaces definidas (diseño accesible) –Soluciones interinas –Tecnologías W3C –Orientación y contexto –Navegación clara –Simplicidad