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

Me he animado a escribir este post porque en ocasiones me suelen preguntar cómo pueden empezar a aprender sobre usabilidad y experiencia de usuario. Eso unido a que cada vez veo más humo y gente que se las da de gurú sin tener ni idea, he creído conveniente hacer una lista de gente competente, interesante y de la que realmente se puede aprender mucho.

Blogs:

Twitter:

En este post con total seguridad no están todos los que son, pero sí son todos los que están y servirá para aprender de verdad,… ¡sin humo!

Escribir un post sobre la metodología llevada a cabo en un proyecto grande. Destacando conceptos como: los de ux nos solemos quejar-amparar en que un proyecto no ha salido todo lo bien deseable porque el resultado final no tiene que ver con lo que has conceptualizado en un wireframe.

Hay que defender la idea de que un cuando se empieza un proyecto nuevo no se puede uno poner a definir pantallas, antes hay que reunirse con el cliente, stakeholders, juntarse con los profesionales que conocen el negocio (los funcionales), conocer cuales son los usuarios, qué necesidades tienen.

Destacar la importancia de trabajar codo con codo con los funcionales, en grandes proyectos un experto en UX no tiene la capacidad de adquirir todos los conocimientos necesarios sobre el negocio, necesita contianumente una muleta en la que apoyarse, de lo contrario cometerá fácilmente errores de bulto.

black jack jeux

Una vez atravesado el ecuador, es decir los wireframes, comienza la fase de cuidar la interacción, de tratar codo con codo los programadores, hay que recordar que la experiencia de usuario se trabaja en el diseño visual, pero también en el código. Es importante que todo el equipo sea sensible a la #ux.

Indicar que es importante una labor que yo llamo de “desgaste”, de evangelización, haciendo que hasta el más purista de los programadores sea sensible a ux. No estoy inventando nada nuevo, esto es lo que siempre se ha dicho y se ha pedido, que todo el equipo esté implicado en los objetivos del proyecto, no sólo en su parte.

En este post se puede hacer referencia al post de joaquin marquez

Hacer un post argumentando la idea de que no se puede hacer el wireframe perfecto, pensando en la mejor de las situaciones.

telecharger des jeux

El wireframe se tiene que poner en la peor de las situaciones. Qué pasa si no hay resultados en una búsqueda (no navegaciones muertas), qué pasa si estamos haciendo una migración de miles de fotos y no hay título para una foto.

Y si va a haber publicidad, tendremos que hacer el wireframe pensando en los banners,…

Al iniciar el 2011 me había puesto varios objetivos profesionales para cumplir este año. Haciendo balance de estos primeros 6 meses del año tengo que decir que estoy bastante satisfecho porque estoy cumpliendo con los objetivos iniciales.

En primer lugar decidí matricularme en la UOC en el grado de Información y Documentación, llevaba tiempo dándole vueltas a este asunto y me apunté para probar. El sábado terminé los exámenes de las 3 asignaturas que tenía y salvo sorpresas de última hora, todo ha ido bien.

Otro de los objetivos era participar en el Desafío AbreDatos, donde en 48 horas desarrollamos Aparca.info, una aplicación móvil para encontrar parkings públicos cercanos. La verdad que fue una experiencia muy enriquecedora poder participar con 3 fenómenos como Gonzalo Ayuso, Bruno García y Sebastián Gómez.

casino vente en ligne

Finalmente hace un par de semanas he lanzado junto a Gorka Esnal la 1ª beta de Tendumi.com, una guía de campings de España en la que los aficionados a los campings pueden intercambiar opiniones con otros campistas para poder disfrutar de esta forma de viajar.

Tanto Gorka como yo estamos muy ilusionados con Tendumi y los próximos meses estaremos volcados con él, desarrollando nuevas funcionalidades y dándolo a conocer. Ahora es cuando realmente empezamos a gatear, y sabemos que tenemos mucho camino por recorrer si queremos convertirlo en una web de referencia en el sector, pero tenemos ganas de intentarlo.

Los próximos días escribiré algún post sobre el proceso de diseño de Tendumi.