SlideShare una empresa de Scribd logo
1 de 8
Descargar para leer sin conexión
UIDESIGN
Diseño de Interfaces
@isaezdesign
UI
DISEÑO
UX
DISEÑO
Lo que
sucede en
la pantalla.
Lo que
sucede
delante de
la pantalla
ID
DISPOSITIVO USUARIO
DISEÑO DE
INTERACCIÓN
NO equivale a diseño gráfico
UI
DISEÑO
Analizar
Pensar
Prototipar
Aplicar estilo
Testear
UI
DISEÑO
Más ventas
o visitas o
comentarios
Mejor
POSICIONAMIENTO
Conversión/
monetización
Usabilidad
El blanco ImágenesDiseño/arquitectura de
la información
Storytelling
A
C
B
D
Tipografía
A
A
A
Color
OBJETIVO IDENTIDAD ESTRUCTURA ESTILO
Vender un producto
Conseguir registros
Comentarios
Valoraciones
Crear opinión
Fidelizar clientes
Dejar claro quienes
somos y qué hacemos
mejor que nadie.
Define los contenidos
clave.
Define el volumen de
contenido de cada
pantalla, la estructura
secuencial y los
CALL TO ACTION
Representa de forma
visual todo lo anterior a
través del color, formas,
tipografía, imágenes...
etc.

Más contenido relacionado

La actualidad más candente (7)

consejos para pun buena presentacion
consejos para pun buena presentacionconsejos para pun buena presentacion
consejos para pun buena presentacion
 
Picture box control
Picture box controlPicture box control
Picture box control
 
Sap mm tickets
Sap mm ticketsSap mm tickets
Sap mm tickets
 
RECOMENDACIONES POWERPOINT
RECOMENDACIONES POWERPOINTRECOMENDACIONES POWERPOINT
RECOMENDACIONES POWERPOINT
 
Entorno del escritorio de una computadora
Entorno del escritorio de una computadoraEntorno del escritorio de una computadora
Entorno del escritorio de una computadora
 
Guia para identificar los botones de microsoft word.
Guia para identificar los botones de microsoft word.Guia para identificar los botones de microsoft word.
Guia para identificar los botones de microsoft word.
 
Create supplier in migration cockpit (LTMC)
Create supplier in migration cockpit (LTMC)Create supplier in migration cockpit (LTMC)
Create supplier in migration cockpit (LTMC)
 

Destacado

Recursos para diseño de ui alejandro
Recursos para diseño de ui alejandroRecursos para diseño de ui alejandro
Recursos para diseño de ui alejandro
GeneXus
 

Destacado (20)

Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOS
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfaz
 
Diseño de aplicaciones móviles: creando experiencias
Diseño de aplicaciones móviles: creando experienciasDiseño de aplicaciones móviles: creando experiencias
Diseño de aplicaciones móviles: creando experiencias
 
GeneXus Apps UI / UX Kit - Gabriel Simonet
GeneXus Apps UI / UX Kit - Gabriel SimonetGeneXus Apps UI / UX Kit - Gabriel Simonet
GeneXus Apps UI / UX Kit - Gabriel Simonet
 
UX: La experiencia de diseñar la experiencia
UX: La experiencia de diseñar la experienciaUX: La experiencia de diseñar la experiencia
UX: La experiencia de diseñar la experiencia
 
Proceso de diseño UI/UX
Proceso de diseño UI/UXProceso de diseño UI/UX
Proceso de diseño UI/UX
 
Recursos para diseño de ui alejandro
Recursos para diseño de ui alejandroRecursos para diseño de ui alejandro
Recursos para diseño de ui alejandro
 
Balsamiq
BalsamiqBalsamiq
Balsamiq
 
Herramientas de diseño UI
Herramientas de diseño UIHerramientas de diseño UI
Herramientas de diseño UI
 
Balsamiq Mockups: User interface screen design tool
Balsamiq Mockups: User interface screen design toolBalsamiq Mockups: User interface screen design tool
Balsamiq Mockups: User interface screen design tool
 
Proceso creacion app infografía
Proceso creacion app infografíaProceso creacion app infografía
Proceso creacion app infografía
 
Diseno aplicaciones moviles_android_ios
Diseno aplicaciones moviles_android_iosDiseno aplicaciones moviles_android_ios
Diseno aplicaciones moviles_android_ios
 
PXTools: Nuevo generador y nuevos controles responsivos
PXTools: Nuevo generador y nuevos controles responsivosPXTools: Nuevo generador y nuevos controles responsivos
PXTools: Nuevo generador y nuevos controles responsivos
 
