Formulario en la Apple Store

Hace unos días fui a darme de alta en la web de apple para hacer un pedido y me dieron ganas de comentar unos problemillas que tenía un formulario que encontré.


Por lo general lo mejor en los formularios es ubicar todos los campos en vertical y evitar que estén unos al lado de otros, excepto cuando estén muy relacionados y sea posible leerlos como si fuese un único elemento, por ejemplo para introducir el día, mes y año de una fecha en campos separados es mejor colocarlos de forma horizontal. Los usuarios se los pueden dejar atrás fácilmente los campos de formularios que están a la derecha de otro. En este caso el formulario de apple, aunque los campos estén colocados horizontalmente, son sólo dos y el usuario no va a dejarse atrás ninguno, aun así no es conveniente.

Otro problema que tiene el formulario es el de los vínculos tipo "click aquí", los enlaces de una página deben de tener sentido fuera del contexto del texto donde se encuentran y deben indicar al usuario qué es lo que se va a encontrar si pulsa en él. En la frase "Haz clic aquí para ver nuestra política de privacidad" el enlace debería ser "política de privacidad" y no "Haz clic aquí". Todo esto viene por dos motivos:

Los usuarios por lo general no leen texto, tan sólo se fijarán en los enlaces que contenga para determinar si uno de ellos es el que le acerca más a donde quiere llegar. Con enlaces del tipo "click aquí" es imposible que el usuario escanee el texto de esa forma, así que el usuario o no sigue leyendo o se verá obligado a leerlo todo, y a nadie le gusta que le cambien los hábitos.

Y el otro motivo es que si se hace correctamente los buscadores indexarán mejor el sitio web, ya que la dirección web de la página a la que va un enlace la relacionará con lo que dice el propio enlace. Si Google observa que a una página siempre la enlazan con "política de privacidad" puede incluirla en los resultados si alguien busca "política de privacidad", pero si a esa página sólo la enlazan con "aquí" el resultado sería erroneo, ya que no creo que nadie busque "aquí" espere encontrarse algo sobre privacidad. Aunque debido a esta forma de actuar nació el Google Bomb.

Libro: No me Hagas Pensar - Steve Krug

Hace un tiempo ya me leí un libro que considero básico para temas de usabilidad, "No me hagas pensar" de Steve Krug. Es un libro muy fácil de leer, va al grano y sin embargo habla de bastantes temas.

Lo que que el autor más destaca, es lo que mismo título del libro dice, no hacer pensar al usuario. Al crear un nuevo elemento en una aplicación con la que los usuarios vayan a interactuar, se debe tener encuenta que un usuario al verlo no dude ni un instante en cómo se usa, por ejemplo, al crear un botón, éste debe parecer inconfundiblemente un botón y conseguir que el usuario no dude ni por un momento que puede hacer click en él y qué acción va a realizar.

Lo que en un principio puede parecer trivial puede ser la diferencia entre que el usuario finalice la compra o no, tal y como pasó en un test de usuario que realicé, donde el primer botón del ejemplo no fue identificado como tal en el test.

Interfaz modificada

Como dije en el artículo anterior "La Coctelera frente a Blogger", aprovecharía la posibilidad que ofrece Blogger de editar código XML para modificar la interfaz del blog y ahora mismo estás viendo el resultado. Partí de una plantilla llamada "Tekka", mi blog sería parecido a este otro blog que usa tekka si no la hubiese modificado. Esta interfaz es a mi juicio más clara y más ordenada, intentaré evitar los 10 errores de usabilidad más comunes en los blogs. Algún día espero hablar de estos 10 errores.