SlideShare una empresa de Scribd logo
1 de 40
Tendencias UX
AI - Navegacion - Look&feel
Storytelling
Estructuras narrativas con una navegación
guiada a través de una historia
Storytelling
Scroll parallax
Storytelling
Video
Storytelling
Slider
Storytelling
Animación
Gamificación
Hagámoslo divertido
Gamificación
Personajes
Gamificación
Quizz / tiempo
Gamificación
Microinteracciones
Gamificación
Juegos
Inmersión
Sumergir al usuario en el espacio
Inmersión
Mapas interactivos
Inmersión
Tour virtual
Navegacion fluida
Grandes bloques de contenido para navegar sin interrupciones
Navegación fluida
Indicadores
posición
Navegación fluida
One page
Navegación fluida
Cargas parciales
Contenido segmentado
Aligerar la carga cognitiva fragmentando la información
Contenidos segmentados
Mini slider
Contenidos segmentados
Enriquecer las imágenes
Contenidos segmentados
Grid
Navegación dirigida
Navegación vertical para reducir el número de opciones
Navegación dirigida
Filtros
Navegación dirigida
Pestañas
Navegación dirigida
Tipos usuario
Navegación dirigida
Objetivos
Incentivar la interacción
Microinteracciones siempre visibles
orientadas a objetivos
Incentivar la interacción
Conversión
Incentivar la interacción
Social
Incentivar la interacción
Ayuda / info practica
Impacto visual
Captar la atención y potenciar la marca
Impacto visual
Fuentes grandes
Impacto visual
Color
Impacto visual
Bitonos /degradados
Impacto visual
Movimiento
Impacto visual
Direcciones
Impacto visual
Zoom en hover
Impacto visual
Imágenes Animadas
Bibliografia
https://www.40defiebre.com/tendencias-en-diseno-web-2017/
https://ernestoolivares.es/tendencias-diseno-grafico-web-2017/

Más contenido relacionado

Más de Gema de la Fuente

Arquitectura de la informacion
Arquitectura de la informacionArquitectura de la informacion
Arquitectura de la informacionGema de la Fuente
 
Análisis heurístico cualitativo - Renfe
Análisis heurístico cualitativo -  RenfeAnálisis heurístico cualitativo -  Renfe
Análisis heurístico cualitativo - RenfeGema de la Fuente
 
Análisis heurístico cuantitativo - Renfe
Análisis heurístico cuantitativo -  Renfe Análisis heurístico cuantitativo -  Renfe
Análisis heurístico cuantitativo - Renfe Gema de la Fuente
 
La caja de herramientas - Arbol contenidos
La caja de herramientas - Arbol contenidosLa caja de herramientas - Arbol contenidos
La caja de herramientas - Arbol contenidosGema de la Fuente
 
La caja de herramientas - Informe
La caja de herramientas - InformeLa caja de herramientas - Informe
La caja de herramientas - InformeGema de la Fuente
 
La caja de herramientas - El diseño de la investigación
La caja de herramientas - El diseño de la investigaciónLa caja de herramientas - El diseño de la investigación
La caja de herramientas - El diseño de la investigaciónGema de la Fuente
 
La caja de herramientas - Análisis y presentación de resultados
La caja de herramientas - Análisis y presentación de resultadosLa caja de herramientas - Análisis y presentación de resultados
La caja de herramientas - Análisis y presentación de resultadosGema de la Fuente
 
La caja de herramientas - wireframes
La caja de herramientas - wireframesLa caja de herramientas - wireframes
La caja de herramientas - wireframesGema de la Fuente
 
Hacia un diseño emocional - De diseñar interfaces a diseñar experiencias.
Hacia un diseño emocional - De diseñar interfaces a diseñar experiencias.Hacia un diseño emocional - De diseñar interfaces a diseñar experiencias.
Hacia un diseño emocional - De diseñar interfaces a diseñar experiencias.Gema de la Fuente
 
Banca Online - diseño de interacción
Banca Online - diseño de interacciónBanca Online - diseño de interacción
Banca Online - diseño de interacciónGema de la Fuente
 

Más de Gema de la Fuente (17)

Prototipos UX
Prototipos UXPrototipos UX
Prototipos UX
 
Investigación usuarios
Investigación usuariosInvestigación usuarios
Investigación usuarios
 
Flujos de interaccion
Flujos de interaccionFlujos de interaccion
Flujos de interaccion
 
Arquitectura de la informacion
Arquitectura de la informacionArquitectura de la informacion
Arquitectura de la informacion
 
Personas
PersonasPersonas
Personas
 
Análisis heurístico cualitativo - Renfe
Análisis heurístico cualitativo -  RenfeAnálisis heurístico cualitativo -  Renfe
Análisis heurístico cualitativo - Renfe
 
Análisis heurístico cuantitativo - Renfe
Análisis heurístico cuantitativo -  Renfe Análisis heurístico cuantitativo -  Renfe
Análisis heurístico cuantitativo - Renfe
 
La caja de herramientas - Arbol contenidos
La caja de herramientas - Arbol contenidosLa caja de herramientas - Arbol contenidos
La caja de herramientas - Arbol contenidos
 
La caja de herramientas - Informe
La caja de herramientas - InformeLa caja de herramientas - Informe
La caja de herramientas - Informe
 
La caja de herramientas - El diseño de la investigación
La caja de herramientas - El diseño de la investigaciónLa caja de herramientas - El diseño de la investigación
La caja de herramientas - El diseño de la investigación
 
La caja de herramientas - Análisis y presentación de resultados
La caja de herramientas - Análisis y presentación de resultadosLa caja de herramientas - Análisis y presentación de resultados
La caja de herramientas - Análisis y presentación de resultados
 
La caja de herramientas - wireframes
La caja de herramientas - wireframesLa caja de herramientas - wireframes
La caja de herramientas - wireframes
 
Kiosko museo
Kiosko museoKiosko museo
Kiosko museo
 
La caja de herramientas
La caja de herramientasLa caja de herramientas
La caja de herramientas
 
Usabilidad y web2.0
Usabilidad y web2.0Usabilidad y web2.0
Usabilidad y web2.0
 
Hacia un diseño emocional - De diseñar interfaces a diseñar experiencias.
Hacia un diseño emocional - De diseñar interfaces a diseñar experiencias.Hacia un diseño emocional - De diseñar interfaces a diseñar experiencias.
Hacia un diseño emocional - De diseñar interfaces a diseñar experiencias.
 
Banca Online - diseño de interacción
Banca Online - diseño de interacciónBanca Online - diseño de interacción
Banca Online - diseño de interacción
 

Último

Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
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
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
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
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
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
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
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
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 

Último (20)

Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
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
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
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
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
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
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
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
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
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
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 

Tendencias UX 2017