UX no es solo que se vea bonito
Soy desarrollador Full Stack. Pero como nos pasa a muchos, me encuentro mas enfocado en un end que en el otro. Y en mi caso, estoy muchísimo más enfocado al Frontend que al Back.
Disfruto mucho ambos. Pero debo reconocer que el Frontend, por mis limitaciones personales, siempre se me ha complicado más.
CSS, nunca ha sido lo mío. Mis diseños, mucho tiempo fueron los más feos. Sentía que simplemente, no podía hacer algo bonito.
Es por eso que cada vez que escuchaba algo como UX, Diseño, y tal; yo, cautelosamente me alejaba.
Sin embargo, últimamente trabajo mucho con expertos en estos temas, y entonces decidí darme una oportunidad para estudiarlos.
Y es así, como vino a mi la gran rebelación.
UX no es que se vea bonito.
Estoy seguro que no soy el único desarrollador que creía que el UX y el diseño era sobre interfaces de usuario bonitas. Pero la verdad que el tema va más lejos que todo eso.
UX sin lugar a dudas es toda una ciencia. Es la ciencia de los principios y leyes para mejorar la experiencia del usuario al interactuar con un producto.
Y con esa definición cambia toda la cosa. Porque cuando vas a diseñar algo, ya no te sientas frente al ordenador, o la libreta, pensando en como diseñar algo que se vea bonito. Sino como diseñar algo que se entienda, algo que se pueda usar.
UX sin lugar a dudas es toda una ciencia. Es la ciencia de los principios y leyes para mejorar la experiencia del usuario al interactuar con un producto. — Yo.
Seguramente todos, o casi todos, hemos pasado por el proceso de tener una gran idea.
LA PROXIMA GRAN RED SOCIAL
Y en nuestra cabeza sabemos cómo hacer toda la funcionalidad que se requiere. Pensamos:
— Un login, si, he hecho muchos. Y una pantalla para publicar cosas, si, se como hacerla. Si, haré microservicios, conectados a colecciones de mongo. Y la aplicación con react native.
Y después viene otro pensamiento:
— Pero ahora si lo haré bien. Antes de empezar haré planeación y bocetos del diseño.
Entonces nos sentamos frente al ordenador para empezar a bocetar nuestra nueva red social. Queremos que sea como facebook pero que no se vea como facebook. Que tenga algo diferente, que sea más bonita. Y entonces decimos:
— Yo voy a poner el buscador acá abajo.
Empezamos a moverle. Y luego ponemos tantos colores que parece carpa de circo. Al final, nos queda un facebook modificado que se ve peor que facebook.
Entonces, ¿Qué debemos hacer?
Para empezar, no digas que quieres que sea como Facebook pero que no se parezca.
Piensa en tu idea, en que quieres ofrecer y luego, diséñala para ser fácil.
¿Tu nueva red social tendrá un buscador? Entonces investiga, ¿Dónde se colocan normalmente los buscadores que hace tan fácil encontrarlos? Parece que la gente está acostumbrada a tenerlo arriba en el centro, o a lo mejor un poco a la izquierda o derecha, pues allí ponlo.
Pensar en como tu idea puede ser fácil de usar es importante para que pueda ser apreciada como se debe.
Define lo que quieres mostrar y luego investiga como es la mejor forma de buscarlo. Existen ya muchas convenciones dichas y no dichas sobre esto.
Es como el logo de la aplicación. Siempre arriba a la izquierda. O las opciones de perfil, siempre con la foto de perfil y arriba a la derecha.
Es como nosotros y nuestra ropa, los pantalones abajo y las chaquetas arriba.
Pensar en como tu idea puede ser fácil de usar es importante para que pueda ser apreciada como se debe.
Y ya que pusiste las cosas en su lugar, hasta ahora todo en blanco y negro claro, es hora de colorearlo.
Pero recuerda, no coloques algo en un lugar porque se vea bonito, sino porque funciona y se entiende. Piensa en la funcionalidad que quieres ofrecer e investiga como colocarla en una página. UX es el arte de colocar correctamente las cosas. Todo para que se entienda. Para eso, sigue convenciones. Hazlo como ya lo hace la gente.
Si estas construyendo el nuevo Amazon, fíjate bien como todos los otros Amazon ponen el botón para el carrito,y fijate como siempre se llama carrito. ¿Para que cambiarlo? ¿Para que nadie lo encuentre?
Sigue convenciones y construye una mejor interfaz que todas las anteriores.
Es como nosotros y nuestra ropa, los pantalones abajo y las chaquetas arriba.
Espero que lo que está aquí escrito te sirva. Por favor, déjame también tus consejos.
Para elegir colores, te recomiendo las siguientes herramientas:
Y también es buena idea basarse en algo que ya existe:
¡Buena suerte!
