Visita nuestro archivo

Blog Laura

Hablemos de una pareja digital ya muy conocida, los famosos UX y UI, son los superhéroes del diseño web, los Vengadores que luchan por conseguir que los internautas disfruten de una buena experiencia. A día de hoy, todo el mundo habla y dice saber lo que son UX y UI y que sus sitios web son fabulosos. Pues bien, como diseñadora web que soy, puedo afirmar que la realidad no es esa.

UX - UI

¿Qué atributos podemos destacar de esta pareja?

Vamos a decir que UX (User eXperience – Experiencia de Usuario) es lo que el usuario percibe al interactuar con nuestra web. Conseguiremos una buena UX centrándonos en diseñar productos útiles, usables y atractivos. Dejemos además clara una cuestión, la usabilidad no es UX, la usabilidad es un atributo más que forma parte de la experiencia de usuario en nuestra página web. La UX debe representar la absoluta empatía con el usuario, debemos meternos en su cabeza, analizar a nuestro consumidor final conociendo sus necesidades para poder cubrirlas. Diseñar nuestro producto para que sea consumido de la manera más rápida y satisfactoria. Cuanto menos tiempo tarde nuestro usuario en cubrir sus necesidades con nuestro producto, mejor. Debemos simplificar en la medida de lo posible el número de clicks para no frustrar y evitar huidas de nuestra web. Funciones principales de un UX Designer:

– Arquitectura de la información (organizar el contenido de nuestra web, dónde va cada elemento, facilitar búsquedas, etiquetados, navegación, etc…). Dentro de la misma, hay varios ejercicios que se pueden y deben hacer para un resultado óptimo:
– Diagramas de flujo (representación visual de la funcionalidad de mi web).
– Mapa de sitio (relaciones entre el contenido).
– Wireframes (representación gráfica de la información y/o elementos de la web).
Análisis de datos (KPI’s, métricas)
Evaluación (pruebas de usabilidad, benchmarks)

UI (User Interface – Interzaf de Usuario), da la apariencia a nuestro producto final, con la estructura e interacción de los elementos de nuestra web. Aclaramos en este apartado que el papel que juega el diseño gráfico es el de dar reglas de estilo a nuestra interfaz. Una UI bien planteada es muy importante para conseguir una buena UX, pero solo es una parte de un complejo engranaje. Por tanto, los objetivos más importantes de un UI Designer son:

– Diseño de interacción (como se comportan los distintos elementos de mi web ante la interacción de un usuario).
– Diseño de elementos (botones, menús, formularios).
– Diseño visual (fotografías, ilustraciones, iconos).
– Guías de estilo (fuentes, paletas de color).

ejemplo ux-ui

Ejemplo práctico aplicado a la vida real

Para finalizar, voy a desarrollar una metáfora que permita entender de forma fácil y sencilla en que consisten estos términos. Pongamos que vamos a diseñar una lavadora, dicho electrodoméstico debe tener una mecánica y electrónica que nos facilite su buen uso (UX) y un diseño atractivo y funcional que atraiga al consumidor final y no le frustre (UI). Antes de comenzar con nuestro proyecto de lavadora, debemos preguntarnos a quién debemos dirigirnos, saber cuál es nuestro target, mujeres y hombres de edades comprendidas entre los 25 y los 55 años con facilidad cognitiva y de clase media. Nos preguntaremos cuál es su insight e iremos a por él. Una vez tengamos claro nuestro público y como satisfacer sus necesidades, bocetaremos la estructura de nuestra lavadora indicando detalladamente la colocación de cada elemento (UX – wireframes), además de la funcionalidad de los mismos (UX – diagramas de flujo), también tendremos que asignar unos nombres que definan de forma esquemática para que sirve cada componente. Hasta el momento, ha intervenido en nuestro proyecto el UX Designer. Definida la estructura y funcionalidad de la lavadora sobre papel y en digital, pasaremos a darle una apariencia a cada una de las partes dentro de nuestra lavadora (WEB). De este ejercicio se encargará el UI Designer, quién aportará un diseño atractivo que enamore a nuestro target. Cuando tengamos todo lo anterior pautado, pasaremos a la construcción de nuestra lavadora (maquetadores) e implementar una funcionalidad a cada una de las piezas (programadores).

testeo QA

Una vez construida, tendremos que hacer pruebas de testeo de la misma para saber que funciona bien, en este caso entra en acción el QA (Quality Assurance – Aseguramiento de Calidad), comprobamos que la ropa no sale dañada, arrugada o teñida, que el cliente no se vuelve loco intentando poner los diferentes programas de centrifugado, es una lavadora silenciosa , la mejor del mercado, y si después de pasar por las manos del QA, todo sale bien, entonces procedemos al transporte de la misma a los puntos de venta (dispositivos informáticos). Nuestra lavadora estará ONLINE.

¡Por una ropa bien limpia y sin arrugas!

ui ux

¡Esperamos tus comentarios!

comentarios

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies