23 septiembre 2012

Encuentre las páginas web de las candidaturas a alcalde de Pablo Zalaquett, Gonzalo Duarte, Marta Lobos y evalúe su posicionamiento en buscadores

Sitio web Pablo Zalaquett
El primer ejercicio fue buscar a los tres candidatos en los principales navegadores del país: Chrome, Firefox y Explorer. Ello, con el fin de analizar cuán “encontrable” (Findability) era cada sitio de campaña. En los dos primeros, el portal de campaña de Pablo Zalaquett apareció en la quinta posición, mientras que en Explorer se ubicó lugar más arriba.

Sitio web Marta Lobos
El primer resultado de la búsqueda en los tres navegadores correspondía a Wikipedia, siguiendo el sitio de la Municipalidad de Santiago –en Chrome y Firefox- y redes sociales –Explorer-.

Sitio web Gonzalo Duarte
Al digitar Gonzalo Duarte en los tres navegadores la situación empeora con respecto a la de Zalaquett. Lo anterior se debe a que el sitio de su candidatura no figura dentro de las primeras alternativas, encabezando el listado Wikipedia. En Firefox y Chrome recién aparece en la onceaba posición, mientras que en Explorer no aparece dentro de la primera página. 

En el caso de Marta Lobos el panorama cambia radicalmente, ya que tanto en Firefox como Chrome aparece como segundo resultado de búsqueda, antecedida por la galería de imágenes de ambos navegadores. En Explorer, mientras tanto, aparece como tercera alternativa.

El buen o mal posicionamiento de estos candidatos tiene que ver con una serie de elementos que se han de considerar a la hora de escribir en espacios digitales. El nombre del sitio es, según el libro “Tienes cinco segundos”(J.C. Camus), uno de los elementos que pasa usualmente inadvertido.

“Fácil de escuchar, escribir y leer” son las recomendaciones hechas por el autor a la hora de denominar un sitio. De los sitios en cuestión percibimos que “http://www.martalobos.cl” y “http://pablozalaquett.cl” desarrollaron de mejor manera estas características, lo cual podría ser considerado por el candidato Duarte.

Algunas propuestas para una buena elaboración de direcciones web son evitar números, utilizar no más de 10 letras, pensar en un nombre y dirección web representativos, realizar una programación que permita ingresar sin digitar www, entre otras.

El posicionamiento en buscadores no sólo depende de la URL de cada sitio. La actualización de los contenidos, el número de visitas recibidas, presencia en redes sociales, uso de keywords son algunos de los elementos que también se han de considerar.

Existen herramientas que permiten evaluar de manera numérica cada sitio web. Google patentó la marca PageRank, que consiste en una serie de algoritmos que clasifican los portales indexados por un motor de búsqueda. PRchecker.info es una alternativa gratuita que permite tener una noción acerca de los tres portales en cuestión. De una escala de 0 a 10, todos los sitios de candidatos obtuvieron “0” puntos.

Para que un buscador pueda indexar las páginas de un sitio web es necesario realizar un trabajo fino de desarrollo, que incluye considerar los estándares fijados por el World Wide Web Consortium.

El paso siguiente es incorporar palabras clave para que los buscadores ofrezcan sus páginas entre los primeros resultados. La tarea no acaba allí, pues es importante facilitar el acceso a cada sitio desde distintos portales de Internet. En este caso, los tres sitios de candidaturas podrían estar enlazados desde los propios de sus partidos, por ejemplo.

Además debe considerarse la frecuencia de actualización de los contenidos, ya que se premia a aquellos sitios que están habitualmente renovando la información que ofrecen.

Ahora bien, no todos los usuarios acceden de la misma forma a los sitios web, por lo que cada página que los constituye debe ser cuidadosamente elaborada. La imagen corporativa, los breadcrumbs y elementos de navegación (menús, botones y señales gráficas), claridad en el nombre de cada sección, fecha de actualización, presencia de artículos relacionados, y un mapa del sitio son algunas de las recomendaciones que han de mejorar el posicionamiento de los sitios analizados

Elabore un informe con los cambios que debe realizar el sitio para mejorar su usabilidad y arquitectura de la información.

