Diseño UX, diseño UI, esenciales en el proceso de diseño de una web

Diseño UX, diseño UI, esenciales en el proceso de diseño de una web

Cuando pensamos en el diseño de una web a menudo, lo primero que se nos viene a la cabeza es la imagen visual, que colores voy a poner, y que tipografía voy a usar y nos perdemos aquí. Pero un buen diseño web necesita de una buena experiencia de usuario (Diseño UX) con previa estrategia y un buen diseño de interfaz (Diseño UI), para que el resultado no sea solo un diseño bonito sino un diseño web, coherente, que refleje tus valores y que sea fácil y óptimo de utilizar por tus usuarios.

Te explico un poco el significado de estas dos palabras; UX y UI, que posiblemente ya lleves un tiempo escuchando y creas o no que se asocian con la figura del diseñador o que simplemente son nuevas profesiones que han salido con el desarrollo de las nuevas tecnologías; lógico, es totalmente normal. A la pregunta de ¿son Diseñador UX y diseñador UI profesiones nuevas, sí o no? Bueno, la respuesta es ambigua, sí y no, sorry!😅

Primero vamos a despejar la duda de que es Diseño UX y Diseño UI y luego te diré porqué son y no son profesiones nuevas, ¿vale? más que nada para no empezar la casa por el tejado.

Diseño UX

Diseño UX o diseño de experiencia de usuario es la parte que empieza la historia antes de que el producto o servicio esté en contacto con el usuario, es decir, quien empieza a planear todo el proceso antes de que se pueda hablar de diseño de una app, de una web o de un producto o servicio. De hecho, dentro de la figura del UX están la del Diseñador UX y la del Investigador UX, definiendo el escalón en el que se encuentra cada uno en el proceso de diseño. Un UX tiene que pensar en el conjunto, en todo el proceso de diseño desde el inicio hasta el final para que todo tenga sentido y para que la experiencia, como su nombre indica, sea eficiente y buena.

“La Experiencia de usuario (UX) User experience engloba todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos.”

— Don Norman, inventor del término “Experiencia de usuario”

Como ves en la definición de Don Norman, el proceso de UX podría ser aplicado a muchas cosas que no implican diseño web; como por ejemplo, en el proceso de construcción de un edificio, o el proceso de experiencia de cuando vas a comprar al super, ¿te resulta fácil encontrar los productos que quieres?, etc.

¿Y qué hace un diseñador/a UX?

De crear experiencias fáciles, eficientes y relevantes para el usuario. Nada de términos visuales, sino experienciales. Antes hablábamos de Psicología de la publicidad. Bueno, es un muy buen ejemplo para ver cómo esta ha evolucionado en la Experiencia de usuario. En conocer como este último se comporta, e interactúa con un producto, servicio o entidad.

Así para que os hagáis una idea general aunque como en todo cada uno tiene sus procesos y sus técnicas, seguro que habéis visto en alguna peli un cristal o una pizarra blanca llena de palabras, garabatos, flechas y descripciones como la foto abajo.

¿os suena verdad? pues mas o menos eso es el comienzo de una idea, y uno de los procesos que los diseñadores UX suelen seguir. Ah! y se me olvidaba, los post-it también son un recurso muy codiciado entre los UXs , nos encanta!

Diseño UI

Vale, una vez aclarado qué es un UX, llega el diseño UI, que se encargará de recoger toda la información del UX y traducirla visualmente. El Diseño UI o diseño de interfaz es por tanto, la parte gráfica de una aplicación o web. Es la apariencia y el estilo.

El diseño UI, a diferencia del diseño UX es fundamentalmente digital, aunque se confunde mucho con el diseño gráfico.

¿Y qué hace un diseñador/a UI?

Aparte de la apariencia y el estilo, que son fundamentos también del diseño gráfico; el diseñador/a UI también se encarga de la interacción del producto o servicio. Se asegura de que estos productos o servicios sean lo más intuitivos posible. Un diseñador/a UI tendrá en cuenta el diseño de los iconos y botones (también conocidos como CTAs), la tipografía, la gama cromática, los espacios entre los elementos, las imágenes, y el diseño responsive (adaptado a todos los dispositivos). La creación de una experiencia intuitiva será su objetivo. Trabajará codo con codo con el UX para que todo salga a pedir de boca.

