Your SlideShare is downloading. ×
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
PresentacióN Gomez Vazquez Claudia
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

PresentacióN Gomez Vazquez Claudia

2,031

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,031
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Universidad Veracruzana Proyecto de Investigación “Metodología para el diseño de Portales Web basada en aspectos de usabilidad ” Que para obtener el título de: Licenciado en Sistemas Computacionales Administrativos Presenta: Gómez Vázquez Claudia Janet
  • 2. Objetivo General  Realizar un análisis para definir las bases necesarias para el buen diseño de portales web basado en aspectos de usabilidad. Objetivos específicos  Identificar al menos tres metodologías para el diseño de portales.  Analizar cada una de las metodologías seleccionadas identificando cómo miden la usabilidad.  Identificar portales de éxito que hayan utilizado cada una de las metodologías previamente seleccionadas.  Diseñar un modelo de evaluación basado en indicadores de usabilidad en base a las metodologías analizadas  Evaluar aspectos de usabilidad en cinco portales de gobierno (México, Veracruz, Querétaro, Guanajuato y Puebla) de acuerdo al modelo de evaluación previamente diseñado.
  • 3.  Un portal es una página que funciona como punto de entrada a Internet, concentra servicios y productos y organiza, a su modo y según sus intereses, el contenido de Internet para ayudar a los usuarios en la navegación. Vega, Lebrúm, 2007.
  • 4. Página web Portal web Muestra información de la empresa e Muestra únicamente información de información adicional así como su empresa anuncios publicitarios Incluye motores de búsqueda, acceso a No contiene motor de búsqueda chat, foros o e mail. La información no se actualiza La información se actualiza diariamente diariamente Pocas secciones Mayor contenido y secciones Información estática Información dinámica Su objetivo es solo tener presencia en Su objetivo es vender a través de internet internet
  • 5. En lo técnico:  Costos  Implementación  Mantenimiento  Seguridad Sobre el diseño:  No ser fácil de navegar  No tener utilidad y facilidad de empleo  No ser un sitio útil agradable  No tener la aplicación de una metodología  Los tiempos de carga sea largos  No tener un diseño centrado en el usuario.
  • 6.  La usabilidad aplicada a un portal es una característica fundamental para que los usuarios visiten, aprovechen y regresen nuevamente al sitio.  Se refiere a qué tan fácil es para el usuario navegar en un sitio. Eficacia El usuario logra lo que quiere Eficiencia Satisfacción Lo logra rápidamente Al navegar el sitio Axitia.com
  • 7.  Construir un portal exitoso requiere adherirse a principios de usabilidad y a metodologías de trabajo en etapas específicas antes, durante y después de la construcción del portal.  Como solución en parte a estos problemas, este proyecto aborda tres metodologías actuales que se encargan y son implementadas para el diseño de portales web, considerando como aspecto principal el uso y manejo de las mejores prácticas y la usabilidad en los mismos. Este principio ayuda a que los sitios web tengan y cumplan con los requisitos necesarios para que los usuarios puedan hacer un debido uso de estas herramientas.
  • 8.  Jorge Mendoza, (2006).  Brinda una serie de actividades que comprenden el diseño de un portal web, el proceso para el diseño y consideraciones para el contenido del sitio. También brinda un análisis comparativo entre lo que persigue esta metodología implementando las mejores prácticas y lo que persiguen otras metodologías con un esquema tradicionalmente ineficaz para el diseño de portales web. Considera elementos clave como la experiencia que han tenido los diseñadores para el desarrollo de los portales, enfoque hacia el contenido, los recursos económicos y principalmente esta mas orientada al diseño de portales con el fin de brindar publicidad o mercadotecnia.
  • 9. Fases para el proceso del diseño web
  • 10.  Tomas A. Powell (2001), Manual de referencia para el diseño de sitios web.  Enfatiza en los siguientes aspectos: mayor enfoque hacia el contenido y usuarios. También considera de gran importancia la experiencia de los diseñadores y sobre todo brinda una serie de aspectos de usabilidad que se deben considerar dentro del diseño de sitios web.  Toma de base dos modelos para el diseño, el modelo en Cascada y el modelo JAD (modelo de aplicación conjunta) los cuales también se han llegado a tomar para el desarrollo de software.
  • 11. Modelo en cascada Definición del problema, objetivos y audiencia Análisis de requisitos y planificación del sitio Diseño de prototipos Implementación y pruebas unitarias
  • 12.  Esta metodología consta de tres etapas y se toma debido a que es muy empleada para el diseño de portales gubernamentales. Ha tenido casos de éxito relevantes, como el diseño del portal ciudadano del gobierno de México. También maneja una serie de variables de usabilidad y un modelo de evaluación para medir la usabilidad en los portales o sitios web.
  • 13. Etapas para el diseño de portales web ETAPA 1 ETAPA 2 ETAPA 3 Diseño Desarrollo e Insumos para el (re)diseño ejecutivo implantación del sitio •Diagnóstico del sitio •Armado •Supervisión de desarrollo Entregables •Estudios comparativos esquemático, mapa y •Posicionamiento en ”benchmark” prototipo gráfico buscadores •Taller de visión •Procesos de administración y control
  • 14. Metodología Indicadores de usabilidad por metodología Esta metodología brinda solo una serie de recomendaciones de las mejores prácticas para del diseño. No establece una serie de variables de Milenium usabilidad bien definidas. •Vínculos, texto, botones, iconos y gráficos •Arquitectura de la página Evitar cambiar el color de los vínculos Evitar páginas anchas que tengan que desplazarse a la derecha Evitar subrayar texto no vinculado Contemplar el tamaño de la página estándar 640 x 480 Los vínculos del texto se repiten en la parte inferior de la página Que el tamaño de la página se ajuste a la ventana No utilizar el mismo color para marcar los vínculos ya visitados de los que •Exploración no se han visitado Utilizar etiquetas para cada página Utilizar iconos para mostrar tipos de contenido Utilizar vínculos en la parte superior e inferior de la página Los botones deben mantener un estado normal y otro en estado pulsado. Incluir en la página principal el contenido de mayor información •Texto Que los tiempos de espera o carga no sean mayor de 30 segundos Aumentar el interlineado para la legibilidad del texto Los iconos o palabras que formen el logotipo de la empresa deberán Utilizar mínimo tres tipos de fuentes por página, una para etiquetas, retornar siempre a la página principal Powell titulares y texto •Ayuda de exploración Empleo de elementos de impresión/descarga Mapa de sitio Resaltar ideas expresadas en un página Ayuda Usar listas para resumir la información Acerca de •Colores, imágenes y fondos Contactos Formatos gráficos .gif o .jpg •Búsqueda Evitar la utilización de fondos en mosaico Incluir un buscador Empleo de colores diferentes entre si para las diferentes secciones La página de resultado debe proporcionar la máxima información Poner un contraste alto posible Títulos específicos por página Existencia de un indicador de ubicación Última actualización / publicación de información Existencia de un quot;footerquot; consistente en el sitio Existencia de un buscador Axitia Tipografía adecuada y consistente Que el formato de presentación sea amigable (html) Descripción breve al inicio de cada página Traductor a inglés Títulos corresponden a información presentada Mapa del sitio
  • 15.  A continuación se procede a evaluar los aspectos de usabilidad en cinco portales de gobierno (México, Veracruz, Querétaro, Guanajuato y Puebla), donde las variables para la evaluación se determinaron en base a los indicadores de usabilidad de las tres metodologías.  La usabilidad en este contexto se enmarca en una pregunta sobre, sí una aplicación web gubernamental es lo suficientemente buena para satisfacer las necesidades y requerimientos del usuario.
  • 16.  México http://www.gob.mx  Querétaro http://www.queretaro.gob.mx  Puebla http://www.puebla.gob.mx  Veracruz http://www.cgever.gob.mx  Guanajuato http://www.guanajuato.gob.mx
  • 17. El estudio califica matemáticamente y compara los principales aspectos de usabilidad que permiten el fácil acceso los portales mencionados. Como se tienen 6 categorías, cada tiene un peso diferente de acuerdo al rango de importancia de la misma, el total del peso es del 100%. El rango de importancia queda expuesto de la siguiente forma: Exploración 30%  Ayuda de la exploración 10%  Tipografía adecuada y consistente 20%  Gráficos, vínculos y botones 20%  Búsqueda 10%  Arquitectura de la página 10%  Para obtener la nota para cada una de las variables, el modelo matemático de Axitia, toma en cuenta el número de veces que aparece una variable en los portales evaluados. Por lo tanto, si una variable está presente en todos o en la mayoría de los portales, su peso en la nota final es mayor.
  • 18.  La metodología para esta evaluación se divide en las siguientes etapas:  Análisis del portal. Teniendo ya los portales identificados (en este caso los cinco portales de gobierno) se procede a navegarlos, a interactuar en ellos para así analizar la usabilidad de los mismos y proceder después a la identificación de las variables.  Identificación de las variables. Se procede a identificar cada una las variables de usabilidad determinadas por el modelo de evaluación en cada uno de los portales.  Resultados. Se realiza un informe de las etapas anteriores, de como fue la navegación del portal, si hubo problemas o trabas durante la navegación y finalmente, si se lograron identificar cada una de las variables de usabilidad en los portales en las respectivas tablas de resultados.
  • 19. Guanajuat Querétaro Peso por Veracruz Peso por México Puebla Variables Tema Categorías variable categoría % (%) o Que el tamaño de la página se ajuste a la ventana 5% Arquitectura 10% de la página Evitar páginas anchas que tengan que desplazarse a la derecha 5% Existencia de un indicador de ubicación 3.75% Títulos específicos por página 3.75% Títulos corresponden a información presentada 3.75% Descripción breve al inicio de cada página 3.75% Archivos descargables/imprimir 3.75% Exploración 30% Incluir en la página principal el contenido de mayor información 3.75% Incluir vínculos en la parte superior 3.75% Los vínculos del texto se repiten en la parte inferior de la página 3.75% Contactos 2.5% Aspectos Ayuda de Mapa del sitio 2.5% de Ayuda 2.5% exploración 10% usabilidad Acerca de 2.5% Utilizar iconos para mostrar tipos de contenido 5% Gráficos, Evitar subrayar texto no vinculado 5% vínculos y 20% Utilizar formatos gif y jpg 5% botones El icono o logotipo de la empresa debe retornar a la página 5% principal Contener un buscador 5% La página de resultados debe proporcionar la máxima información Buscador 10% 5% posible Tamaño de la fuente considerable 5% Utilizar mínimo tres tipos de fuentes diferentes 5% Tipografía adecuada y 20% Traductor de inglés en la página 5% consistente Mostrar la última fecha de actualización de la información 5% Calificación total 100% Calificación por variables 100%
  • 20. Contactos Mapa de sitio
  • 21. Veracruz Queréta- Peso por Guana- México Puebla juato ro Categorías Variables varia ble (%) x x Que el tamaño de la página se ajuste a la ventana 5% Arquitectura de la página Evitar páginas anchas que tengan que desplazarse a la derecha 5% Existencia de un indicador de ubicación 3.75% x Títulos específicos por página 3.75% x Títulos corresponden a información presentada 3.75% x Descripción breve al inicio de cada página 3.75% x x x Exploración Archivos descargables/imprimir 3.75% x Incluir en la página principal el contenido de mayor información 3.75% Incluir vínculos en la parte superior 3.75% x x x x x Los vínculos del texto se repiten en la parte inferior de la página 3.75% Contactos 2.5% x Ayuda de Mapa del sitio 2.5% x x exploración Ayuda 2.5% Acerca del portal 2.5% x x x x Utilizar iconos para mostrar tipos de contenido 5% 5% Evitar subrayar texto no vinculado Gráficos, vínculos y Utilizar formatos gif y jpg 5% x x botones El icono o logotipo de la empresa debe retornar siempre a la página x x x 5% principal Contener un buscador x X 5% Buscador La página de resultados debe proporcionar la máxima información x x 5% posible Tamaño de la fuente considerable 5% x Utilizar mínimo tres tipos de fuentes diferentes 5% Tipografía adecuada y consistente Traductor de inglés en la página 5% x x x x Mostrar la última fecha de actualización de la información x x x x 5% 97. 61.25 81.25 63.75 28.75 Peso matemático total por portal
  • 22. De acuerdo a los resultados de este estudio el diseño de portales gubernamentales en México no ha alcanzado una expectativa lo suficientemente amplia en el conocimiento de las necesidades de los usuarios, motivo por el cual la mayoría de estos portales no cuentan o cumplen con los requisitos de usabilidad que debe considerar el diseño de cualquier sitio web. Como se pudo observar el portal de gobierno de México resulto el mas completo en cuanto al manejo de usabilidad, lo cual permite una fácil navegación del mismo a comparación del portal de Querétaro, el cual resulto completamente escaso de estos aspectos.
  • 23. La implementación de manera adecuada y visible de los aspectos de usabilidad necesarios permiten la fácil navegación del usuario a través de los portales. Por lo cual los diseñadores antes de la realización de un proyecto, deben considerar el uso de alguna metodología a seguir para la implementación del mismo, ya que de lo contrario solo se conseguirían sitios vacíos sin una estructura que seguir, lo que lleva a los usuarios a no saber muchas veces como explorar un sitio. El diseño de un buen portal trae consigo una serie de grandes beneficios: origina reducción de costos, eficiencia en servicios, servicios las 24 hrs., y sobre todo que cualquier tipo de usuario o empresa pueda hacer uso del portal. Además con los indicadores manejados en este estudio se puede medir la eficiencia que tienen los portales ya que gracias a la consideración de estas variables es como se logra el fácil acceso y utilización de los portales o sitios web.

×