Errores que debes evitar en una página de inicio

Ayer vi la nueva web que ha estrenado la Real Sociedad y aunque tiene cosas que mejoran la versión anterior, en ésta se siguen cometiendo importantes errores de usabilidad.

No pretendo hacer un análisis exhaustivo de toda la web, pero sí me voy a centrar en la página de inicio.

No pongas barreras al contenido
Han optado por una página de inicio que sólo sirve de paso intermedio para llegar a otras secciones de la web, esto no significa otra cosa que poner barreras entre el usuario y los contenidos. Es una página que se podía haber evitado totalmente, ocupando su lugar esta otra http://www.realsociedad.com/Home/Index.
Ya que esta 2ª página es la que realmente muestra información relevante sobre el club y además en ella tienen cabida todas las secciones que están en la página de inicio: tienda, próximo partido, entradas, cambio de idioma,…

Partiendo de esto, aquí se debería acabar toda historia, pero puestos a analizar esta página, vamos a seguir.

Focos de atención
Desconozco la estrategia de marketing online de la Real Sociedad y cuál es su objetivo con esta web pero voy a suponer que para los dirigentes del club es importante que los socios sigan el día a día de su equipo. Sin embargo, la imagen que están transmitiendo con ese diseño es que lo que ellos llaman en la página de inicio como “Entrar Web oficial” tiene bastante poca importancia para el club, ya que se trata de un diseño con múltiples focos de atención, llevándose el protagonismo la fotografía de un jugador de la Real Sociedad y las 4 secciones inferiores: Tienda, Próximo partido, Entradas y Real Sociedad TV.

Una vez que se accede a esta página de inicio, al usuario le cuesta bastante tiempo saber cómo acceder al contenido del club. Alguien me dirá que realmente toda la fotografía es un enlace a la “web oficial” y que se trata de un área suficientemente extensa, sin embargo aquí el problema no es de tamaño sino de focos de atención. Por una parte la fotografía tiene su foco en el futbolista y por otra el texto “Entrar Web Oficial” queda totalmente difuminado por la importancia de la fotografía y en parte por encontrarse situado justo debajo del escudo, lugar adecuado para poner el nombre del club “Real Sociedad”, lo que hace que pase desapercibido para el usuario.

Diferenciar enlaces
No están bien diferenciadas las distintas secciones y sus enlaces, prácticamente el 90% de la página de inicio es enlazable y todo ello parece ser un único enlace, sin espacio entre secciones que las diferencie claramente.

No dispone de un diseño que comunique visualmente cuáles son las áreas clicables, algo que se puede representar fácilmente bien mediante enlaces de texto estándar o bien mediante efectos gráficos que otorguen a las distintas secciones un aspecto pulsable.

norges nett casino

E-participación ciudadana en la Administración Pública

La participación ciudadana en la Administración Pública está en auge, es más, diría que está de moda, con los peligros que eso conlleva.

Tras el éxito del Social Media por parte de Barack Obama en su campaña a la presidencia y de la que ya hablé en el post Obama, crear comunidades online, ahora partidos políticos y administraciones públicas parecen estar obligados a tener una página en Facebook, una cuenta de Twitter o cualquier cosa que huela a 2.0 o a open government. Simplemente por el mero hecho de que es algo que a día de hoy está bien visto.

La teoría dice que cuánta más información se recopile, cuánto más se aproveche el conocimiento de la ciudadanía como colectivo, más fácil será acertar en la toma de decisiones por parte de la Administración. Sin embargo una de las cuestiones que considero vitales en el éxito o fracaso de las iniciativas de participación ciudadana es la motivación de los ciudadanos, algo que en la mayor parte de las iniciativas que conozco en España se está obviando.

Hay que tener muy en cuenta la temática, por una parte no se puede abrir una página en Facebook generalista y esperar a que la gente vaya llegando y participe. Para empezar hay que acotar, hay que ser menos ambiciosos y más prácticos, hay ciertas temáticas en las que está comprobado que es más fácil que el ciudadano participe, algunas de estas temáticas pueden ser temas urbanísticos, medio ambiente o temas relacionados con la juventud.

Otro factor a tener en cuenta es el ámbito geográfico de actuación, es más probable que la iniciativa tenga éxito siendo a nivel local o regional que a nivel nacional. Ya que la ciudadanía participa en cuestiones que le afectan en su día a día, aquellas cuestiones que siente como suyas.

Un claro ejemplo de éxito, aunque no se trate de una iniciativa de la Administración, es la web ArreglaMicalle, mediante la cual los ciudadanos pueden denunciar el mal estado de sus calles o barrios y en donde se pueden encontrar denuncias tan concretas y útiles como esta: “Hay varias motos abandonadas en el parking de Secundino Esnaola, junto a la calle Larroca. A ver si alguien las quita ya! Que ocupan sitio y muchas veces no tenemos donde aparcar!”