Audit+: La mejor forma de auditar KB’s GeneXus
Audit+: La mejor forma de auditar KB’s GeneXusAudit+: La mejor forma de auditar KB’s GeneXus
Audit+: La mejor forma de auditar KB’s GeneXus
 
Laboratorio GXserver (cont)
Laboratorio GXserver (cont)Laboratorio GXserver (cont)
Laboratorio GXserver (cont)
 
Live Editing in Action
Live Editing in ActionLive Editing in Action
Live Editing in Action
 
Laboratorio GXserver
Laboratorio GXserverLaboratorio GXserver
Laboratorio GXserver
 
Hangout photoshopio vector_pixel
Hangout photoshopio vector_pixelHangout photoshopio vector_pixel
Hangout photoshopio vector_pixel
 
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 

Similar a Puntos clave del diseño de Interfaces de usuario

Colegio de bachilleres del estado de tlaxcala
Colegio de bachilleres del estado de tlaxcalaColegio de bachilleres del estado de tlaxcala
Colegio de bachilleres del estado de tlaxcala
mely_mary
 

Similar a Puntos clave del diseño de Interfaces de usuario (20)

4parcialinformatica
4parcialinformatica4parcialinformatica
4parcialinformatica
 
Marketing Online
Marketing OnlineMarketing Online
Marketing Online
 
Introducción creación web aula madrid tecnología 2010
Introducción creación web aula madrid  tecnología 2010Introducción creación web aula madrid  tecnología 2010
Introducción creación web aula madrid tecnología 2010
 
Mobile design for ux (spanish)
Mobile design for ux (spanish)Mobile design for ux (spanish)
Mobile design for ux (spanish)
 
Diseño publicitario
Diseño publicitarioDiseño publicitario
Diseño publicitario
 
Diseño publicitario
Diseño publicitarioDiseño publicitario
Diseño publicitario
 
Emosido engañado - La gran mentira del diseño de UX y el User Centered Design
Emosido engañado - La gran mentira del diseño de UX y el User Centered DesignEmosido engañado - La gran mentira del diseño de UX y el User Centered Design
Emosido engañado - La gran mentira del diseño de UX y el User Centered Design
 
Tecnicas para la participacion exitosa en ferias - Parte 2
Tecnicas para la participacion exitosa en ferias - Parte 2Tecnicas para la participacion exitosa en ferias - Parte 2
Tecnicas para la participacion exitosa en ferias - Parte 2
 
Colegio de bachilleres del estado de tlaxcala
Colegio de bachilleres del estado de tlaxcalaColegio de bachilleres del estado de tlaxcala
Colegio de bachilleres del estado de tlaxcala
 
Espacio del Diseño
Espacio del DiseñoEspacio del Diseño
Espacio del Diseño
 
Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...
Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...
Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...
 
La Vaguada Coit 18 Feb
La Vaguada Coit 18 FebLa Vaguada Coit 18 Feb
La Vaguada Coit 18 Feb
 
Introducción creación web aula madrid tecnología (coit) 2010
Introducción creación web aula madrid  tecnología (coit) 2010Introducción creación web aula madrid  tecnología (coit) 2010
Introducción creación web aula madrid tecnología (coit) 2010
 
Diseño grafico en la web
Diseño grafico en la webDiseño grafico en la web
Diseño grafico en la web
 
Diseño grafico en la web
Diseño grafico en la webDiseño grafico en la web
Diseño grafico en la web
 
Taller Usabilidad y Experiencia de Usuario orientado a la venta
Taller Usabilidad y Experiencia de Usuario orientado a la ventaTaller Usabilidad y Experiencia de Usuario orientado a la venta
Taller Usabilidad y Experiencia de Usuario orientado a la venta
 
Manual UIOCrea
Manual UIOCreaManual UIOCrea
Manual UIOCrea
 
Herramientas para crear contenido digital
Herramientas para crear contenido digitalHerramientas para crear contenido digital
Herramientas para crear contenido digital
 
Manual Corporativo ECO
Manual Corporativo ECOManual Corporativo ECO
Manual Corporativo ECO
 
Módulo II - POWER POINT
Módulo II  - POWER POINTMódulo II  - POWER POINT
Módulo II - POWER POINT
 

Último

PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 

Último (20)

SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
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
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
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
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
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
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
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
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
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
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
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
 

Puntos clave del diseño de Interfaces de usuario