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

Facultad de Administración de Empresas, Administración de Empresas Turísticas y

Sistemas Computacionales Administrativos

Universidad Veracruzana

Portales Web

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.

Objetivos

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.

¿Qué es un Portal web?

Vega, Lebrúm, 2007.

Página web Portal web

Muestra únicamente

información de su empresa

Muestra información de la

empresa e información adicional

así como anuncios publicitarios

No contiene motor de búsquedaIncluye motores de búsqueda,

acceso a chat, foros o e mail.

La información no se actualiza

diariamente

La información se actualiza

diariamente

Pocas secciones Mayor contenido y secciones

Información estática Información dinámica

Su objetivo es solo tener

presencia en internet

Su objetivo es vender a través de

internet

Clasificación de Portales Web

En lo técnico:Costos Implementación MantenimientoSeguridad

Sobre el diseño:No ser fácil de navegarNo tener utilidad y facilidad de empleoNo ser un sitio útil agradableNo tener la aplicación de una metodología Los tiempos de carga sea largosNo tener un diseño centrado en el usuario.

Principales problemas en los Portales Web

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.

Usabilidad

Eficacia

El usuario logra lo que quiere

EficienciaLo logra rápidamente

Satisfacción

Al navegar el sitio

Axitia.com

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.

Metodologías propuestas

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.

Metodología de Milenium

Fases para el proceso del diseño web

Proceso para el diseño de sitios web en base a la metodología de Milenium

FASE 3FASE 3FASE 2FASE 2FASE 1FASE 1

Definición derequerimientos

Definición del tipo de sitio

Cotizaciones y seleccióndel proveedor

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.

Metodología de Thomas Powell

Modelo en cascada

Proceso para el diseño web en la metodología de Powell

Definición del problema, objetivos y audiencia

Definición del problema, objetivos y audiencia

Diseño de prototiposDiseño de prototipos

Análisis de requisitos y planificación del sitio

Análisis de requisitos y planificación del sitio

Implementación y pruebas unitariasImplementación y pruebas unitarias

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.

Metodología de Axitia

Etapas para el diseño de portales web

Proceso del diseño web de la metodología de Axitia

Entr

ega

bles

•Diagnóstico del sitio

•Estudios

comparativos

”benchmark”

•Taller de visión

•Armado

esquemático, mapa y

prototipo gráfico

•Supervisión de desarrollo

•Posicionamiento en

buscadores

•Procesos de

administración y control

ETAPA 1

Insumos para el (re)diseño del sitio

ETAPA 1

Insumos para el (re)diseño del sitio

ETAPA 3

Desarrollo e implantación

ETAPA 3

Desarrollo e implantación

ETAPA 2

Diseño ejecutivo

ETAPA 2

Diseño ejecutivo

Variables de usabilidad que manejan las metodologías

Metodología Indicadores de usabilidad por metodología

MileniumEsta metodología brinda solo una serie de recomendaciones de las mejores prácticas para del diseño. No establece una serie de variables de usabilidad bien definidas.

Powell

• Arquitectura de la páginaEvitar páginas anchas que tengan que desplazarse a la derechaContemplar el tamaño de la página estándar 640 x 480Que el tamaño de la página se ajuste a la ventana

• ExploraciónUtilizar etiquetas para cada páginaUtilizar vínculos en la parte superior e inferior de la páginaIncluir en la página principal el contenido de mayor informaciónQue los tiempos de espera o carga no sean mayor de 30 segundosLos iconos o palabras que formen el logotipo de la empresa deberán retornar siempre a la página principal

• Ayuda de exploraciónMapa de sitioAyudaAcerca deContactos

• BúsquedaIncluir un buscadorLa página de resultado debe proporcionar la máxima información posible

• Vínculos, texto, botones, iconos y gráficosEvitar cambiar el color de los vínculosEvitar subrayar texto no vinculadoLos vínculos del texto se repiten en la parte inferior de la página No utilizar el mismo color para marcar los vínculos ya visitados de los que no se han visitadoUtilizar iconos para mostrar tipos de contenidoLos botones deben mantener un estado normal y otro en estado pulsado.

• TextoAumentar el interlineado para la legibilidad del textoUtilizar mínimo tres tipos de fuentes por página, una para etiquetas, titulares y textoEmpleo de elementos de impresión/descargaResaltar ideas expresadas en un páginaUsar listas para resumir la información