El bajo PageRank de los tres sitios de candidatos no es cuestión de azar. La “encontrabilidad”, accesibilidad y utilidad son algunos de los elementos que se han de considerar para mejorar su usabilidad y arquitectura de la información.

La “encontrabilidad” (findability) tiene que ver con la capacidad de un sitio web de ser encontrado por los usuarios. Esto significa que una URL bien elaborada, es decir, con no más de diez dígitos y que sea representativa, además de asociarla a otros portales relacionados, podría mejorar su posicionamiento en motores de búsquedas. Los links de los sitios de candidatos podrían ser sólo sus nombres –como ocurre con Marta Lobos- y también ser asociados a partidos políticos, por ejemplo.

Contenidos periódicamente actualizados también es una ventaja, más aún si se considera que los visitantes no ingresan necesariamente al inicio (Home) de los sitios. Las secciones de noticias, por ejemplo, podrían ser mejor aprovechadas incluyendo, por ejemplo, las menciones hechas en otros medios de comunicación, ya sean escritas, en la radio o la televisión.

Otro elemento a considerar es el uso de redes sociales, adaptándose a los lenguajes de cada red social. Las más utilizadas en Chile son Facebook y Twitter, por lo que ambas deberán ser consideradas a la hora de crear un sitio web. Es fundamental, eso sí, actualizar los contenidos constantemente, ajustándose a las buenas prácticas de cada una de ellas. Deben ser consideradas como herramientas de trabajo, por lo que adoptar un perfil profesional estaría más acorde a la imagen de los candidatos.

El uso de palabras clave también se debe tener en cuenta, y el sitio de la candidata Marta Lobos los considera. En la parte baja del sitio se incluye una nube de tags que diferencia según tamaño las palabras más y menos relevantes. Sin embargo, al hacer click en cualquiera de ellas lleva al usuario a la sección general de noticias, y no hacia contenidos relacionados con cada concepto.
 
En lo que respecta a la accesibilidad se han de considerar una serie de elementos que garanticen el acceso de todo tipo de usuariospersonas con necesidades especiales (discapacitados/as) o usuarios más o menos experimentados, por ejemplo- y su principio de flexibilidad –usuarios con buenas y malas conexiones a Internet, uso de distintos navegadores, etc.

Ajustarse a las normas de la W3C podría ser la solución, es decir, utilizar un diseño web y de interacción apropiado para todos. Esto significa que para elaborar un sitio se ha de considerar previamente su contenido por cada página, navegadores Web y reproductores multimedia, tecnología asistida para situaciones especiales, conocimiento de los usuarios, equipo profesional de desarrolladores, software apropiados y herramientas para evaluar la accesibilidad Web (validadores de HTML, validadores de CSS, etc.).

Jacob Nielsen advierte una serie de principios de usabilidad que bien podrían ser aplicados en los sitios analizados. Ausentes en los tres portales fueron las secciones “ayuda” y “mapa del sitio”, las cuales permiten al usuario solucionar problemas básicos de información.

Otro principio no considerado, al menos por el sitio de Zalaquett, fue el de dar libertad y control al usuario. Lo anterior se debe a que cada vez que se accede al Inicio se ejecuta automáticamente el video promocional del candidato, generando la molestia de los visitantes.

Para mejorar la calidad de los tres sitios de candidatos es fundamental poner énfasis en su arquitectura de la información. El objetivo es desarrollar un diseño web centrado en el usuario que involucre a los usuarios en las etapas de desarrollo del portal.

La primera fase es la de planificación del sitio, y tiene que ver con la recolección de información para tener una base que permita tomar decisiones de diseño. En este último punto es importante elaborar arquetipos de los posibles usuarios que visitarán el sitio web, definir el esquema de navegación del sitio y los aspectos visuales de cada página, diseño hipertextual de los contenidos y desarrollar prototipos  de la interfaz del sitio. Luego de ello se realizan evaluaciones -heurísticas y test de usuarios, por ejemplo- para realizar mejoras constantemente.

Los pasos siguientes son la implementación y lanzamiento del sitio -utilizando estándares que aseguren la compatibilidad del sitio- y su mantenimiento.

