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

3. 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.

4.  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.

5. 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

7. 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.

8.  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

9.  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.

10.  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.

11. Fases para el proceso del diseño web

12.  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.

13. 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

14.  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.

15. 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

16. 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

17.  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.

18.  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

19. 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.

20.  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.

21. 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%

27. Contactos
Mapa de
sitio

31. 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

32. 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.

33. 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.