Hace poco pude conocer el caso de e-participación ciudadana en la elaboración del presupuesto municipal de Colonia. Los responsables del ayuntamiento pusieron en marcha un sitio web cuyo objetivo fuera la recepción de propuestas de la ciudadanía. Para ello, previamente enviaron 600.000 encuestas a todas las viviendas de Colonia para conocer cuáles eran los temas que más importaban a la gente, a partir de ahí iniciaron una fase de recepción de propuestas a través de la web que duró 4 semanas y en la que se recibieron 5.000 propuestas.

En la web, cada propuesta iba relacionada con el nombre de la persona que la había realizado y se indicaba mediante un semáforo el estado en el que se encontraba: en estudio, rechazada o aceptada.

De esas 5.000 propuestas se seleccionaron 300 para pasar al debate político y cómo resultado se obtuvieron algunas mejoras en la ciudad como regeneración de parques públicos, o alguna nueva intersección que mejoraba el tráfico de la ciudad,…

Hasta aquí parece que todo es positivo en la participación ciudadana, sin embargo no todo es tan bonito. Resulta que al siguiente año han vuelto a realizar la misma campaña, añadiendo nuevas temáticas y la participación ha caído considerablemente. Los responsables lo achacan a la menor cobertura que ha recibido la iniciativa por parte de la prensa local. Sin embargo creo que el análisis debería ser más profundo, si observamos las cifras, vemos que se recibieron 5.000 propuestas, se seleccionaron 300 y se llegaron a realizar unas pocas. Esto qué quiere decir, que más del 90% de las propuestas no fueron atendidas, lógicamente, es imposible que puedan ser atendidas las propuestas de todos los ciudadanos, pero de manera involuntaria se está desmotivando a esos ciudadanos que han dedicado un tiempo a realizar su propuesta, ya que saben que muy probablemente no va a ser escuchada.

Entonces quizás haya que pensar en algún tipo de recompensa para el ciudadano, para recuperar esa motivación que ha perdido. Y si no se puede compensar al ciudadano con la culminación de su propuesta, posiblemente haya que pensar en otros métodos. Desde luego hay que tener en cuenta que la relación entre Administración y ciudadanía tiene que ser win-to-win.

Un caso que me toca más de cerca es la iniciativa del Gobierno Vasco “Berrikuntza Publikoa” en donde se pedía la participación ciudadana para mejorar el portal Euskadi.net. En este caso la participación ha sido muy escasa, prácticamente nula, a mi entender propiciada por dos motivos, motivos los cuales por cierto ya se los comenté en privado a Alberto Ortíz de Zárate.

Esta claro que nadie tiene la barita mágica del éxito, pero el planteamiento en esta ocasión fue excesivamente exigente para el ciudadano. “Berrikuntza Publikoa” se dividió en 6 temáticas, 4 de las cuales (contenidos, usabilidad, diseño y lenguaje) son excesivamente técnicos para el público en general, algo que posiblemente haya frenado la participación de la gente de a pie de calle, ya que son temáticas que requieren la colaboración de profesionales del sector y que además exigen un esfuerzo grande de análisis.

Al ciudadano le podemos “sugerir” que nos cuente los problemas que encuentra al utilizar los portales, pero luego la tarea de búsqueda de soluciones a esos problemas, irremediablemente es tarea de los profesionales, siendo éstos y no la ciudadanía, los que detecten si esas dificultades se producen por una arquitectura de información compleja, un uso incomprensible del lenguaje o un diseño gráfico que distrae la atención. Esto al final tiene que servir como test de usuarios, como encuesta a aquellos usuarios que utilizan el portal.

En este caso tampoco existía recompensa alguna para el ciudadano, y vuelvo a insistir en que la relación tiene que ser siempre “win-to-win”. Hay diversas formas de recompensa, quizás en algunos casos sirva el reconocimiento público, pero en otros quizás haya que recurrir a algo material. Por poner sólo 2 ejemplos, podría ser el sorteo de algún gadget o si se tratara de un ayuntamiento, se podría agradecer la participación mediante “3 meses de OTA gratis en la ciudad”.

¿Qué opinión tenéis sobre temas de e-participación?

Formularios de registro, déjame tocar antes

Los formularios de registro son una barrera entre el usuario y nuestra web o producto. Empiezo por esa frase porque es lo que tenemos que tener siempre presente a la hora de diseñar el proceso de registro.

No voy a entrar tanto en el diseño del formulario propiamente dicho, sino en cuándo y cómo debe ser ese proceso de registro.

Muchas veces suelo decir que la experiencia de usuario de un proceso de compra por Internet tiene que aproximarse lo máximo posible a la experiencia de compra a pie de calle. En esa misma dirección está avanzando la realidad aumentada, los usuarios quieren ver el producto, tenerlo en las manos, probarlo y finalmente si les gusta lo compran, pero nunca van a comprar antes de seguir todo ese ritual.

Con esto ya queda claro que no podemos poner el registro al comienzo para simplemente acceder a la información, el usuario tiene que poder navegar, “mirar, tocar…”, sin pedirle ningún dato. El objetivo es engancharle.

Tenemos que pedir los datos al usuario lo más tarde posible, y de una manera lo menos traumática posible, de tal manera que casi sin darse cuenta el usuario ya tiene su cuenta creada. Los anglosajones han llamado a todo esto “lazy registration”, algo así como registro perezoso, aunque suena fatal en castellano.

