Documente Academic
Documente Profesional
Documente Cultură
1. EL CÍRCULO VIRTUOSO
El diseño centrado en el usuario (DCU) es un proceso en el cual desarrollamos
productos y servicios, centrado en el usuario, ya sea el comprador o la persona que
los utilizará. El DCU se basa en un círculo virtuoso en el que se lleva a cabo un
proceso interactivo, es decir una repetición de varias etapas, las cuales conforman
juntas una oportunidad eficiente de mejorar los resultados; en ella intervienen una
serie de retroalimentaciones entre los distintos pasos de dicho proceso.
Este proceso está constituido por tres fases:
Página 1 de 16
Analicemos las tres fases:
A. Fase de análisis o investigación.
En lo que respecta a la empresa, aparecen
aspectos como las características del producto o
servicio, los objetivos en sí y los responsables del
proyecto. Se incluye también el plazo y los
usuarios, incluyendo en estos los perfiles
geográficos, demográficos y psicográficos, las
principales tareas y contextos.
Finalmente, y basado en lo anterior, se plantean las diferentes hipótesis
inherentes al proyecto y sus respectivas características.
2. ARQUITECTURA DE LA INFORMACIÓN
La arquitectura de la información es una herramienta consistente en la organización,
jerarquización y rotulación del contenido de una interfaz. Sus principales conceptos
son los siguientes:
Página 2 de 16
a) Información. Se trata de la materia prima que un arquitecto utiliza
Del diseño de interacción surgen una buena cantidad de variantes, algunas de las
cuales detallo:
Página 3 de 16
UI. Diseño de IxD. Diseño
interfaces de interacción
Diseño de Diseño de
servicios experiencias
Cada uno de estos tiene, como debe suponerse, distintas características, desde
definición de los elementos de la interfaz, hasta el diseño combinado de los
elementos.
El diseñador de interacción. Por su parte, debe ser un profesional que reúna una
serie de competencias y características. Independientemente de su capacidad en el
diseño gráfico, el humanismo, la comunicación y la psicología y el conocimiento del
lenguaje de programación, son importantes.
Página 4 de 16
Es posible que hayamos escuchado sobre el diseño de UI o UX antes, pero
comúnmente no tenemos la oportunidad de obtener para qué, dónde y por qué se
usa. UI y UX no son lo mismo. UX es la experiencia general que un usuario tiene
con el producto, y la UI son las cosas con las que el usuario realmente interactuará y
verá
La clave para el diseño exitoso de la aplicación no es una buena idea o una buena
característica: todo se reduce a la experiencia del usuario (UX) y la interfaz de
usuario (UI). No importa cuán genial sea una idea si la aplicación se ve mal e
imposible de usar con facilidad.
Si estamos desarrollando una aplicación web o móvil, una de las principales cosas
que debemos hacer bien es la forma en que se ve y se siente la aplicación. Por
ejemplo, si nuestro campo es comercio electrónico, una aplicación mal diseñada nos
hará perder muchos clientes potenciales.
Por ejemplo, ¿qué ve primero el usuario de su aplicación cuando abre su
aplicación? Lo primero que ve su usuario es la landing page. ¿Qué es una landing
page? Este es un punto de partida desde el cual el usuario comprende si la
aplicación o el sitio satisfarán sus requisitos y cumplirán con las necesidades. Debe
ser atractivo y contener algunos botones de llamada a la acción para que el usuario
sepa qué hacer a continuación.
Para agregar el valor al trabajo de los diseñadores de UI y UX algunas
comparaciones interesantes entre UI y UX son:
Página 5 de 16
suficiente, etc.). El diseñador de UI sabe mucho sobre colores y combinaciones
de colores, sabe leer libros de marcas y convertirlos en elementos de UI.
Placer
Divertido Eficiencia
Estado anímico
Página 6 de 16
Hasta ahora, la buena experiencia del usuario es aquella que satisface las
necesidades de un usuario en particular en el contexto específico donde el público
objetivo utiliza el producto. El diseño de UX está centrado en el usuario: el tipo de
usuario define el tipo de diseño.
Es por eso que el diseño de UX es dinámico y se modifica constantemente con el
tiempo debido a las circunstancias cambiantes de uso y los cambios en los sistemas
individuales, el contexto de uso en el que se pueden encontrar, etc. Aquí puede
encontrar algunas tendencias de diseño de UX que se esperan para 2019. Además,
podemos decir que la experiencia del usuario se trata de la interacción y las
experiencias del usuario con el producto.
La tarea principal del diseño de UX es crear productos que se puedan adaptar para
satisfacer las necesidades específicas del usuario, pero que brinden una
funcionalidad predecible. En otras palabras, UX Design es estudiar el
comportamiento del usuario y comprender las motivaciones del usuario con el
objetivo de diseñar mejores experiencias digitales.
Hablemos de los requisitos principales para el diseño UX. ¿Cuál debería ser el
diseño perfecto de la experiencia del usuario? La respuesta a esta pregunta puede
presentarse como la lista de requisitos de diseño de UX que deben cumplirse en
diferentes niveles. Estos niveles forman la pirámide de diseño UX.
Jerarquía
Jerarquía es una de las mejores herramientas de los
diseñadores para ayudar a los usuarios a moverse por
un producto fácilmente. Incluye:
a) Arquitectura de la información (la forma en que
se organiza el contenido en la aplicación o el
sitio)
b) Jerarquía visual (que ayuda a los usuarios a
navegar más fácilmente dentro de una sección
o página).
Página 7 de 16
Consistencia
En la mayoría de los casos, se podría alcanzar mediante el
uso de un conjunto formal de pautas sobre cómo diseñar
productos para un dispositivo o formato en particular.
Confirmación
Requerir confirmación de cualquier acción
importante o irreversible para evitar errores que el
usuario pueda cometer accidentalmente.
Accesibilidad
Es crucial que el producto sea fácil de usar para la mayor cantidad de personas
posible. El diseño de UX debe eliminar los obstáculos para las personas cuando
usan el producto, ya sea que esos obstáculos sean temporales o más permanentes.
Página 8 de 16
Superficie (aquí aplicamos diseño de interfaz de usuario)
Esqueleto (hecho aplicando diseño de interfaz e interacción)
Estructura (formada por Arquitectura de información y flujos de usuarios)
Alcance (especificaciones funcionales y requisitos de contenido)
Estrategia (necesidades del usuario y objetivos del proyecto definidos de
acuerdo con la investigación del usuario y los objetivos comerciales)
Clásico
Apoyase
Página 9 de 16
h) Lanzamiento del producto.
i) Recopilación de comentarios de los usuarios.
j) Volviendo al primer paso con los comentarios recibidos del usuario.
Pero también existe otro enfoque para el proceso de diseño de UX que apareció en
2013 porque el proceso de diseño clásico de UX era incompatible con el desarrollo
ágil. El nuevo proceso de diseño llamado Lean UX y le permitió a UX operar dentro
del cono de incertidumbre de Agile y actualizar rápidamente los diseños basados en
los comentarios de los usuarios. Devolvió la experiencia del diseño a la armonía con
el desarrollo del producto.
En pocas palabras, Lean UX es un conjunto de principios basados en los métodos
ágiles de 'Lean Startup', donde el enfoque se lleva al presente. En lugar de arrojar
resultados de diseño por encima de la pared, los equipos aceptan que no se puede
crear un diseño final por adelantado, y creen que las respuestas surgirán a medida
que las hipótesis se prueben con el desarrollo de MVP (producto mínimo viable) . El
proceso de diseño de Lean UX se puede describir como un ciclo de 'construir, medir
y aprender', o un ciclo de 'pensar, hacer, verificar'.
Más tarde, el proceso de diseño de Lean UX pareció ser ineficiente cuando un plan
de producto no estaba bien definido, lo que resultó en un desperdicio significativo y
un nuevo trabajo.
Google Ventures sugirió otro gran proceso de diseño. Este fue Design Sprint.
Permitió a los equipos definir y probar rápidamente prototipos de baja fidelidad. El
diseño de Sprint por Google Ventures, puede ser visto como una combinación de los
tres enfoques: Design Thinking, ágil, y Lean. Un componente clave del sprint es la
creación de un prototipo, que es una de las mejores formas de recopilar datos y
probar ideas.
6. PIEZAS DE DISEÑO UX
Página 10 de 16
Wireframes y prototipos
Demostrando los componentes esenciales del sitio web como modelo para la
tarea o prototipo interactivo antes del diseño final. (Por cierto, una estructura
metálica no es un boceto ni una maqueta).
Arquitecto de información
Es partes iguales de arte y ciencia. Organizar, estructurar y etiquetar el contenido
de manera efectiva y sostenible.
Escenarios
Descripción de la interacción del usuario con un proyecto. Estas historias son
muy importantes tanto para el diseño de una interfaz como para las pruebas de
usabilidad.
Iren Korkichko lo plasma de la siguiente forma:
Página 11 de 16
7. INTERFAZ DEL USUARIO
Comencemos con la definición de qué es
una interfaz. Una interfaz es un
mecanismo de interacción de los dos
sistemas. Desde este punto, una interfaz
de usuario es una interfaz creada para
facilitar la interacción directa entre un
sistema y un usuario.
Página 12 de 16
¿Por qué necesitamos una interfaz de usuario? El producto debe ser visualmente
atractivo y hermoso. El diseño de IU crea un lenguaje visual común y una jerarquía
que mejora la forma en que los usuarios interactúan con su producto.
i. Diseño visual
Hacer la estética del producto general e
involucrar a su audiencia con principios
centrados en el usuario como el diseño
orientado a la web o el arte conceptual. El
objetivo principal del diseño visual es dar
forma y mejorar UX con la ayuda de
ilustraciones, fotografía, tipografía, espacio,
diseños y color. 'Línea, forma, espacio
negativo, textura': se trata de diseño visual.
Obtenga más información al respecto en la página de Interaction Design
Foundation sobre diseño visual.
ii. Colores
Elegir los colores correctos para su proyecto es muy
importante debido a las asociaciones mentales con las
emociones y los significados. También es importante seguir
los colores de la marca y usarlos sabiamente dependiendo
del diseño que desee crear y el mensaje que desee
compartir.
Página 13 de 16
textos tengan una combinación de fuentes perfecto y que
los colores se ajusten a las pautas de la marca. El diseño
gráfico es una disciplina especializada, y se requiere un
cierto nivel de artesanía y un conjunto de habilidades
especializadas (como la tipografía y la teoría del color) para
producir excelentes imágenes. A menudo se mezcla con
diseño visual.
iv. Maquetas
Una maqueta es un modelo a escala o de tamaño completo de un diseño
utilizado para demostración, evaluación de diseño, promoción y otros fines. Las
maquetas pretenden mostrar el aspecto final
del diseño con detalles visuales, como
colores y tipografía. Las estructuras
alámbricas, las maquetas y los prototipos a
menudo se mezclan, pero solo representan
las diferentes etapas del flujo de diseño.
Una estructura alámbrica es una forma de
baja fidelidad para presentar un diseño, describe estructuras y diseños. A
diferencia de una estructura alámbrica, una maqueta se parece más a un
producto terminado o prototipo, pero no es interactiva y no se puede hacer clic
en ella. Las maquetas se utilizan para ofrecer una gama de opciones para
estructurar pantallas en aplicaciones. Junto con los diseños, ayudan a organizar
el contenido y hacen que la interfaz de usuario sea comprensible.
v. Tipografía
La tipografía es una fuerza impulsora en todas las formas
de arte de la comunicación. Este es el arte y la ciencia del
estilo de fuente, la apariencia y la estructura que tiene
como objetivo entregar a los lectores la copia estética y
fácilmente legible. La tipografía ayuda a agregar un poder
de impresión a sus mensajes en un proyecto impreso o
basado en pantalla. Una buena tipografía debe:
Página 14 de 16
Además, hoy en día el diseño de la interfaz de usuario depende en gran medida
del diseño de movimiento que crea comentarios instantáneos del usuario
cruciales para cualquier interfaz de usuario. Las animaciones, los efectos
visuales y las transiciones de pantalla tienen un impacto tremendo en cómo los
usuarios nuevos se involucrarán con la aplicación.
Tenemos una enorme cantidad de datos sobre los usuarios, solo tenemos que
averiguar qué hacer con ellos.
Básicamente, estamos buscando relevancia y significado. Las empresas
profesionales en Big Data, procesan y analizan el comportamiento en línea
utilizando equipos de personas o programas y máquinas. Pero no importa cómo se
procesen los datos, el objetivo final es comprender mejor a las personas y sus
comportamientos. Específicamente, cómo lo que la gente hace hoy apunta a lo que
sus deseos, necesidades y deseos serán mañana.
Una vez que comprendamos lo que los usuarios buscarán, estaremos en una
posición mucho mejor para diseñar estratégicamente y proporcionar el contenido o
la interacción correctos en el momento adecuado. Bien hecho, mejoraremos la
efectividad general de los clientes y cumpliremos con los objetivos comerciales de
nuestros clientes.
Página 15 de 16
nuestro proyecto, como la adquisición, retención, crecimiento, etc. de los clientes,
chocan con la realidad de que nuestros miles y millones de usuarios se encuentran
en diferentes puntos de su viaje como clientes en diferentes momentos. Esto es
parte de la complejidad de la que hablamos anteriormente, y los datos pueden
decirnos si las experiencias que hemos diseñado cumplen con esos objetivos
dinámicos de negocios o no.
1. Debemos definir cuáles son las interfaces que vamos a comparar, tomando
en cuenta que, para efectos prácticos, no deben pasar de 5.
2. Realización del análisis de cada una de las interfaces. Podemos escoger de
preferencia entre pruebas de usabilidad o la evaluación heurística.
3. Con base en el punto anterior, si hicimos las pruebas de usabilidad, debemos
construir el guion de tareas; en caso de escoger la evaluación heurística,
realizar la evaluación del mismo nombre.
4. Llevar a cabo las pruebas o análisis.
5. Comparar los resultados
6. Elaborar el informe respectivo.
Página 16 de 16