Como veis, ambas figuras son bastante importantes en el proceso de diseño y han existido siempre, pero han evolucionado, y seguirán haciéndolo. Son dos figuras que trabajan siempre de la mano, en todo el proceso. Aunque el principio de un proyecto empieza con la figura del UX y con una buena estrategia clara y bien definida de tu producto o servicio. De todas formas, en el transcurso del proyecto, el UX y el UI, siempre irán de la mano revisando y optimizando el producto o servicio.

Así que ya sabes, nada de empezar por el tejado haciendo bonita tu web, si quieres terminar con un diseño que no solo encante, si no que funcione y sea ágil.

Si tienes cualquier duda sobre tu web, contáctame! 😉

¿Cómo elegir el set de iconos más adecuado para tu web?

¿Cómo elegir el set de iconos más adecuado para tu web?

Cuando se empieza a diseñar una web, normalmente nos quedamos bastante rato decidiendo sobre los elementos de la parte visual de la web que pueden tener un gran impacto en el diseño.

Pero bueno, hay muchos elementos que considerar, y hoy os voy a hablar de la importancia de elegir un buen set de iconos que encajen perfectamente con tu web.

¿Es importante tener en tu web iconos en sintonía con la esencia de tu marca?, ¿afecta a tu imagen el tener iconos standard?

Os explico sobre la importancia de un icono adaptado a tu imagen visual y qué tener en cuenta a la hora de elegirlos. Las imágenes que tomo como ejemplos son el diseño de iconos orgánicos que he diseñado para mi marca personal.

Iconos por defecto, ¿sí o no?

Mejor que no. Es preferible seleccionar un set de iconos que estén en sintonía con tu identidad corporativa e implementarlos en la web.

En muchas plantillas de WordPress verás que por defecto sueles tener los iconos de “Fontawesome“, que están muy bien, pero que usa la mayoría de websites, y tú quieres diferenciarte, ¿verdad? Pues los pequeños detalles no sólo cuentan, sino que potencian y te hacen ser elegid@ frente a tu competencia, pequeños detalles como unos buenos iconos personalizados para tu marca.

¿Cómo elegir un set de iconos?

Es importante tener en cuenta la línea que tiene tu logo (tanto general como literal; ¿es una línea gruesa, fina, se corta?, ¿son los ángulos redondeados o puntiagudos?…) y en general tu imagen visual, ¿qué refleja? Hay que distinguir el estilo, lo que transmite, si es minimalista, si es orgánico o si es rollo tecnológico, etc.

A la hora de elegir nuestro set es importante antes haber hecho una lista de para qué queremos esos iconos, dónde los queremos plasmar y qué van a ilustrar. Así, a la hora de buscar, tendrás todo esto en la cabeza y elegirás un set que contenga estos elementos y así tendremos unos iconos chulos, consistentes y del mismo rollo , high five 🙌!

¿Qué tipo de iconos elijo según mi marca?

Os pongo algunos ejemplos;

Por ejemplo, ¿eres profe de yoga y buscas unos iconos que reflejen calma? Entonces te recomiendo que elijas unos iconos muy minimalistas, de línea fina y bordes redondeados. Y los colores, que estén en sintonía con tu marca, puedes siempre aclarar tu color metiendo blanco y quedará estupendo.

¿Qué lo tuyo es la alimentación saludable, basada en productos de proximidad y de temporada? Yo optaría por unos iconos con una línea más orgánica, que parezcan que estén dibujados, par dar esa sensación de producto ecológico y sin procesar.

¿Qué los iconos son para tu página de consulta de psicología, y buscas que refleje cercanía con las personas? Si buscas cercanía, tienen que estar personalizados. Es bueno para ello, fijarse en la línea que tiene tu logo, para reflejarla en los iconos y que todo tenga sentido. Así a grandes rasgos, para la cercanía es mejor optar por líneas suaves y redondeadas, de colores sutiles.

¿Dónde encontrar tu set de iconos?

Si optas por la vía gratis tienes varios; Flaticon, The Noun Project , Freepik

Si optas por iconos premium te pongo aquí otros ejemplo:  Shutterstock , Freepik (también tiene parte premium) , Big stock photo …y un montón de ejemplos más.

¿Mi recomendación para elegirlos?