También es muy importante que cuando lleguemos al momento de la verdad, los datos que le pidamos sean única y exclusivamente los imprescindibles. Una vez que ya tengamos esos datos, ya tendremos tiempo más adelante de pedirle que complete su perfil.

Lo mejor es ver algunos casos de buenas prácticas:

Foodspotting
Es una red social que permite compartir platos de comida de restaurantes.
Sin necesidad de estar registrado te permite ver toda la actividad de otros usuarios, e incluso introducir tu propio plato, restaurante y foto del plato. Y sólo cuando pulsas en compartir es cuando te pide los datos de usuario, para entonces el usuario ya está totalmente enganchado.

Askaro
Red social para intercambiar información sobre barrios y ciudades.
Permite navegar por todo el site e incluso escribir una pregunta sobre la ciudad que te interese sin estar registrado. Una vez que has escrito una pregunta y te ha pedido tu email, te llegará un email donde se te informa de que para publicarla tienes que rellenar un par de datos más.

Para terminar, 3 preguntas que deberías hacerte antes de diseñar un formulario de registro:

  • ¿Para qué quiero que el usuario se registre?
  • ¿Qué datos necesito?
  • ¿Qué le voy a ofrecer al usuario a cambio de sus datos?

Conversion Thursday, Cadius y Pintxos&Blogs en Donostia

Sorprendentemente la 1ª semana de febrero se han juntado 3 eventos interesantísimos en Donostia: Conversion Thursday, Cadius y Pintxos&Blogs.

Por una parte tenemos el Conversion Thursday, un evento sobre analítica web y marketing online, que se celebra por 1ª vez en Donostia.

  • Fecha: 4 de febrero
  • Hora: 19:00 – 21:15 h.
  • Lugar: Edificio Cemei. Portuexe 23 – 4ª planta.
  • Tema: ¿Cómo llevamos las compañías, las agencias, las consultoras… la gran transformación hacia la economía digital? Por Juan José Azcárate

Después de 9 meses volvemos a tener otro taller Cadius, comunidad donde solemos tratar temas de diseño, programación y de Internet en general.

  • Fecha: 5 de febrero
  • Hora: 16:00 – 19:00 h.
  • Lugar: Oficina de Caja de Ahorros de Navarra. Avenida Madrid 8.
  • Temas:
    16:00 – 17:00 h. Google Analytics -17:00 – 18:00h. Por Miren Berasategi.
    17:00 – 18:00 h. SEO: Algunos sucedidos y varias formas de meter la pata. Por Sergio Monge.
    18:00 – 19:00 h. Reutilización de datos en la Administración Publica. Por Alberto Ortíz de Zárate.

Y para finalizar la noche del viernes, tenemos el Pintxos&Blogs, un Beers&Blogs pero a la donostiarra.

  • Fecha: 5 de febrero
  • Hora: 20:30 – 23:55
  • Lugar: por determinar.
  • Tema: Pobreza y Cooperación en Gipuzkoa.

Si nada me lo impide, me dejaré ver por los 3 eventos.

Snippets de Google con el microformato hCalendar

Hace un par de años empecé a interesarme por la web semántica y concretamente por los microformatos. Yo que me considero una persona más bien práctica, toda la teoría de la web semántica se me quedaba un poco lejana, a excepción de los microformatos, que les veía un gran potencial. Sin embargo hasta ahora parece que han estado latentes, sin terminar de despegar, con los navegadores principales sin darles soporte por defecto (se pueden visualizar instalando Operator para Firefox) y Google sin volcarse decididamente, aunque ya soportaba hReview y hCard.

Sin embargo, ayer Google dio una noticia que realmente me ha hecho ilusión y es que va a empezar a mostrar en las páginas de resultados snippets con el microformato hCalendar. Esto supone que a partir de ahora Google empezará a mostrar enlaces a eventos con fechas y localizaciones permitiendo visualizar de una manera rápida y sencilla si la web tiene eventos interesantes para el usuario.

Animo a todos aquellos maquetadores a que utilicen microformatos para los eventos ya que no supone ningún esfuerzo extra. Además seguro que ahora los SEO también se interesan más por el microformato hCalendar.

A continuación os pongo un sencillo ejemplo de cómo hay que maquetar un evento con el microformato hCalendar.

<div class="vevent">
<a href="http://cadius-donostia.stagehq.com/" class="summary">
Taller Cadius Donostia</a>
<abbr title="2010-02-05T16:00+01:00" class="dtstart">
5 de febrero de 16:00</abbr> a
<abbr title="2010-02-05T19:00+01:00" class="dtend">19:00</abbr>
</div>

Con class=”vevent” indicamos que ese div contiene un evento.
A la etiqueta html que englobe el título del evento, le ponemos siempre class=”summary“.
Para indicar las fecha de inicio y fin  indicamos class=”dtstart” y class=”dtend” respectivamente, con el formato de fecha y hora aaaa-mm-ddThh:mm.

De esta manera ya estaríamos utilizando el microformato hCalendar.

Puedes ver más información sobre cómo funciona hCalendar aquí y aquí.