SlideShare una empresa de Scribd logo
1 de 20
Descargar para leer sin conexión
Para avanzar en esta
presentación, debes usar las
teclas de flecha de su teclado :-)
Patricio

Bustos
Principios de diseño para
productos digitales
Labor del
diseñador
1
3 puntos importantes a
tener en cuenta
Percepción del
usuario
2
Diseño como
canal
3
Principios que como diseñador
no debemos dejar pasar
El diseño digital siempre
resuelve un problema.
Comprender éste a fondo
es esencial para diseñar
soluciones exitosas.
Cuando discutas con tu
equipo sobre el producto
y cómo debería ser
diseñado, siempre define
el problema primero antes
de proponer soluciones.
Investigar a fondo debe
ser siempre tu actividad
número uno antes de
encarar cualquier desafío.


1. Primero define el problema
2. Crea más valor creando menos
funcionalidades


Simplicidad es la clave
para una gran experiencia
de usuario. Crear pocas
funcionalidades que
hacen un excelente
trabajo es infinitamente
mejor que crear muchas
que hagan un trabajo
mediocre.


Empieza mostrando
menos elementos en
pantalla y usando un
estilo minimalista para
reducir la carga cognitiva.
Atrévete a decir “No” y así
podrás evitar que las
funciones básicas se
pierdan en el ruido.
3. Construye diseños efectivo
Un buen diseño puede
ayudar a una empresa a
alcanzar sus objetivos
comerciales. Enfócate en
crear diseños que puedan
mejorar la conversión y el
engagement de una
manera medible y
cuantificable.


Si encuentras hallazgos
que puedan ser valiosos
para el producto, éstos
deben estar accesibles
para todos, sólo así
podrán comprender
cuales son los que valen
la pena resolver y el valor
de tu trabajo en general.
4. Esfuérzate por ser consistente

Se consistente con los
diseños, los elementos de
diseño, la tipografía y la
interacción para reducir la
carga cognitiva para el
usuario. Usa la guía de
estilo como una caja de
legos donde puedes
tomar los elementos
básicos predefinidos para
crear experiencias de
usuario consistentes.


No estamos diseñando
pantallas o funciones,
estamos diseñando un
servicio con una
experiencia de usuario
consistente
independientemente de la
plataforma en que está
montado.
Principios de diseño que debes
aplicar pensando en el usuario
1. Orienta al usuario para que realice en
una acción primaria a la vez


Guíalo a través de
pantallas, vistas o
acciones en una tarea
principal. Se despiadado
con la priorización, haz
las elecciones
estúpidamente simples y
limita la presencia de
todos los elementos que
causen distracción.


Todos los elementos y
estilos que no ayudan al
usuario a concentrarse en
la tarea principal se
pueden considerar como
un desorden visual y una
gran distracción. Ten en
cuenta que su cerebro,
debe procesar todo en la
interfaz, mientras menos
procesos existan, menor
será la carga cognitiva.
2. Minimiza la fricción
Cada vez que — por
ejemplo — el usuario debe
ingresar datos, éste
requiere tiempo y
esfuerzo. Trata siempre
de que el usuario deba
agregar la menor
cantidad de datos para
alcanzar la meta.


Cada vez que el usuario
debe ingresar datos,
aumenta la fricción y por
lo tanto las posibilidades
de darse por vencido.
3. Usa el mismo lenguaje del usuario
Las palabras pueden
hacer ambas cosas,
aclarar y confundir. Si
usas el mismo lenguaje
que están usando los
usuarios, lograrás ser más
claro y conciso.


Ser descriptivo y útil debe
ser siempre tu objetivo
principal, agregar rasgos
de personalidad es
secundario. Enfócate en
sonar como un humano,
no como una máquina.
Recuerda que tanto tú
como tu usuario, son
humanos.
4. Toma decisiones para el usuario
Tomar decisiones para el
usuario, no significa decidir
por él, significa no tener
miedo de ofrecer menos
opciones.


Tener menos alternativas
con las que lidiar, dará al
usuario una sensación de
seguridad porque hay
menos de qué preocuparse.
Sé consciente de la
paradoja de la elección;
ofrecer una gran cantidad
de opciones hará que el
usuario se sienta
abrumado porque él / ella
tiene que evaluar si todas y
cada una cumplen con su
objetivo.