Iconos premium, que sabes que va a tener menos o gente o mejor aún, iconos personalizados, que reflejen 100% lo que tú y tu marca sois. Son menos económicos, es verdad, pero son una parte visual bastante llamativa e importante para tu web. No sólo te ayudarán a estructurar la información en tu web (por lo tanto aportará claridad a la hora de escanearla para su lectura), sino que además, potenciará tu imagen de marca tanto en la web como en tus redes sociales, ya sea en las stories destacadas de instagram, en facebook, linkedIn, etc.

¿Y cómo diseño yo los iconos?

🎶Siempre empiezo con música de fondo… voy cambiando. Desde música clásica, pop, rock a bandas sonoras de películas (Atención! momento friki: una de mis favoritas es El Señor de los Anillos, la parte de la comarca y Harry Potter 😌)

📝Hago una lista de los temas que quiero ilustrar, los escribo en el papel para tener las palabras presentes visualmente y empiezo a dibujar a lápiz; siempre en folios sueltos, para que no no cortarme en dibujar aunque crea que vayan a ser chorradas, pueden ser mucho más útiles, así que ¡nada de cortarnos alas para la creatividad!

🎨Hay temas que los tengo claro, pienso en esa palabra y me vienen muchas imágenes, que cuando plasmo en el papel, unas funcionan y otras no, pero hay que verlas en el papel para distinguirlas. Y para los temas que se me traban, busco el tema en google, en imágenes. Aquí hay que fijarse muy bien en los pequeños detalles de las imágenes que serán lo que nos llevará a sintetizar la idea en un icono fácil de reconocer.

Después hago una foto de los dibujos y los paso a digital con Illustrator. En este caso, con el diseño de iconos tipo orgánicos para mi marca, he usado la herramienta “lápiz” para darle más organicidad a la ilustración. Luego he suavizado las líneas e incorporado mis colores corporativos y listo. Ready to rock!!⚡️

Y tú, ¿usas iconos personalizados?, ¿crees que son importantes? Cuenta, cuenta!

¿Por qué diseño branding y web para marcas del bienestar?

¿Por qué diseño branding y web para marcas del bienestar?

¡Hola! Soy Pili, o al menos así es como me llama la mayoría de la gente, aunque mi familia siempre me llamará Pilar ☺️.

Soy diseñadora digital especializada en diseña de identidades corporativas y diseño web para marcas del bienestar del cuerpo y la mente, es decir, para centros o personas que se dedican al mundo del “healthy lifestyle”; profesor@s de yoga y meditación, profesionales de la nutrición y del coaching, psicólog@s, etc.

¿Y por qué al mundo del bienestar?

Pues porque el “healthy lifestyle” es mi forma de vida, mi manera de ser.

Hace poco que decidí dar un giro a mi vida y embarcarme en emprender. Pero quería centrarme en algo que me hiciera sentir fiel a mí misma, para emprender en algo que siguiera los mismos valores que sigo yo.

Hace 7 años que aterricé por primera vez en Cardiff, donde no sabía que iba a pasar los siguientes 4 años, ni conocer a mi pareja, quien me motivaría a embarcarme en el ejercicio físico, hasta hoy.

Gracias a que empecé a correr (la primera vez que lo intenté no aguanté ni 5 mins 😅, en serio…) y a ir al gym, varias cosas empezaron a pasar; sí, vale mi cuerpo cambió y poco a poco se fue volviendo más fuerte pero también empecé a ser mucho más optimista en el día a día, más valiente, más segura de mí misma, me quería más que nunca. Esto también se debió a la alimentación, aunque creo que en menor medida (estaba mas o menos acostumbrada a una alimentación variada sin platos precocinados y basada en bastantes verduras, aunque siempre con carne o pescado).

También descubrí el yoga (ahí me di cuenta de que no era tan flexible como pensaba ni de lejos, jajaja 😆, pero los golpes de realidad molan, porque nos bajan un poquito).

Años más tarde fue cuando me empecé a interesar por la meditación, por vivir el momento presente y ser más consciente de mí misma (de la mente, de lo que pasa ahí arriba, de mi cuerpo y cómo le sientan las cosas que pasan y los movimientos, de la relación con los demás …) y de los espacios y personas que me rodeaban.

Por eso, por lo bien que me siento practicando todo ello, me dedico a ayudar a aquellas personas que buscan la mejora del cuerpo y la mente en los demás.

Esta web usa cookies de avena y chocolate negro para que tengas una experiencia 100% healthy. Si sigues navegando, entiendo que te te parece bien. más info

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close