Resultados de las inspecciones y recomendaciones para el Portal Fundemex (www.fundemex.org.mx) Presentación de resultados de las inspecciones y recomendaciones desde el punto de vista del UCD (Diseño Centrado en el Usuario) sugeridas por consultores de Web Usability, en base a evaluaciones heurísticas.
Diciembre de 2008
Índice de Contenidos Resumen Ejecutivo
2
Metodología
3
Panorama General
4
Resumen de Observaciones
5
Diseño Visual
7
Navegación
12
Interacción y Experiencia del Usuario
21
Uso de Estándares
28
E-Marketing y Posicionamiento en Buscadores
35
¿Quién realizó este estudio?
41
Anexos 1. Prueba del uso de estándares HTML y XHTML de la W3C 2. Resultados del validador de CSS de la W3C 3. Resultados de puntos de prioridad de accesibilidad
Página 1
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Resumen Ejecutivo La usabilidad es el diseño de todos los contenidos y funcionalidades que posea un sitio web los cuáles deben ser pensados, diseñados, construidos y justificados en función de las necesidades del usuario
El Portal Fundemex (www.fundemex.org.mx) se presenta como una alternativa para divulgar la labor de intermediación de entre los empresarios y los mexicanos que viven con mayores desventajas económicas; a través del portal se invita a todas las empresas, independientemente de su tamaño, a sumarse a través de muy pequeñas aportaciones bimestrales. [1] Dentro de los objetivos que se declara que el portal debe cumplir están:
Web Usability
Dar a conocer quién es y qué hace Fundemex.
Informar sobre el destino de los fondos donados (mapa, videos testimoniales y noticias).
Empresas: proveer información de cómo sumarse a Fundemex y proporcionarles el servicio de expedición de recibos deducibles de impuestos.
Organizaciones de la sociedad civil: informar cómo pueden aplicar a los donativos y facilitarles su participación.
Para 2009 se planea realizar un rediseño donde se cubran estos nuevos objetivos:
Integrar la opción de donar vía tarjeta de crédito.
Alinear el portal integrando elementos de una campaña publicitaria y de relaciones públicas donde se implementará un programa de lealtad a través de un CRM. Manejar una sección donde se le recuerde a las empresas que pueden donar cada bimestre a través del sitio web
El portal presenta áreas de oportunidad en temas relacionados con: usabilidad, accesibilidad, navegación y arquitectura de información, interacción y experiencia del usuario, diseño visual, e-marketing y posicionamiento en buscadores y, uso de estándares web internacionales. Este documento presenta los principales puntos de mejora encontrados en las áreas mencionadas; de igual forma, contiene las principales recomendaciones que se considera deben ser implementadas para mejorar el portal. Estas recomendaciones están sustentadas en los resultados de las evaluaciones ya mencionadas.
[1] Información proporcionada por personal de Fundemex
Página 2
El contenido presentado fue elaborado por 3 expertos aplicando diversas técnicas vinculadas con la evaluación heurística, así como el uso de herramientas automatizadas de validación avaladas por organismos internacionales.
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Metodología Nuestra metodología de trabajo está fundamentada en numerosa bibliografía y en prácticas. Está demostrado que una experiencia positiva de los usuarios es el punto fundamental para garantizar la usabilidad de cualquier sitio web
Los resultados mostrados en este documento corresponden al análisis de 3 expertos en el diseño centrado en la experiencia del usuario, específicamente en áreas como: usabilidad, accesibilidad, mercadotecnia electrónica, diseño visual, arquitectura de información, diseño de interfaces y diseño de interacción.
Web Usability
Específicamente, los resultados se obtuvieron aplicando las siguientes técnicas:
El objetivo final de este estudio fue detectar las áreas de oportunidad generadas por los problemas más evidentes del portal de Fundemex en los temas mencionados.
Evaluación heurística. El sitio fue evaluado en base a algunas de las heurísticas de diseño web más conocidas mundialmente, destacando las de Jakob Nielsen y Louis Rosenfeld.
Inspección de consistencia. Se revisaron diversos estándares en la presentación de interfaces, verificando aspectos como terminología, tipos de letras, colores, diagramación de la pantalla, formularios de entrada y respuestas a los usuarios.
Paseo cognitivo. Los expertos simularon el comportamiento que tendría un usuario al hacer uso del portal en situaciones cotidianas que van desde la búsqueda del mismo hasta la interacción y localización de información de forma interna.
Uso de herramientas automatizadas. Se utilizaron recursos proporcionados por entidades como el W3C para la validación de estándares de construcción, presentación y accesibilidad. De igual forma, se utilizaron emuladores y navegadores para revisar el funcionamiento en diversas plataformas.
Cada una de las observaciones realizadas por los expertos fue expuesta bajo tres indicadores de evaluación que representan el nivel de impacto que muestra el área de oportunidad detectada: Oportunidad. Es una oportunidad de mejora que tiene un impacto menor. Inconveniente. Es un inconveniente importante que tiene un impacto negativo. Problema. Es un problema mayor que necesita revisión inmediata.
Página 3
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Panorama General El Portal Fundemex (www.fundemex.org.mx) fue evaluado en diversos aspectos que son clave para crear una experiencia positiva en los usuarios. Para su mejor entendimiento, el estudio fue dividido en cinco áreas, las cuales serán identificadas en este documento por un color distintivo.
Diseño Visual: Se evaluaron aspectos relacionados con el diseño gráfico del portal, como el uso del color, la retícula, composición visual de las páginas, consistencia, uso de imágenes, entre otros aspectos.
Navegación: Se revisaron esquemas de organización, sistemas de navegación, etiquetado y aspectos relacionados con la arquitectura de información y el diseño de información.
Interacción y experiencia del usuario: Se observó la retroalimentación que brinda el portal y las características de la interacción que tiene el usuario en base a las mejores prácticas del diseño centrado en el usuario.
Uso de estándares: Se validó la adopción de los estándares web de la W3C, así como el manejo de prácticas de accesibilidad.
E-Marketing y posicionamiento en buscadores: Se evaluó el diseño de la información para el posicionamiento en buscadores, así como el correcto uso de estrategias de mercadotecnia electrónica.
Diseño visual Navegación Interacción y experiencia del usuario Uso de estándares E-Marketing y posicionamiento en buscadores
La gráfica anterior muestra una relación general del impacto de las observaciones realizadas en este estudio en cada una de las áreas.
Página 4
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Resumen de observaciones El objetivo de la evaluación heurística es encontrar problemas de usabilidad en el diseño, de tal forma que puedan ser corregidos como parte de un proceso iterativo de diseño
Jacob Nielsen Useit.com, “Heuristic evaluation”
Diseño Visual Hay una excesiva saturación en la composición de la mayoría de las páginas ya que se utilizan demasiados elementos de distracción que no cumplen una función específica. Algunas imágenes tienen mala resolución, provocando que se vean con baja calidad en pantalla. La retícula no es consistente en todas las páginas, en ocasiones el contenido está alineado a la izquierda y en otras se encuentra centrado. El logotipo de Fundemex no está presente en todas las páginas, por lo que si un usuario llega directamente a una página interna, no puede saber quién es el dueño del sitio que está visitando. El uso de marcos (frames) integrados en el diseño, provoca que el contenido aparezca en un espacio vertical reducido, ocasionando la aparición de un scroll adicional.
Pág. 7
Pág. 8 Pág. 9 Pág. 10
Pág. 11
Navegación En la página de inicio, el visitante no sabe exactamente qué hace la institución o cuáles son sus principales actividades u objetivos, en dónde se desarrollan dichas actividades y cuándo se publicó el contenido. En las páginas internas, el visitante no sabe quién es la institución dueña del sitio. Hay páginas que no tienen una función específica y que obligan al visitante a dar clics innecesarios, alargando el camino para llegar a la información que se busca. Existe saturación de texto en muchas páginas, el diseño de información no facilita la lectura para el usuario final, haciendo complicado que identifique los principales contenidos. No hay un buscador interno de contenido que facilite la localización de contenidos específicos. Algunos títulos en las opciones del menú sugieren cosas que pueden hacer que el usuario se confunda en la navegación. No existen otras formas de navegar que no sean a través del menú principal, lo cual obliga al usuario a utilizar este único esquema además de no permitir relaciones entre páginas y secciones (mapa del sitio, enlaces contextuales, breadcrumbs).
Pág. 12
Pág. 13 Pág. 14
Pág. 16
Pág. 18 Pág. 19 Pág. 20
Interacción y Experiencia del Usuario
Página 5
Los formularios o formas de registro no previenen errores por parte del usuario ni brindan ayuda útil para su correcto llenado.
Pág. 21
Los menús secundarios que se despliegan en cada sección, al ser utilizados, provocan que se pierda el menú principal, obligando al usuario a usar el scroll principal.
Pág. 23
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
El portal no cuenta con facilidades de búsqueda que permitan a los visitantes encontrar la información que buscan de manera rápida, sencilla y eficiente.
Pág. 24
Hay un uso excesivo de llamadas a archivos PDF, donde no se Pág. 25 especifica el tipo de archivo, el tamaño, ni que se abrirá en una nueva ventana. Este último punto tampoco es consistente ya que en ocasiones se abren nuevas ventanas y en otras no. Las noticias no cuentan con un resumen descriptivo que indique Pág. 26 claramente de lo que trata y que atraiga la atención del usuario. No es posible agrandar el texto con las funcionalidades del buscador, Pág. 27 por lo que algunas personas con discapacidades visuales podrían tener problemas de lectura.
Uso de Estándares Debido al uso de flash, que requiere la instalación de componentes especiales en las computadoras de los usuarios, el portal muestra diferentes comportamientos de acuerdo a la plataforma en la que se visualiza. El portal no sigue estándares de estructura del W3C. El código HTML está mal construido y estructurado. Esto, además imposibilita la creación de páginas lineales que a su vez puedan convertirse en versiones móviles. No se respetan los estándares de presentación en el uso de hojas de estilo (CSS - Cascading Style Sheets).
Pág. 28
Pág. 30
Pág. 31
El sitio no es accesible (La prueba de lineamientos de la WAI, arrojó 12 Pág. 32 puntos que deben ser revisados). Esto puede tomarse como discriminación hacia personas con discapacidades. El menú principal no se despliega correctamente en algunos navegadores, específicamente, en Firefox 3.
Pág. 34
E-Marketing y Posicionamiento en Buscadores
Página 6
El portal no cuenta con dominios alternativos que logren aumentar la buscabilidad del sitio. Las personas que no tienen una cultura de uso frecuente del Internet difícilmente supondrán o recordarán el sufijo “org.mx”.
Pág. 35
No existen metatags en el código del portal. La falta de estas palabras clave hace que, para buscadores como Google o Yahoo!, sea difícil encontrar el sitio con algunas palabras claves relevantes. No existen títulos y descripciones en las páginas del portal (metatags), causando la aparición de resultados sin contenido en las búsquedas. No se proporcionan herramientas de interacción que aumenten la comunicación con los visitantes. El portal utiliza tecnologías como flash, cuyo contenido no puede ser indexado por los buscadores de contenido y cuyo uso debe ser moderado.
Pág. 36
Pág. 38 Pág. 39 Pág. 40
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Diseño Visual (1 de 5)
Hay una excesiva saturación en la composición de la mayoría de las páginas ya que se utilizan demasiados elementos de distracción que no cumplen una función específica. Generalmente, las imágenes son utilizadas para apoyar o hacer referencia a un texto o mensaje que se desea comunicar, sin embargo, en el caso del portal de Fundemex, existen imágenes que solo tienen una función decorativa y que ocupan un espacio muy amplio del diseño de las páginas. Adicionalmente, estas imágenes distraen la atención del usuario, ya que hacen pensar que tienen alguna funcionalidad o que son elementos “clickeables”. Específicamente, se puede ver el uso de estas imágenes en todas las páginas del sitio, como se muestra en la parte inferior.
Recomendación:
Minimizar el uso de espacios de diseño que no cumplen con una función específica y sobre todo, evitar que estos elementos decorativos parezcan tener alguna funcionalidad.
Página 7
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Diseño Visual (2 de 5)
Algunas imágenes tienen mala resolución, provocando que se vean con baja calidad en pantalla. Se observó que, en su mayoría, el tamaño de las imágenes está siendo manipulado mediante el código HTML, provocando que se vean de baja calidad. Esto quiere decir que el ancho y alto de las imágenes en el HTML no corresponde a las medidas originales de la imagen, lo que causa una compresión de baja calidad en los pixeles de la imagen. Uno de los casos en donde este problema se puede ver claramente es en la sección de Empresas, siendo más específicos y tomando en cuenta un ejemplo, la primer imagen del lado izquierdo tiene una medida original de 400 x 300 pixeles y en el código HTML se le está asignando una medida de 300 x 200 pixeles. <img src="../images/fotos/imagenes/img_54.jpg" width="300" height="200" >
Recomendación:
Modificar los tamaños de las imágenes a la medida deseada utilizando programas de diseño para manipulación de imágenes, evitando asignar valores al alto y ancho desde el código de la página (HTML o CSS).
Página 8
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Diseño Visual (3 de 5)
La retícula no es consistente en todas las páginas, en ocasiones el contenido está alineado a la izquierda y en otras se encuentra centrado. En la mayoría de las páginas del portal se observa un retícula definida en donde el contenido de lectura se encuentra dividido en dos columnas, sin embargo, existen páginas como los formularios de registro o la sección de noticias (ver imagen superior) que no respetan la retícula y manejan textos centrados. En otras ocasiones, existen imágenes alineadas hacia la derecha que no respetan la consistencia visual y que además generan confusión ya que se encuentran completamente pegadas con el texto, pareciendo estar encima de él (ver imagen inferior). Este inconveniente genera una inconsistencia en el sistema visual del portal, ya que se sale por completo del formato de diseño que se maneja en casi todo el portal.
Recomendación:
Hacer uso de la misma retícula en todas las páginas del portal, manteniendo la consistencia en el sistema visual.
Página 9
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Diseño Visual (4 de 5)
El logotipo de Fundemex no está presente en todas las páginas, por lo que si un usuario llega directamente a una página interna, no puede saber quién es el dueño del sitio que está visitando. Aunque el logo-emblema de Fundemex aparece en la mayoría de las páginas del portal (ver imagen inferior), no es evidente que es la única forma de regresar a la página principal, lo que puede provocar que los visitantes pierdan tiempo en identificar su función. Adicionalmente, si un usuario llega directamente a una página interna, no podrá saber que dicho logo-emblema es parte de la identidad de Fundemex. Por otro lado, hay páginas que no muestran el logotipo, por lo que además de no reforzar la marca, no existe manera de regresar a la página principal (ver imagen superior).
Recomendación:
Seguir las prácticas comúnmente utilizadas colocando el logotipo y logoemblema en la esquina superior izquierda, de esta forma, se podrá reforzar siempre la marca tanto para visitantes que llegaron directamente o hacia alguna página interna. Es importante que el logotipo aparezca sin excepción en todas las páginas del portal.
Página 10
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Diseño Visual (5 de 5)
El uso de marcos (frames) integrados en el diseño, provoca que el contenido aparezca en un espacio vertical reducido, ocasionando la aparición de un scroll adicional. Todas las páginas del portal son mostradas en un IFrame, el cual tiene medidas fijas de ancho y alto, de forma que al cargar una página que tiene un contenido vertical mayor al tamaño de dicho elemento, se produce la aparición de un scroll adicional (ver imagen). Además de causar ciertos problemas de navegación y de indexación de contenidos en los buscadores, se reduce el espacio para mostrar contenido en las páginas.
Recomendación:
Eliminar el uso del IFrame y reemplazarlo por páginas planas de HTML, lo cual ayudará tanto en el posicionamiento del contenido en los buscadores, como en la mejora del espacio para el diseño visual de los contenidos de las páginas.
Página 11
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Navegación (1 de 7)
En la página de inicio, el visitante no sabe exactamente qué hace la institución o cuáles son sus principales actividades u objetivos, en dónde se desarrollan dichas actividades y cuándo se publicó el contenido. Una de las características más recomendadas para las páginas de inicio (o home page) de los sitios web es que respondan, de manera rápida y sencilla, a ciertas preguntas: ¿quién es la institución?, ¿qué es lo que hace o cuáles son sus principales actividades? y ¿en dónde se desarrollan? El usuario debe saber desde el inicio qué es lo que espera del portal y entender cuál es su objetivo. Actualmente, el portal Fundemex no responde a estas cuestiones. Desde el inicio, el visitante no sabe exactamente qué es lo que hace la institución o cuáles son sus principales actividades, en dónde se desarrollan dichas actividades y cuándo se publicó el contenido, por lo que un visitante nuevo tendría que ir a la página de "quiénes somos" para poder averiguarlo. Por otro lado, de entrada el visitante puede asumir que la información que está viendo es actual, sin embargo, es recomendado que el sitio web indique de alguna manera que es así. Hacer esto brinda al visitante mayor confianza y credibilidad acerca de la información que está consultando.
Recomendación:
Se debe rediseñar la página principal para transmitir la identidad y responder inmediatamente qué hace la organización responsable del sitio. En este momento esto no ocurre. La página de inicio debe proveer de acceso eficiente a: la información más nueva, los servicios más solicitados y a los temas y contenidos de acuerdo a los intereses de cada persona.
Página 12
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Navegación (2 de 7)
En las páginas internas, el visitante no sabe quién es la institución dueña del sitio. A través de todas las páginas internas, no se refuerza la marca de Fundemex completamente, ya que no aparece el logotipo completo, sino que solo se muestra el emblema. Esto provoca que, si un visitante llega al portal a través de una página interna, no sabrá con certeza que el portal pertenece a la Fundación del Empresariado en México. Adicionalmente, el emblema de Fundemex, que funciona como liga a la página principal, no aparece en el primer plano de la página, pareciendo ser una especie de decoración de las páginas internas.
Recomendación:
Colocar el logotipo completo en la esquina superior izquierda de la página, en primer plano (encima o a la izquierda del menú). Esto ayudará a reforzar la marca de Fundemex, además de proporcionar la información necesaria para que el visitante conozca de entrada quién es el dueño del portal que está visitando.
Página 13
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Navegación (3 de 7)
Hay páginas que no tienen una función específica y que obligan al visitante a dar clics innecesarios, alargando el camino para llegar a la información que se busca. Un sitio web con una buena navegación permite que los visitantes lleguen a la información que desean en el menor número de clics posibles, ya que diversos estudios han demostrado que los usuarios dejan de buscar información si no la encuentran en menos de tres clics. El diseño de la navegación debe evitar al máximo los pasos innecesarios, suprimiendo las páginas que no tengan utilidad. Adicionalmente, se deben eliminar enlaces y páginas que no cumplan con una funcionalidad adecuada, específicamente se recomienda eliminar las páginas que contienen un solo párrafo o sólo imágenes para integrarlas a las páginas donde se realizan las acciones o se presentan resultados. Un ejemplo de páginas que no cumplen con una funcionalidad bien definida es la introducción y la selección del idioma. Por un lado, la introducción no es informativa, ya que simplemente muestra una animación del emblema y refuerza la marca. Por otro lado, la página de selección de idioma es innecesaria, ya que esta funcionalidad se podría integrar dentro del portal sin necesidad de ser un paso más para llegar a la información; inclusive se podrían utilizar funcionalidades para recordar el idioma que utiliza un usuario recurrente.
Página 14
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Otros ejemplos de páginas que no cumplen con alguna función específica y que provocan mas clics son por ejemplo las secciones de “Organizaciones” y “Solicitud de Donativos”, las cuales son páginas que carecen de contenido informativo, ya que solamente muestran imágenes y funcionan como un paso adicional para llegar a la información que el visitante espera encontrar.
Recomendación:
Eliminar las páginas que no cumplen con una funcionalidad útil para el visitante, tratando de reducir al máximo el número de clics para llegar a la información relevante.
Página 15
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Navegación (4 de 7)
Existe saturación de texto en muchas páginas, el diseño de información no facilita la lectura para el usuario final, haciendo complicado que identifique los principales contenidos. Al entrar a una gran parte de las páginas del portal se observa una gran cantidad de contenido con un pobre diseño de información. Específicamente, hay un manejo limitado en variaciones de tamaños de tipografías, colores, viñetas o elementos propios de un sistema de rotulado que haga más sencilla la lectura e identificación de elementos importantes dentro de los textos por parte del visitante. Adicionalmente, si bien el uso de enlaces internos dentro de cada página puede ayudar a localizar secciones o contenidos específicos, la forma en que se está empleando no es la más adecuada ya que termina por afectar la interacción con el usuario. De este punto se hablará con mayor detalle en la siguiente sección.
Finalmente, existen textos que están incompletos, o a pesar de estar en una sección en español están redactados en inglés. A la par de esto, hay un manejo inconsistente de la palabra Fundemex, en ocasiones está solo en minúsculas, en otras en mayúsculas.
Página 16
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Recomendación:
Realizar un rediseño de la información incorporando sistemas de rotulado: manejo de tamaños de tipografías, colores, viñetas, entre otros que hagan más digeribles los contenidos, permitiendo ubicar rápidamente elementos importantes dentro de cada página. Revisar los textos actuales para complementar la información, revisar el idioma en que están redactados y revisar la forma en que se utiliza la palabra Fundemex
Página 17
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Navegación (5 de 7)
No hay un buscador interno de contenido que facilite la localización de contenidos específicos. En este momento, la única forma de localizar información es a través de la navegación en el menú principal o los menús secundarios de apoyo. Esto es algo crítico ya que los visitantes pueden estar buscando algo en particular sin tener una idea clara de dónde lo pueden encontrar. Es importante indicar que el uso del buscador se hace más crítico en las páginas o secciones donde hay vínculos a más información en otros formatos (por ejemplo PDF). Recomendación:
Incorporar un buscador interno para facilitar la navegación y búsqueda de información dentro del portal.
Página 18
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Navegación (6 de 7)
Algunos títulos en las opciones del menú sugieren cosas que pueden hacer que el usuario se confunda en la navegación. Existen opciones del menú que hacen referencia a cosas o temas distintos al resultado. Un caso claro es el menú “Organizaciones”, donde a pesar de sugerir que se tendrá acceso a un directorio o a información de asociaciones donantes o beneficiarias esto no ocurre, el resultado es encontrar información para selección de proyectos, donde además hay un mal diseño de información. En otras ocasiones algunos menús o textos manejan acrónimos o terminología que difícilmente serán claros para el usuario ya que en ningún momento hay una explicación, por ejemplo SAM, SUA, OSC, entre otras.
Recomendación:
[1] La técnica del card sort consiste en hacer que un grupo de usuarios finales sean los que organicen y agrupen información escrita en tarjetas de papel de acuerdo a su punto de vista. (Usability.gov, 2007).
Al rediseñar el portal, es altamente recomendable hacer un ejercicio de card sort [1] para determinar las opciones que debe tener el menú principal. Se recomienda utilizar textos descriptivos en la opciones del menú, si esto no es posible se debe utilizar el atributo ALT de HTML para incluir una ayuda sensible al paso del ratón sobre esta cada opción. Minimizar el uso de acrónimos o terminología a la que el visitante puede estar ajeno, o en su defecto incluir una explicación del mismo.
Página 19
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Navegación (7 de 7)
No existen otras formas de navegar que no sean a través del menú principal, lo cual obliga al usuario a utilizar este único esquema además de no permitir relaciones entre páginas y secciones. (mapa del sitio, enlaces contextuales, breadcrumbs) Dado que el portal de Fundemex es un sitio 100% informativo, éste debería contar con diferentes formas de llegar a ciertos contenidos. De igual forma no existe un cruce de información a través de enlaces contextuales que permita relacionar contenidos sin necesidad de pasar por el menú principal. El sitio no ofrece menús de cortesía, por ejemplo un mapa del sitio, que permita además de navegar, conocer las secciones, subsecciones y profundidad del portal. Aunque los menús secundarios pueden ser útiles para ubicar al usuario en la sección y subsección donde se encuentra, éstos pueden ser complementados con el uso de breadcrumbs[1] permitiendo conocer la jerarquía de organización así como el nivel de profundidad. Recomendación:
[1] En el diseño web, especialmente en el diseño de interfaces gráficas, los breadcrumbs o migas de pan, representan un camino visual con el que el usuario puede ver la ruta que ha seguido para llegar a determinado lugar o para regresar a alguno de los puntos del camino. (Horton, 2006)
Es recomendable incluir un mapa del sitio como una forma de sistema de navegación de cortesía. Se sugieren incluir hasta 3 niveles de profundidad del sitio. Una buena práctica es el manejo de breadcrumbs [1], que le indiquen al usuario el camino que ha seguido para llegar a determinada página o sección. Se recomienda utilizar sistemas de navegación contextuales, esto es que los propios textos funcionen como ligas a otras secciones. Se recomienda crear relaciones de navegación a través de secciones como “Lo más consultado”, “Temas relacionados” o similares.
Página 20
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Interacción y Experiencia del Usuario (1 de 6)
Los formularios o formas de registro no previenen errores por parte del usuario ni brindan ayuda útil para su correcto llenado. En este momento, los formularios de registro no proporcionan información que facilite a los usuarios su llenado; es decir, en este momento los formularios no previenen errores, sino que el usuario debe haber completado toda la captura para darse cuenta si cometió un error o no. Para evitar confusiones, se debe indicar cuáles datos en el formulario son obligatorios de manera clara, en este momento solo hay un (*) pero nunca se indica que esto representa un campo obligatorio. Existen errores de programación que al momento de llenar y enviar parte de los formularios causan confusión en los usuarios.
Los formularios tampoco indican de manera clara cuánta información hay que capturar o cuántos pasos hay que completar para terminar el proceso. Por ejemplo, el formulario de registro de la organización (ver imagen anterior) solamente muestra un botón de siguiente, sin informar al usuario cuántos formatos tiene que llenar o en que parte del proceso de registro se encuentra. Adicionalmente, no se dan instrucciones que ayuden a los visitantes, por ejemplo, a saber el tiempo aproximado que les tomará registrarse o los términos y condiciones aplicables a la información que están proporcionando.
Página 21
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Por otro lado, al realizar algunas pruebas en el registro de organizaciones, se encontró que existen problemas de interacción que podrían causar confusión para los visitantes o incluso crear frustración al hacerlos capturar información que ya habían llenado previamente. Por ejemplo, en la última sección del registro: “Representantes de la organización”, se muestran los campos para llenar los datos del representante, seguidos de un botón “Cancelar” y otro “Agregar Representante”, al final de la forma aparece un botón llamado “Finalizar Registro”. El problema ocurre cuando solamente existe un solo representante de la empresa u organización, una vez que se han capturado los datos del único representante, el visitante podría dar clic en el botón “Finalizar Registro”, pensando que es lo correcto ya que no hay otros representantes, sin embargo aparece el siguiente error:
Al aparecer este error, los datos del representante que ya habían sido capturados desaparecen, obligando al usuario a llenar la información nuevamente intentando descubrir qué fue lo que hizo mal. Recomendación:
Es importante proporcionar el objetivo de un formulario y que se ofrezcan indicaciones sobre cómo llenarlo. Se deben colocar instrucciones y recomendaciones aún antes de abrir el formulario. Es necesario hacer evidente cuáles son las acciones que el usuario debe realizar para concluir o continuar una tarea e informar siempre en que parte del proceso se encuentra. Esto indicando los pasos totales que se deben completar para la finalización del proceso. Una vez que el formulario es guardado, se debe enviar una nota de retroalimentación al usuario indicando que la información fue guardada o enviada exitosamente. Se deben corregir los errores de validación que en este momento existen por un mal manejo de Scripts. En el caso de la última sección del registro (Representantes de la Organización), se recomienda cambiar el botón “Agregar Representante” a “Agregar otro Representante” y que su función sea realmente agregar un representante adicional si así lo desea el visitante que se está registrando.
Página 22
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Interacción y Experiencia del Usuario (2 de 6)
Los menús secundarios que se despliegan en cada sección, al ser utilizados, provocan que se pierda el menú principal, obligando al usuario a usar el scroll principal. Uno de los principales problemas que se encontraron esta en el manejo de los menús secundarios. En este momento, dado que los menús secundarios no llevan a otras páginas, sino que hacen referencias internas dentro de la propia página, provocan que se mueva toda la página cada vez que se selecciona una opción del menú secundario. El resultado de esto es que se pierde el menú principal, con lo cual el usuario debe hacer uso del scroll para volverlo a ver.
Recomendación:
Eliminar el uso de frames para mostrar el contenido de las páginas, esto hará que no aparezcan dos scrolls al mismo tiempo. Adicionalmente, se podría pensar en alternativas para la posición del menú secundario.
Página 23
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Interacción y Experiencia del Usuario (3 de 6)
El portal no cuenta con facilidades de búsqueda que permitan a los visitantes encontrar la información que buscan de manera rápida, sencilla y eficiente. Dado que el portal es un sitio netamente informativo, maneja grandes volúmenes de información. Mucho del contenido es solo accesible a través de muchas páginas del menú principal. Básicamente, se pueden esperar dos comportamientos entre los visitantes al portal de Fundemex: aquellos que llegan al contenido a través de un buscador, y aquellos que desean navegar. Al no contar con un buscador se está ignorando el primer tipo de comportamiento. Otros problemas vinculados a la falta del buscador están en la ausencia de otros sistemas de navegación que den la posibilidad de llegar a distintos contenidos en la menor cantidad de clics posible. Recomendación:
Se recomienda incluir un buscador interno. Un buscador no será útil si presenta resultados que el usuario no puede entender o en los que no puede navegar. Es recomendable incluir en la presentación de resultados la siguiente información:
Página 24
Evidencia de qué fue lo que buscó el usuario.
Indicar dónde se buscó (en qué secciones, páginas o contenidos)
Presentar el número total de resultados
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Interacción y Experiencia del Usuario (4 de 6)
Hay un uso excesivo de llamadas a archivos PDF, donde no se especifica el tipo de archivo, el tamaño, ni que se abrirá en una nueva ventana. Este último punto tampoco es consistente ya que en ocasiones se abren nuevas ventanas y en otras no. A continuación se muestran algunos ejemplos de el uso de archivos PDF para mostrar información en donde no se indica el tipo de archivo y que para visualizarlo se necesita la instalación de una herramienta como Acrobat Reader, incluso no se proporciona alguna descripción que mencione lo que contiene el archivo.
Recomendación:
Cada vez que sea necesario descargar archivos se debe especificar el tamaño del archivo, el tipo y proveer de un enlace en caso de que se necesite algún software o programa especial.
Página 25
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Interacción y Experiencia del Usuario (5 de 6)
Las noticias no cuentan con un resumen descriptivo que indique claramente de lo que trata y que atraiga la atención del usuario. Se encontró que las noticias no cuentan con un título llamativo, una descripción completa que capte la atención de los usuarios y un diseño adecuado para su presentación. Una vez que se da clic en la liga “Ver más…” de cualquier noticia, se abre otra ventana, sin informar al usuario, en donde se despliega una página que no es consistente con el sistema visual del sitio, incluso se puede decir que carece completamente de diseño gráfico. Adicionalmente, como se observa en la imagen, esta página funciona como un paso adicional para llegar al verdadero contenido, que a final de cuentas, se descarga a través de un archivo PDF.
Recomendación:
Eliminar la página emergente en donde aparece una pequeña descripción de la noticia, moviendo esta información hacia el listado de noticias, siendo el archivo PDF el que sea abierto cuando el usuario desee ver la noticia completa o incluso, hacer la noticia en HTML.
Página 26
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Interacción y Experiencia del Usuario (6 de 6)
No es posible agrandar el texto con las funcionalidades del buscador, por lo que algunas personas con discapacidades visuales podrían tener problemas de lectura. Los usuarios con problemas de vista no podrán cambiar el tamaño de los textos, tampoco podrán agrandar el texto a través de la opción del navegador ya que como se ha mencionado hay un uso de frames. En algunas de las pruebas se intentó agrandar el tamaño del texto y se obtuvieron resultados como esto:
. Recomendación:
Se sugiere incluir una funcionalidad para cambiar el tamaño de los textos. Vale la pena mencionar que en este momento el portal no permite modificar el tamaño de los textos con la opción que proveen la mayoría de los navegadores de Internet.
Página 27
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Uso de Estándares (1 de 5)
Debido al uso de flash, que requiere la instalación de componentes especiales en las computadoras de los usuarios, el portal muestra diferentes comportamientos de acuerdo a la plataforma en la que se visualiza. Una problemática con el uso de flash en algunas de las páginas es que disminuye la visibilidad del sitio, ya que implica la instalación de un componente especial para que èsta pueda ser vista. Adicionalmente, el uso de flash hace que la mayoría de los buscadores (ej. Google, Yahoo, Live Search) no puedan acceder al contenido y no aparezca en ciertos resultados de búsqueda. Se realizaron algunas pruebas de las páginas que hacen uso de flash y se encontró que además de que provoca inconvenientes para la indexación de los contenidos en los buscadores, muestra diversos comportamientos en algunos navegadores, principalmente aquellos que no incluyen los plug-ins necesarios para desplegar este tipo de archivos (ver imagen)
Cabe mencionar que el peso la animación del mapa (360Kb) es mayor al recomendado para elementos multimedia que es de 30Kb. Esto ocasiona que en conexiones iguales o inferiores a un ISDN 128Kbps, el tiempo de descarga sea mayor a los 24.31 segundos, lo que podría causar que algunos usuarios simplemente cierren la página.
Página 28
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Recomendación:
[1] JavaScript es un lenguaje de programación interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web. Todos los navegadores modernos interpretan el código JavaScript integrado dentro de las páginas web. (Wikipedia)
Página 29
Es recomendable buscar alternativas al uso de flash, por ejemplo imágenes GIF animadas o funcionalidades basadas en JavaScript [1]. Principalmente, evitar el uso de flash para elementos de navegación como menús que contengan ligas a otras páginas; esto evita que el visitante sea incapaz de navegar por el sitio si no cuenta con el componente para ver este tipo de aplicaciones. En caso de ser necesario el uso de Flash, se recomienda que cada vez que se incluyan componentes se lleven a cabo algunas acciones para evaluar cómo será la experiencia del usuario:
Verificar el peso de la página.
Verificar el comportamiento de la funcionalidad en una conexión dial up y en una conexión de banda ancha de poca velocidad.
Proporcionar leyendas indicando que para ver el elemento de flash se requiere la instalación de un componente, proporcionando un enlace en donde lo puedan descargar e instalar gratuitamente.
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Uso de Estándares (2 de 5)
El portal no sigue estándares de estructura del W3C. El código HTML está mal construido y estructurado. Esto, además imposibilita la creación de páginas lineales que a su vez puedan convertirse en versiones móviles. La adopción de estándares de estructura para el código de las páginas web es esencial para lograr la visibilidad a través de los diversos navegadores de Internet. Además, el correcto seguimiento de los lineamientos de la W3C permite que el código pueda ser interpretado inclusive por dispositivos móviles. El portal no sigue estándares de estructura de la W3C. El código HTML está mal construido y estructurado. De acuerdo a las herramientas de validación de HTML se presentan 69 errores (ver imagen).
Recomendación:
[1] Un Sistema de Administración de Contenido (CMS) es usado para administrar el contenido de un sitio web. Permite crear, modificar y eliminar contenido de las páginas de un sitio web sin la necesidad de tener los conocimientos técnicos de un programador o administrador web. (TeachTarget, 2006).
Página 30
Se recomienda la revisión de la estructura y la programación de las páginas con herramientas que aseguren el cumplimiento de XHTML. Se sugiere utilizar los estándares y validadores proporcionados por el W3C (w3c.org – World Wide Web Consortium) e incluso obtener la certificación gratuita para incluirla en el portal. Si se cuenta con un Sistema Administrador de Contenido (CMS o Content Management System) [1], se debe verificar que las páginas que se generen con estos sistemas se encuentren apegadas al uso de XHTML.
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Uso de Estándares (3 de 5)
No se respetan los estándares de presentación en el uso de hojas de estilo (CSS - Cascading Style Sheets). Según la definición de la W3C, las hojas de estilo en cascada (Cascading Style Sheets), son un mecanismo simple que describe cómo se va a mostrar un documento en pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre el estilo y formato de sus documentos. (W3C, 2008). El portal tampoco respeta los estándares de presentación en el uso de hojas de estilo (CSS). Después de haber revisado el portal con el validador de hojas de estilo se obtuvieron 14 errores relacionado con el uso inadecuado de propiedades de formato. Este tipo de errores pueden causar que el portal pierda elementos visuales y que afecten la imagen del mismo en diversos navegadores.
Recomendación:
Revisar el uso de atributos en los archivos CSS ya que en este momento son los principales errores. Al igual que en la validación del XHTML, el W3C, además de proveer lineamientos para aplicar correctamente estándares de CSS, cuenta con herramientas para validar que estos son aplicados correctamente. También es recomendable buscar la certificación de capas de estilo.
Página 31
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Uso de Estándares (4 de 5)
El sitio no es accesible (La prueba de lineamientos de la WAI, arrojó 12 puntos que deben ser revisados). Esto puede tomarse como discriminación hacia personas con discapacidades. La accesibilidad en la web implica que tan fácil es visitar un sitio por todas las personas independientemente de sus capacidades técnicas o físicas. En capacidades técnicas se incluyen los accesos de computadoras con módem, con monitores monocromáticos, computadoras que no tienen instalados plug-ins o bien que bloquean contenido emergente. En capacidades físicas se incluyen personas con pobre o nula visibilidad, con discapacidades motrices que, por ejemplo, les impida el uso del mouse, o con discapacidades auditivas. Un punto crìtico es la accesibilidad. Dado que el portal va dirigido a la sociedad, debería ser accesible para cualquier audiencia independientemente de las discapacidades con las que cuenten. El sitio no es accesible ya que presenta 12 errores que deben ser verificados. Es indispensable revisar estos puntos para evitar problemas relacionados con discriminación. Los puntos a revisar se obtuvieron aplicando herramientas de validación basadas en los lineamientos de la Web Accessibility Initiative (WAI).
Página 32
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Por otro lado, existe un problema de accesibilidad en la página principal, específicamente en el video acerca de Fundemex que aparece en el inicio, ya que no cuenta con subtítulos que puedan ser leídos por personas con discapacidades auditivas que no puedan escuchar la narración del video.
Recomendación:
Para solucionar los problemas de accesibilidad, es recomendable revisar la estructura del código XHTML. Muchos problemas de accesibilidad son ocasionados por una mala estructuración de las páginas y la omisión en el uso de atributos relevantes. Se sugiere siempre utilizar el atributo ALT para incluir textos descriptivos de las imágenes y los enlaces. Esto funcionará también como una forma de ayuda contextual ya que el usuario podrá ver más información sobre la imagen o enlace con solo posicionarse sobre alguno de ellos. En pruebas con usuarios discapacitados se comprobó que hay varias secciones muy importantes que no son accesibles, como por ejemplo “Servicios”. Esto ocasionó que el contenido de esta sección fuera imposible de ver, ya que las imágenes que conforman el menú de opciones no están etiquetadas.
Página 33
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Uso de Estándares (5 de 5)
El menú principal no se despliega correctamente en algunos navegadores, específicamente, en Firefox 3. Realizando algunas pruebas del portal en diversos navegadores y versiones, se encontró que el menú principal no se despliega correctamente en la versión 3.0 de Mozilla Firefox sobre el sistema operativo Windows. Este problema se debe a que la construcción del código HTML no sigue los estándares de estructura de la W3C.
Recomendación:
Revisar el código HTML para alinearse a los estándares de estructura del XHTML de la World Wide Web Consortium (W3C).
Página 34
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
E-Marketing y SEO (1 de 5)
El portal no cuenta con dominios alternativos que logren aumentar la buscabilidad del sitio. Las personas que no tienen una cultura de uso frecuente del Internet difícilmente supondrán o recordarán el sufijo “org.mx”. El portal de Fundemex no brinda medios alternativos para aumentar la buscabilidad del sitio, de esta manera, si un visitante no conoce el sufijo "org.mx", no tendrá otras oportunidades de llegar al portal. Generalmente, el uso de diversos dominios para un mismo sitio web aumenta considerablemente la buscabilidad del mismo.
Recomendación:
[1] Un DNS es el nombre lógico definido por una organización para identificar de forma simple la dirección física de Internet que ocupa. El uso de DNS evita que e usuario tenga que memorizar un número (nic.mx, 2008).
Página 35
Adquirir al menos el dominio fundemex.org y de preferencia también los dominios fundemex.com y fundemex.com.mx. Se ha comprobado que los 3 dominios están disponibles. Aunque el sufijo.org sugiere que se trata de un sitio sin fines de lucro, los sufijos .com son generalmente la primera alternativa entre la mayoría de los usuario de Internet, especialmente los que tienen poca experiencia conectándose a la red. Se sugiere activar cualquiera de las alternativas mencionadas y re-direccionar al usuario, o mejor aún, ligar los Domain Name Servers (DNS) [1] a la misma dirección.
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
E-Marketing y SEO (2 de 5)
No existen metatags en el código del portal. La falta de estas palabras clave hace que, para buscadores como Google o Yahoo!, sea difícil encontrar el sitio con algunas palabras claves relevantes. Los metatags son etiquetas HTML que se incorporan en el encabezado de una página web y que resultan invisibles para un visitante, pero de gran utilidad para navegadores u otros programas que pueden valerse de esta información. Su propósito es incluir información (metadatos) de referencia sobre la página: autor, título, fecha, palabras clave, descripción, etc. Esta información podría ser utilizada por los robots de búsqueda para incluirla en las bases de datos de sus buscadores y mostrarla en el resumen de búsquedas o tenerla en cuenta durante las mismas y será invisible para un visitante normal (Wikipedia).
Como se muestra en este fragmento de código de la página principal, el portal en su desarrollo no cuenta con metatags, lo que provoca que al realizar búsquedas en los principales buscadores como Google, Yahoo! o Live Search, con palabras clave relacionadas al giro, objetivos o actividades de Fundemex, no se obtengan resultados satisfactorios, es decir, que los resultados que llevan al portal de Fundemex no son mostrados en las primeras páginas de resultados.
Página 36
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
Se realizaron algunas pruebas para verificar el posicionamiento actual del portal en los buscadores y estos fueron los resultados: Palabras Clave
Resultado (posición)
"donativos", "osc"
30
"donativos", "osc", "méxico"
24
"abatimiento", "pobreza"
185
"abatimiento", "pobreza", "méxico"
65
En los primeros dos casos no es la página de inicio de la cual aparece información, sino es esta noticia: Fundemex lanza el Centro Virtual para el Desarrollo de las OSC www.fundemex.org.mx/xml/1178902905797.html De la misma forma, en los siguientes dos casos, tampoco es la página de inicio de la cual aparece información, sino es esta noticia: Convocatoria para proyectos productivos www.fundemex.org.mx/archivos/convoca.html Por otro lado, es importante indicar que Fundemex aparece citado y posicionado por otras fuentes que no son su propio portal. Así mismo, se encontró que los siguientes sitios mexicanos similares a Fundemex aparecen mejor posicionados: CEMEFI y Vamos México. Recomendación:
[1] La densidad de metatags es la relación entre la palabra usada como metatag en el código HTML y la cantidad de repeticiones que tiene en el contenido del cuerpo de la página. (Morville, 2006). [2] Web Analytics es una forma de explotar información respecto al comportamiento de un usuario de un sitio web. (Google Analytics, 2008). [3] Análisis de Logs es la explotación de una bitácora de accesos de un usuario a un sitio web mediante una herramienta computacional especializada. (Rosenfeld, 2003).
Página 37
Incluir metatags en el código de todas las páginas para mejorar la indexación y facilitar la búsqueda del portal en la web, utilizando palabras y frases relacionadas con el contenido del portal. Se aconseja también revisar la redacción de los contenidos siguiendo las mejores prácticas del diseño de información. Con esto se asegurará que algunas de las palabras que se utilicen como metatags aparezcan al menos una vez, con esto se incrementará la densidad de los metatags [1] mejorando el posicionamiento en buscadores. De igual forma, es recomendable implementar una herramienta de web analytics [2] o análisis de bitácoras (logs) [3] para revisar periódicamente el éxito de las palabras seleccionadas como metatags y el comportamiento de los usuarios. En caso de ser necesario esta información será útil para actualizar la lista mencionada.
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
E-Marketing y SEO (3 de 5)
No existen títulos y descripciones en las páginas del portal (metatags), causando la aparición de resultados sin contenido en las búsquedas. Otro de los problemas que ocasiona la falta de metatags en las páginas del portal, es que al llegar a mostrar algún resultado en un buscador, la información arrojada carece de contenido informativo (Ver imagen a continuación). Esto se debe a que no existe un título y descripción colocados adecuadamente en los metatags del portal, provocando que el resultado no capte la atención de los usuarios brindando una breve descripción de lo que encontrará si da clic en dicho resultado de la búsqueda.
Recomendación:
Incluir metatags en el código de todas las páginas para mejorar la indexación y facilitar la búsqueda del portal en la web, proporcionando la información adecuada para los buscadores como el título de la página, la descripción, el autor, etc., datos que serán mostrados dentro de los resultados de las búsquedas.
Página 38
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
E-Marketing y SEO (4 de 5)
No se proporcionan herramientas de interacción que aumenten la comunicación con los visitantes. Las herramientas de interacción ayudan a generar mayor participación por parte de los visitantes y al mismo tiempo ellos se sienten más integrados con la institución, al participar más activamente dentro del portal. La falta de este tipo de herramientas, tales como blogs, foros, boletines electrónicos, etc., hace que prácticamente no exista un vínculo entre el visitante y el portal mismo. Además de funcionar, en muchos casos, como herramientas de mercadotecnia electrónica, este tipo de funcionalidades de interacción permiten crear mayor lealtad por parte de los usuarios hacia el portal y hacia la institución misma.
Recomendación:
Se recomienda incluir la funcionalidad de suscripción a un boletín con novedades o información. Este boletín, además de agregar interactividad, permitirá estrechar el contacto con las personas y organizaciones registradas en el portal. El uso de un boletín permitirá que, aunque los responsables de estas organizaciones no entren al portal estén al tanto de información que puede ser relevante para ellos. Al mismo tiempo puede ser un buen canal para garantizar que las direcciones de correo electrónico y otros datos relevantes se mantengan actualizados. El boletín se puede abrir a cualquier persona que se sienta identificada con los objetivos de Fundemex, de esta forma se puede lograr un acercamiento a las organizaciones o individuos identificadas como mercado potencial. En caso de diseñar este boletín se debe tener cuidado con cumplir con los estándares del Interactive Advertising Bureau (IAB) para minimizar la posibilidad de ser considerado como spam.
Página 39
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
E-Marketing y SEO (5 de 5)
El portal utiliza tecnologías como flash, cuyo contenido no puede ser indexado por los buscadores de contenido y cuyo uso debe ser moderado. Un inconveniente que en la actualidad tiene menor importancia es que el uso de flash requiere la instalación de un Plug-In por parte del usuario para poder visualizar la información, sin embargo, el problema más grave en el uso de tecnologías como flash es que su contenido no puede ser leído por los buscadores de contenido, haciendo que esta tecnología sea poco recomendada para mostrar contenidos textuales en los sitios web. En el caso del portal de Fundemex, se muestra contenido importante acerca de los fondos, inversiones y proyectos de la institución mediante tecnología flash, haciendo que dicha información no pueda ser indexada en los buscadores (ver imagen superior).
Otro problema causado en cierta medida por el uso de flash – y la ausencia de metatags – es que la página de inicio (introducción) es prácticamente invisible para los buscadores de contenido. Recomendación:
Evitar el uso de flash para mostrar contenidos, limitándolo a funcionalidades como mostrar video informativos o banners publicitarios.
Página 40
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008
¿Quién realizó este estudio? Luis Carlos Aceves Gutiérrez Es socio y consultor de WebUsability.com.mx. Es además columnista de los periódicos Reforma y El Norte. Participa como Secretario Técnico del Observatorio Ciudadano del Portal de Nuevo León. Es uno de los autores del Manifiesto de Usabilidad y Accesibilidad para Portales Gubernamentales Mexicanos. Es Ingeniero en Sistemas Computacionales, con estudios de posgrado en Mercadotecnia y Comercio Electrónico
José Alfonso García Grajeda Es socio y consultor de WebUsability.com.mx. Ha sido autor de publicaciones diversas relacionadas con la experiencia del usuario en la web. Es miembro activo de la Usability Professionals’ Association. Es Ingeniero en Sistemas Computacionales, cuenta con una Maestría en Diseño Gráfico y especializaciones en áreas como diseño interactivo y mercadotecnia electrónica
Dulce Deyani González Lozano Es socio y consultor de WebUsability.com.mx. Se desempeña como docente en la Universidad de Monterrey. Ha impartido numerosos cursos relacionados con EMarketing, SEO y arquitectura de información. Es Ingeniera Industrial y de Sistemas, cuenta con estudios de posgrado en las áreas de Administración y Mercadotecnia Electrónica.
Página 41
Este estudio fue elaborado por Web Usability S.C, su uso está reservado únicamente para los fines que al cliente convengan. D. R. Diciembre, 2008