La ley de Hick describe en
detalle todos los procesos
que hay en la toma de
decisiones.
Principios de diseño que debes
aplicar pensando en el usuario
1. Diseña con una fuerte jerarquía visual

Hay muchas maneras de
crear una jerarquía visual
en un diseño: la posición,
el tamaño, el color, o el
volúmen en el espacio
pueden influir en una
jerarquía visual.


Si definimos una jerarquía
visual estricta en cada
diseño no permitiremos
que los elementos,
acciones o características
compitan por la atención
del usuario.
2. Busca un equilibrio visual

La forma más fácil de
lograr el equilibrio visual
es alinear los elementos y
los diseños de la
estructura con una
cuadrícula clara. Ésta nos
guiará en la dirección
correcta al colocar
elementos, determinar las
dimensiones y además
facilitará al usuario
procesar la interfaz.
3. No busques ser impresionante, busca
ser claro
Nunca trates de crear un
diseño que deje a todos
con la boca abierta. Un
producto bien diseñado es
aquel que resuelve un
problema o necesidad de
nuestro usuario de la
mejor manera posible.


Busca diseñar un
producto claro, eficaz y
disfrutable. La reacción
que buscamos en nuestro
es “claro, es obvio”.
4. Diseño para el cambio
Tenemos que ser
conscientes de que en
diseño de producto, nada
está escrito en piedra. No
tengas miendo en empezar
de nuevo un trabajo
prácticamente terminado o
de revisar nuevamente los
requerimientos del cliente ya
que un buen diseño siempre
está evolucionando y crece a
medida de que el negocio se
va fortaleciendo.


Diseñar teniendo en mente
posibles cambios, nos
permitirá adoptar de una
manera más sencilla nuevas
ideas y aprendizajes. Cada
característica a
funcionalidad requiere
tiempo de maduración y una
vez que se lanza algo, el
enfoque debe ser evaluar e
iterar.
Conclusión
¡Gracias!
Diseñar productos no es una tarea
sencilla, requiere paciencia,
disciplina y empatía. Pero si tomas
en cuenta los principios listados en
éste artículo, seguro podrás obtener
buenos resultados.

Más contenido relacionado

Similar a Principios de diseño de productos digitales

Principios de un buen diseño
Principios de un buen diseñoPrincipios de un buen diseño
Principios de un buen diseñopatrimoni
 
Desarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobileDesarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobileWorköholics
 
Investigación e Innovación Tecnológica - Lectura 13
Investigación e Innovación Tecnológica - Lectura 13Investigación e Innovación Tecnológica - Lectura 13
Investigación e Innovación Tecnológica - Lectura 13Rafael Puppi Junchaya
 
Productos digitales: Agítese bien antes de usar
Productos digitales: Agítese bien antes de usarProductos digitales: Agítese bien antes de usar
Productos digitales: Agítese bien antes de usarCésar García Gascón
 
Email marketing para móviles
Email marketing para móvilesEmail marketing para móviles
Email marketing para móvilesOM Latam
 
Claves De Usabilidad Y DiseñO Para Ecommerce
Claves De Usabilidad Y DiseñO Para EcommerceClaves De Usabilidad Y DiseñO Para Ecommerce
Claves De Usabilidad Y DiseñO Para EcommerceDavid De Prado
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Treze Estudio
 
44 sanguino karen guia de presentacion 06 08 2019
44 sanguino karen guia de presentacion 06 08 201944 sanguino karen guia de presentacion 06 08 2019
44 sanguino karen guia de presentacion 06 08 2019LILIANASANGUINO1
 
44 sanguino karen guia de presentacion 06 08 2019
44 sanguino karen guia de presentacion 06 08 201944 sanguino karen guia de presentacion 06 08 2019
44 sanguino karen guia de presentacion 06 08 2019LILIANASANGUINO1
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfazncor_narbe
 
DISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfDISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfedgartorres431176
 
DISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfDISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfedgartorres431176
 
DISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdfDISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdfedgartorres431176
 
Definir producto
Definir productoDefinir producto
Definir productoLuis Amaya
 
Disen¦âo de un producto
Disen¦âo de un productoDisen¦âo de un producto
Disen¦âo de un productoMike Sánche2
 

Similar a Principios de diseño de productos digitales (20)

Principios de un buen diseño
Principios de un buen diseñoPrincipios de un buen diseño
Principios de un buen diseño
 
Desarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobileDesarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobile
 
Investigación e Innovación Tecnológica - Lectura 13
Investigación e Innovación Tecnológica - Lectura 13Investigación e Innovación Tecnológica - Lectura 13
Investigación e Innovación Tecnológica - Lectura 13
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
 
Metodologia Design Thinking
Metodologia Design Thinking Metodologia Design Thinking
Metodologia Design Thinking
 
Productos digitales: Agítese bien antes de usar
Productos digitales: Agítese bien antes de usarProductos digitales: Agítese bien antes de usar
Productos digitales: Agítese bien antes de usar
 
Email marketing para móviles
Email marketing para móvilesEmail marketing para móviles
Email marketing para móviles
 
Claves De Usabilidad Y DiseñO Para Ecommerce
Claves De Usabilidad Y DiseñO Para EcommerceClaves De Usabilidad Y DiseñO Para Ecommerce
Claves De Usabilidad Y DiseñO Para Ecommerce
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
44 sanguino karen guia de presentacion 06 08 2019
44 sanguino karen guia de presentacion 06 08 201944 sanguino karen guia de presentacion 06 08 2019
44 sanguino karen guia de presentacion 06 08 2019
 
44 sanguino karen guia de presentacion 06 08 2019
44 sanguino karen guia de presentacion 06 08 201944 sanguino karen guia de presentacion 06 08 2019
44 sanguino karen guia de presentacion 06 08 2019
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
DISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfDISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdf
 
DISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfDISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdf
 
DISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdfDISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdf
 
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Definir producto
Definir productoDefinir producto
Definir producto
 
Disen¦âo de un producto
Disen¦âo de un productoDisen¦âo de un producto
Disen¦âo de un producto
 

Último

Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 

Último (20)

Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 