• Colores, imágenes y fondosFormatos gráficos .gif o .jpgEvitar la utilización de fondos en mosaicoEmpleo de colores diferentes entre si para las diferentes seccionesPoner un contraste alto

Axitia

Existencia de un indicador de ubicación

Existencia de un "footer" consistente en el sitio

Tipografía adecuada y consistente

Descripción breve al inicio de cada página

Títulos corresponden a información presentada

Títulos específicos por página

Última actualización / publicación de información

Existencia de un buscador

Que el formato de presentación sea amigable (html)

Traductor a inglés

Mapa del sitio

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.

México http://www.gob.mxQuerétaro

http://www.queretaro.gob.mx Puebla http://www.puebla.gob.mxVeracruz http://www.cgever.gob.mxGuanajuato http://

www.guanajuato.gob.mx

Evaluación en los portales de gobierno:

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.

Método de la evaluación

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.

Tema Categorías Peso por

categoría % VariablesPeso por variable

(%)

México

Veracruz

Puebla

Guanajuato

Querétaro

Aspectos de

usabilidad

Arquitectura de la página

10%Que el tamaño de la página se ajuste a la ventana 5%

Evitar páginas anchas que tengan que desplazarse a la derecha 5%

Exploración

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%

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%

Ayuda de exploración 10%

Contactos 2.5%

Mapa del sitio 2.5%Ayuda 2.5%Acerca de 2.5%

Gráficos, vínculos y botones

20%

Utilizar iconos para mostrar tipos de contenido 5%

Evitar subrayar texto no vinculado 5%Utilizar formatos gif y jpg 5%

El icono o logotipo de la empresa debe retornar a la página principal 5%

Buscador 10%

Contener un buscador 5%La página de resultados debe proporcionar la máxima información posible 5%

Tipografía adecuada y consistente

20%

Tamaño de la fuente considerable 5%Utilizar mínimo tres tipos de fuentes diferentes 5%

Traductor de inglés en la página 5%

Mostrar la última fecha de actualización de la información 5%Calificación total 100% Calificación por variables 100%

30%

1. Arquitectura de la página-Que el tamaño de la página se ajuste a la ventana-Evitar páginas anchas que tengan que desplazarse a la derecha

2. Exploración -Existencia de un indicador de ubicación-Títulos específicos por página-Títulos corresponden a información presentada-Descripción breve al inicio de cada página

-Incluir vínculos en la parte superior e inferior del portal

3. Ayuda de la exploración -Mapa del sitio-Ayuda -Acerca de-Contactos

Contactos

Mapa de sitio

4. Gráficos, vínculos y botones-Utilizar iconos para mostrar tipos de contenido-Evitar subrayar texto no vinculado-Utilizar formatos gráficos gif y jpg. -El icono o logotipo de la empresa deberán retornar siempre a la página principal

 

5. Búsqueda-Existencia de un buscador-La página de resultados debe proporcionar la máxima información posible

6.Tipografía adecuada y consistente-Tamaños considerables de las fuentes-Utilizar mínimo tres tipos de fuentes diferentes-Traductor a inglés-Última actualización / publicación de información

Cuadro comparativo mostrando el desglose de cada variable evaluada y calificación matemática

Categorías VariablesPeso por varia ble

(%)

México

Veracruz

Puebla

Guana

-juato

Queréta-ro

Arquitectura de la página

Que el tamaño de la página se ajuste a la ventana 5% x x

Evitar páginas anchas que tengan que desplazarse a la derecha 5%

Exploración

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

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

Los vínculos del texto se repiten en la parte inferior de la página 3.75% x x x

Ayuda de exploración

Contactos 2.5% x

Mapa del sitio 2.5% x x

Ayuda 2.5%

Acerca del portal 2.5% x x

Gráficos, vínculos y botones

Utilizar iconos para mostrar tipos de contenido 5% x x

Evitar subrayar texto no vinculado 5%

Utilizar formatos gif y jpg 5% x x

El icono o logotipo de la empresa debe retornar siempre a la página principal

5% x x x

Buscador

Contener un buscador 5% x X

La página de resultados debe proporcionar la máxima información posible

5% x x

Tipografía adecuada y consistente

Tamaño de la fuente considerable 5% xUtilizar mínimo tres tipos de fuentes diferentes 5%

Traductor de inglés en la página 5% x x x xMostrar la última fecha de actualización de la información 5% x x x x

Peso matemático total por portal97.5%

61.25%

81.25%

63.75%

28.75%

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.

 

Resultados del estudio

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.

Conclusiones