Aplique un test de usabilidad de guerrilla. Detalle las conclusiones y determine las dificultades de uso encontradas por los usuarios. En su respuesta incluya las preguntas que formuló.

El test de usabilidad de guerrilla es una prueba basada en la observación y análisis de uso de un sitio web por parte de los usuarios, para detectar los problemas y planear sus soluciones.

En esta prueba participaron cinco usuarios comunes que no participaron en el desarrollo de los sitios de los candidatos. Todos ellos son mayores de 18 años y ninguno había visitado antes los portales web.

El proceso se realizó en una dirección particular, con un computador con conexión a Internet, y a cada participante por separado.

Guión

  • Muy buenas tardes. Agradezco su disposición a participar de este test de usuario cuya finalidad es evaluar la calidad de uso de tres sitios web.  
  • Se estima una duración aproximada de X minutos para la elaboración de este trabajo, el cual consta de X preguntas en total. Es importante señalar que cualquier falla durante la prueba no es culpa suya, sino del diseño de los sitios web en cuestión.
  •   Le pido que durante el desarrollo de cada pregunta usted piense en voz alta diciendo todo lo que pase por su mente, expresando qué problemas encuentra, aquello que no entienda, etc. Mi rol será de observadora, por lo que no podré prestarle ayuda para llevar a cabo las tareas.
  • Daremos paso a las preguntas. Recuerde comentar en voz alta todo lo que piense.
  • La primera tarea es observar este primer sitio (Zalaquett) y comentar lo que cree estar viendo.
  • ¿A quién pertenece este sitio web?
  • ¿De qué cree que trata?
  • ¿Cuál cree que es el objetivo de este sitio?
  • ¿A qué comuna pertenece este candidato?
  • Ubique la noticia “Zalaquett e Injuv inauguran centro de oportunidades para los jóvenes”.
  • ¿Podría saber qué ha hecho este candidato durante sus cuatro años como alcalde de Santiago?
  • ¿Con qué redes sociales cuenta este candidato?
  • ¿Hay algún contenido que considere necesario incorporar en el sitio web de este candidato?
  • Observe este segundo sitio (Duarte) y comente en voz alta de qué cree que trata y a quien pertenece.
  • ¿A qué comuna pertenece este candidato?
  • Ubique la noticia “Multitudinario lanzamiento de campaña de Gonzalo Duarte”.
  • ¿A qué áreas pertenecen las propuestas de campaña?
  • Ubique la sección “Columnistas”.
  • ¿Con qué redes sociales cuenta este candidato?
  • ¿Hay algún contenido que considere necesario incorporar en el sitio web de este candidato?
  • Observe este último sitio (Lobos) y comente en voz alta de qué cree que trata y a quien pertenece.
  •  ¿A qué comuna pertenece esta candidata?
  • Ubique la noticia “Municipio y Corporación de Deportes Ovalle avanzan en convenio para nuevo recinto en costanera”.
  • ¿Es primera vez que esta candidata postula o pretende continuar a la cabeza de esta comuna?
  • ¿Logra identificar las propuestas de campañas?
  • ¿Cómo podría contactarse con la candidata?
  • ¿Hay algún contenido que considere necesario incorporar en el sitio web de esta candidata?

Conclusiones


Los usuarios tuvieron algunas dificultades para identificar la comuna por la cual compiten estos candidatos, al igual que sus propuestas de campaña. Ello porque el contenido no lo evidenciaba ni tampoco estaba puesto al comienzo de los textos, y porque la nube de tags (Lobos) estaba al final de la página.  

Gracias al contexto cultural en el cual se desenvuelven, las personas pudieron reconocer que se trataba de sitios de candidatos municipales. De haber sido extranjeros, por ejemplo, habría sido más difícil que reconocieran la finalidad de los sitios.
   
Video de Pablo Zalaquett
La pérdida de control del usuario al momento que se ejecuta automáticamente el video del candidato Zalaquett fue una de las críticas más recurrentes. La velocidad del flash del portal de Duarte tampoco fue bien visto por los usuarios, al igual que su gran tamaño.

