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.

el dorado slot
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.

best online casinos
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,…