Principios de diseño de productos digitales

  • 1. Para avanzar en esta presentación, debes usar las teclas de flecha de su teclado :-)
  • 2. Patricio Bustos Principios de diseño para productos digitales
  • 3. Labor del diseñador 1 3 puntos importantes a tener en cuenta Percepción del usuario 2 Diseño como canal 3
  • 4. Principios que como diseñador no debemos dejar pasar
  • 5. El diseño digital siempre resuelve un problema. Comprender éste a fondo es esencial para diseñar soluciones exitosas. Cuando discutas con tu equipo sobre el producto y cómo debería ser diseñado, siempre define el problema primero antes de proponer soluciones. Investigar a fondo debe ser siempre tu actividad número uno antes de encarar cualquier desafío. 1. Primero define el problema
  • 6. 2. Crea más valor creando menos funcionalidades Simplicidad es la clave para una gran experiencia de usuario. Crear pocas funcionalidades que hacen un excelente trabajo es infinitamente mejor que crear muchas que hagan un trabajo mediocre. Empieza mostrando menos elementos en pantalla y usando un estilo minimalista para reducir la carga cognitiva. Atrévete a decir “No” y así podrás evitar que las funciones básicas se pierdan en el ruido.
  • 7. 3. Construye diseños efectivo Un buen diseño puede ayudar a una empresa a alcanzar sus objetivos comerciales. Enfócate en crear diseños que puedan mejorar la conversión y el engagement de una manera medible y cuantificable. Si encuentras hallazgos que puedan ser valiosos para el producto, éstos deben estar accesibles para todos, sólo así podrán comprender cuales son los que valen la pena resolver y el valor de tu trabajo en general.
  • 8. 4. Esfuérzate por ser consistente Se consistente con los diseños, los elementos de diseño, la tipografía y la interacción para reducir la carga cognitiva para el usuario. Usa la guía de estilo como una caja de legos donde puedes tomar los elementos básicos predefinidos para crear experiencias de usuario consistentes. No estamos diseñando pantallas o funciones, estamos diseñando un servicio con una experiencia de usuario consistente independientemente de la plataforma en que está montado.
  • 9. Principios de diseño que debes aplicar pensando en el usuario
  • 10. 1. Orienta al usuario para que realice en una acción primaria a la vez Guíalo a través de pantallas, vistas o acciones en una tarea principal. Se despiadado con la priorización, haz las elecciones estúpidamente simples y limita la presencia de todos los elementos que causen distracción. Todos los elementos y estilos que no ayudan al usuario a concentrarse en la tarea principal se pueden considerar como un desorden visual y una gran distracción. Ten en cuenta que su cerebro, debe procesar todo en la interfaz, mientras menos procesos existan, menor será la carga cognitiva.
  • 11. 2. Minimiza la fricción Cada vez que — por ejemplo — el usuario debe ingresar datos, éste requiere tiempo y esfuerzo. Trata siempre de que el usuario deba agregar la menor cantidad de datos para alcanzar la meta. Cada vez que el usuario debe ingresar datos, aumenta la fricción y por lo tanto las posibilidades de darse por vencido.
  • 12. 3. Usa el mismo lenguaje del usuario Las palabras pueden hacer ambas cosas, aclarar y confundir. Si usas el mismo lenguaje que están usando los usuarios, lograrás ser más claro y conciso. Ser descriptivo y útil debe ser siempre tu objetivo principal, agregar rasgos de personalidad es secundario. Enfócate en sonar como un humano, no como una máquina. Recuerda que tanto tú como tu usuario, son humanos.
  • 13. 4. Toma decisiones para el usuario Tomar decisiones para el usuario, no significa decidir por él, significa no tener miedo de ofrecer menos opciones. Tener menos alternativas con las que lidiar, dará al usuario una sensación de seguridad porque hay menos de qué preocuparse. Sé consciente de la paradoja de la elección; ofrecer una gran cantidad de opciones hará que el usuario se sienta abrumado porque él / ella tiene que evaluar si todas y cada una cumplen con su objetivo. La ley de Hick describe en detalle todos los procesos que hay en la toma de decisiones.
  • 14. Principios de diseño que debes aplicar pensando en el usuario
  • 15. 1. Diseña con una fuerte jerarquía visual Hay muchas maneras de crear una jerarquía visual en un diseño: la posición, el tamaño, el color, o el volúmen en el espacio pueden influir en una jerarquía visual. Si definimos una jerarquía visual estricta en cada diseño no permitiremos que los elementos, acciones o características compitan por la atención del usuario.
  • 16. 2. Busca un equilibrio visual La forma más fácil de lograr el equilibrio visual es alinear los elementos y los diseños de la estructura con una cuadrícula clara. Ésta nos guiará en la dirección correcta al colocar elementos, determinar las dimensiones y además facilitará al usuario procesar la interfaz.
  • 17. 3. No busques ser impresionante, busca ser claro Nunca trates de crear un diseño que deje a todos con la boca abierta. Un producto bien diseñado es aquel que resuelve un problema o necesidad de nuestro usuario de la mejor manera posible. Busca diseñar un producto claro, eficaz y disfrutable. La reacción que buscamos en nuestro es “claro, es obvio”.
  • 18. 4. Diseño para el cambio Tenemos que ser conscientes de que en diseño de producto, nada está escrito en piedra. No tengas miendo en empezar de nuevo un trabajo prácticamente terminado o de revisar nuevamente los requerimientos del cliente ya que un buen diseño siempre está evolucionando y crece a medida de que el negocio se va fortaleciendo. Diseñar teniendo en mente posibles cambios, nos permitirá adoptar de una manera más sencilla nuevas ideas y aprendizajes. Cada característica a funcionalidad requiere tiempo de maduración y una vez que se lanza algo, el enfoque debe ser evaluar e iterar.
  • 20. ¡Gracias! Diseñar productos no es una tarea sencilla, requiere paciencia, disciplina y empatía. Pero si tomas en cuenta los principios listados en éste artículo, seguro podrás obtener buenos resultados.