El tamaño de las fotos, al igual que su contenido, fue aludido por dos de los usuarios que participaron de los test. Ambos poseen conocimientos de diseño gráfico, por lo que fijaron su atención en la poca expresividad de algunas fotos, al igual que la pérdida de espacios en blanco de los sitios de Duarte y Lobos. 

Favicon de Marta Lobos
El favicon de Marta Lobos no fue una mala idea, señalaron, pero la imagen debería ser sustituida por otra reconocible en tamaño pequeño. Una recomendación sería utilizar un ícono representativo, como una letra.

Los usuarios tuvieron dificultad a la hora de identificar su posición en el sitio, debido a que la barra de navegación no la evidenciaba. Si el usuario estaba en “Biografía”, por ejemplo, es necesaria la presencia de elementos como la diferenciación de color de la etiqueta o migas de pan que ubiquen al usuario.

A medida que los usuarios avanzaban haciendo scroll, menos atención ponían al contenido. Es por ello que para acceder a las noticias buscaban la pestaña en la barra de navegación antes que al final de la página de Inicio.

Los textos también recibieron críticas de los usuarios. Lo anterior debido a que en algunos casos la letra era demasiado pequeña, la tipografía no era la misma en todo el sitio, carecían de elementos de hipertextualidad (enlaces relacionados, pirámide invertida de los contenidos, etc.), porque escribían con mayúsculas y sin tildes, abusaban de las letras en negrita, y algunos textos tenían una extensión poco grata para el usuario digital.

Con respecto a las redes sociales el comentario principal fue que les parecieron un poco impersonales, y que si las iban a considerar había que preocuparse de la actualización de sus contenidos. Marta Lobos, por ejemplo, pasó algunos días sin “tuitear”, lo cual fue detectado por usuarios acostumbrados a Facebook y Twitter.

Elabore un informe sobre cambios a realizar en los sitios web destinado a cada uno de los clientes

El presente informe cuenta con una serie de propuestas para mejorar la calidad de su sitio web. Se incluyen aspectos de arquitectura de la información, usabilidad, elaboración de contenidos digitales y el aprovechamiento de la colaboración de los usuarios. Todos ellos constituyen elementos que aumentarán su posicionamiento en motores de búsqueda así como también la credibilidad de su portal. 

Aspectos técnicos


El primer paso hacia un buen sitio web es elegir cuidadosamente su nombre y dirección (URL). Nombres en español, con no más de diez caracteres y sin guión, y que sean representativos harán del portal uno más encontrable (findability) y “recordable”.

Ejemplo de Arquitectura de la Información
Un sitio mejor elaborado es aquel que cuenta con jerarquía visual, es decir, que lo más importante sea más visible para el usuario. En este sentido, si se trata de portales representativos de campañas electorales es importante dar a conocer la comuna por la cual participan, propuestas de campaña, galerías de fotos, noticias, etc. Teniendo en cuenta los contenidos principales podrán elaborarse las pestañas de la barra de navegación con su respectiva preponderancia, favoreciendo el entendimiento del sitio por parte de los usuarios.

La página principal (Inicio o Home) debe contener la identidad del sitio, para lo cual se puede utilizar un logo y colores representativos. Es importante que al menos el header (la parte superior de un sitio) y el footer (parte inferior) se mantengan en las páginas interiores, para así dar mayor coherencia al sitio web. Incluir el contacto –correo electrónico y dirección geográfica- en la parte inferior proporciona mayor credibilidad al usuario.

Algunas formas de ayudar al usuario son incorporar siempre una barra de búsqueda en la parte superior de la página (preferentemente al lado derecho), evidenciar las zonas en las que se puede hacer clic, hacer caso a las convenciones (links en azul, o que los banner lleven al Inicio, por ejemplo), incluir migas de pan, destacar en la barra de navegación la posición del usuario, incluir un botón Inicio, accesos directos, entre otros.

A la hora de diseñar un sitio es recomendable dejar los elementos principales en el primer pantallazo, es decir, evitar que el usuario deba desplazarse hacia abajo o hacia al lado con el mouse. En este sentido, se hace un llamado para un mejor aprovechamiento del espacio (no dejar zonas en blanco), optando por alternativas minimalistas. 

Los elementos gráficos, como fotografías y videos, no deben ser descuidados. En este sentido, se han de preferir imágenes expresivas, procurando su corte limpio (no cortar las cabezas de las personas) y etiquetado. Es importante agregar lecturas de imagen cuando sea posible, así como también basarse en las normas de la W3C para asegurar la accesibilidad y comprensión de todo tipo de usuarios.

La tipografía también es un elemento importante, por lo que se debe procurar utilizar siempre el mismo tipo de letra, no usar mayúsculas, además de procurar evitar errores de digitación. Estos últimos, así como los enlaces rotos, son dos de las principales razones que hacen al usuario perder la credibilidad en un sitio.

En la actualidad existen una serie de dispositivos con acceso a Internet. Celulares, tabletas, netbooks, entre otros, deben ser considerados a la hora de diseñar un sitio web, al igual que la opción de descarga de algún contenido en caso que el usuario pierda la conexión y quiera acceder a él en otro momento.  

En el caso de sitios de campaña electoral secciones de contacto y otra para reclutar colaboradores tienen relevancia. Por esta razón es que incorporar un sistema voluntario de inscripción en boletines electrónicos o un RSS serían de utilidad para los usuarios que no ingresarán permanentemente pero que sí deseen recibir información actualizada.

Aspectos relativos a los contenidos


Pirámide invertida aplicada en hipertextos.
La hipertextualidad es fundamental a la hora de elaborar contenidos digitales. Atrás quedan los textos lineales y los párrafos extensos, la idea ahora es establecer jerarquías de información, yendo de lo más a lo menos importante. Se recomienda plantear ideas en pocas palabras, utilizando verbos directos, explicaciones en positivo (es decir, no plantear lo que no hay que hacer), destacar conceptos significativos, crear listas en vez de párrafos extensos, enlazar contenidos relacionados, y evitar abreviaciones y tecnicismos.

Es importante mantener actualizados los contenidos de un sitio web, al igual que el de las redes sociales que se utilizarán. Todo ello demuestra el profesionalismo de la marca –candidatos municipales en este caso- aumentando la credibilidad en el portal y en las otras plataformas.

El uso de multimedios, como audio y video, entre otros, también es recomendado para complementar los contenidos, sin dejar de considerar que los usuarios acceden a un sitio desde distintos dispositivos a los que también deberán ajustarse.

Por último, pero no menos importante, es fundamental poseer herramientas que permitan conocer a la audiencia. En este sentido, GoogleAnalitys es un elemento clave para saber exactamente qué secciones son las más visitadas, cuántas visitas recibe un sitio en un periodo determinado de tiempo, entre muchos otros aspectos.

Aspectos relativos a los usuarios


Cuando un contenido capta la atención de un usuario es probable que éste quiera compartirlo. En este sentido, contar con las principales redes sociales –en el caso de Chile, Facebook y Twitter- es un plus para los sitios web. Ello significa que se les debe prestar el mismo profesionalismo con el que se lleva a cabo un portal, elaborando estrategias diferenciadas para cada uno. Si un candidato dispone de cuentas oficiales es recomendable que estén presentes en su sitio de candidatura, de modo que los visitantes puedan seguirlos en cada una de ellas.

Contar con sistemas para incorporar feedback instantáneo también es una buena alternativa, ya que permiten recoger la opinión del usuario de manera inmediata. La posibilidad de introducir comentarios manualmente o por redes sociales, o bien poder catalogar la calidad de los contenidos con una estrella, por ejemplo, son algunas formas de hacerlo.

11 septiembre 2012

¿Aprendemos juntos?

Este blog fue creado como apoyo a la asignatura Lenguaje Multimedial impartida por la profesora María Paz Moya, en el Magíster en Ciencias de la Comunicación USACH.

Las entradas tienen relación con actividades docentes y evaluaciones, por lo que han de ser entendidas como ejercicios de aprendizaje. Constituyen, entonces, una invitación a aprender juntos sobre temas de usabilidad, arquitectura de la información, periodismo digital y otras aristas del Periodismo Digital.

¿Aprendemos juntos?