SlideShare una empresa de Scribd logo
1 de 59
I D E A S , M O D A S , G U R Ú S
Tendencias 2014
2014
1
gemafuentesanchez@gmail.com
Tendencias
2014gemafuentesanchez@gmail.com
2
P A L A B R E J A S D E M O D A
gemafuentesanchez@gmail.com 2014
3
Conceptos
Ágil
2014gemafuentesanchez@gmail.com
4
Ágil
2014gemafuentesanchez@gmail.com
5
Capaz de moverse con ligereza y facilidad
Movimiento, adaptabilidad, escalabilidad, ubicuidad
Tecnologías agiles,
Metodologías agiles,
Modelos de desarrollo agiles
Big data
2014gemafuentesanchez@gmail.com
6
Big data
2014gemafuentesanchez@gmail.com
7
Tratamiento, análisis y visualización de
enormes cantidades de datos.
Necesarias nuevas herramientas.
Internet de las cosas
2014gemafuentesanchez@gmail.com
8
Internet de las cosas
2014gemafuentesanchez@gmail.com
9
Dispositivos inteligentes conectados entre sí.
Ahorro energético.
Gamificación
2014gemafuentesanchez@gmail.com
10
http://www.youtube.com/watch?v=2lXh2n0aPyw
Gamificación
2014gemafuentesanchez@gmail.com
11
Introducir estructuras provenientes de los juegos
para convertir una actividad a priori aburrida en
otra actividad que motive a la persona a
participar en ella,
Lúdico
Videojuegos
Social
Prestigio
Storytelling
2014gemafuentesanchez@gmail.com
12
Storytelling
2014gemafuentesanchez@gmail.com
13
Video
Humanizar
Comunicar sin leer
Sustituto tv
Experiencias
2014gemafuentesanchez@gmail.com
14
Experiencias
2014gemafuentesanchez@gmail.com
15
Nos sobran objetos y nos falta tiempo, por eso
la industria apuesta por vender
“experiencias”
R O M P I E N D O L A S N O R M A S
gemafuentesanchez@gmail.com 2014
16
Usabilidad
Scroll infinito
2014gemafuentesanchez@gmail.com
17
Scroll infinito
2014gemafuentesanchez@gmail.com
18
Todo en una pagina
Twiter, google, facebook
Velocidad
Móvil
Hover
2014gemafuentesanchez@gmail.com
19
Hover
2014gemafuentesanchez@gmail.com
20
No funciona en dispositivos movil
Navegación no estándar
2014gemafuentesanchez@gmail.com
21
Navegación no estándar
2014gemafuentesanchez@gmail.com
22
Cuestionando los menús
Buscando estructuras más narrativas
Barra de navegación fija
2014gemafuentesanchez@gmail.com
23
Barra de navegación fija
2014gemafuentesanchez@gmail.com
24
Menús ocultos >móvil
Scroll infinito
One page
N U E V O S L E N G U A J E S / N I N G Ú N E S T Á N D A R
gemafuentesanchez@gmail.com 2014
25
Tecnología
html5
2014gemafuentesanchez@gmail.com
26
html5
2014gemafuentesanchez@gmail.com
27
Semántico, multimedia, accesible
2014gemafuentesanchez@gmail.com 28
Css3 + Sass + Less
2014gemafuentesanchez@gmail.com
29
Css3 + Sass + Less
2014gemafuentesanchez@gmail.com
30
Mucho mas diseño en el código y menos imágenes
Posibilidad de añadir elementos de programación
Bootstrap
2014gemafuentesanchez@gmail.com
31
Bostrap
2014gemafuentesanchez@gmail.com
32
Framework de CSS desarrollado
y liberado por Twitter.
Imágenes en formato SVG
2014gemafuentesanchez@gmail.com
33
imágenes en formato SVG
2014gemafuentesanchez@gmail.com
34
Especificación para describir gráficos
vectoriales bidimensionales, tanto estáticos como
animados en formato XML.
Flash sin flash
Problemas compatibilidad navegadores
pantalla Retina
2014gemafuentesanchez@gmail.com
35
pantalla Retina
2014gemafuentesanchez@gmail.com
36
pantalla Retina
2014gemafuentesanchez@gmail.com
37
Mas PPP de los que el ojo humano es capaz de
percibir
Nitidez en Pantalla = papel
Flash
2014gemafuentesanchez@gmail.com
38
S I G U I E N D O A L A T E C N O L O G Í A
gemafuentesanchez@gmail.com 2014
39
Diseño
Flat desing
2014gemafuentesanchez@gmail.com
40
Flat desing
2014gemafuentesanchez@gmail.com
41
Alternancia arte entre barroco y renacentista
Facilitar resposive
Windows 8, iOS 7, Google
Falta de affordance
Criticas Jacob Nielsen y Steve Jobs
http://www.flatvsrealism.com/
Animación e interacción
2014gemafuentesanchez@gmail.com
42
Animación e interacción
2014gemafuentesanchez@gmail.com
43
Html5
Jugar no mirar
Infografías
2014gemafuentesanchez@gmail.com
44
Infografías
2014gemafuentesanchez@gmail.com
45
Explicar big data
Storytelling
Responsive
2014gemafuentesanchez@gmail.com
46
Responsive
2014gemafuentesanchez@gmail.com
47
Ya hemos hablado mucho de esto ¿no?
Scroll Parallax
2014gemafuentesanchez@gmail.com
48
http://discover.store.sony.com/be-moved/
Scroll Parallax
2014gemafuentesanchez@gmail.com
49
Animación e interacción
Storyteling
1 page
3d
Tipografías
2014gemafuentesanchez@gmail.com
50
Tipografías
2014gemafuentesanchez@gmail.com
51
¡Por fin podemos olvidar verdana!
Html5
Google fonts
Fotos /videos de background
2014gemafuentesanchez@gmail.com
52
Fotos de background
2014gemafuentesanchez@gmail.com
53
Storytelling
Mayor velocidad conexión
Dar “vidilla” al flat-desing
Grid
2014gemafuentesanchez@gmail.com
54
Grid
2014gemafuentesanchez@gmail.com
55
Responsive
Frameworks
gemafuentesanchez@gmail.com 2014
56
Herramientas
Herramientas
2014gemafuentesanchez@gmail.com
57
Gamificación
• http://www.wonnova.com/
http://www.bonillaware.com/7-plataformas-de-gamificacio
Frameworks
http://www.rubyonrails.org.es/
http://django.es/
http://getbootstrap.com/
gemafuentesanchez@gmail.com 2014
58
Bibliografía
Bibliografía
2014gemafuentesanchez@gmail.com
59
• http://www.40defiebre.com/flat-design-diseno-plano-a-debate
• http://es.wikipedia.org/wiki/Usuario:Almamoma/Libros/Gamificaci%C3%B3n
• http://www.gamkt.com/
• http://www.xatakahome.com/la-casa-conectada/internet-de-las-cosas-y-hogar-inteligente
• http://elpais.com/elpais/2014/04/25/planeta_futuro/1398424819_252681.html
• http://www.gamificacion.com/
• http://www.gamkt.com/2013/03/25/obstaculos-para-una-gamificacion-efectiva/
• http://www.enriquedans.com/2011/10/big-data-una-pequena-introduccion.html
• http://apagayvuelveaencender.blogspot.com.es/2013/07/bootstrap-3-y-el-marcado-
semantico.html
• http://androidayuda.com/2012/09/10/pantallas-que-son-el-tamano-la-resolucion-y-la-densidad-
de-pixeles/
• http://www.soyunamarca.com/2013/01/los-4-elementos-del-storytelling-para-la-creacion-de-
marcas-branding/
• http://www.elartedepresentar.com/category/general/storytelling-2/#
• http://vilmanunez.com/2013/11/26/que-es-el-storytelling-y-como-lo-aplicamos-en-redes-sociales/
• http://www.desarrolloweb.com/de_interes/comparacion-php-python-ruby-6399.html
• http://bruno.garciaechegaray.com/Bootstrap.The.Melee/presentation/#title
• http://neomam.com/interactive/13reasons/

Más contenido relacionado

Similar a Tendencias UX 2014

El negocio de los datos: Open Data, Big Data, Linked Data , Broad Data
El negocio de los datos: Open Data, Big Data, Linked Data , Broad DataEl negocio de los datos: Open Data, Big Data, Linked Data , Broad Data
El negocio de los datos: Open Data, Big Data, Linked Data , Broad Data
Carlos Iglesias
 
De las Tintas a los Pixels - El Diseño Gráfico Aplicado a la Web
De las Tintas a los Pixels - El Diseño Gráfico Aplicado a la WebDe las Tintas a los Pixels - El Diseño Gráfico Aplicado a la Web
De las Tintas a los Pixels - El Diseño Gráfico Aplicado a la Web
Nicolas Salinas
 

Similar a Tendencias UX 2014 (20)

Cv imp-cristina hernandez
Cv imp-cristina hernandezCv imp-cristina hernandez
Cv imp-cristina hernandez
 
Introducción a arquitecturas y herramientas de Big Data.pdf
Introducción a arquitecturas y herramientas de Big Data.pdfIntroducción a arquitecturas y herramientas de Big Data.pdf
Introducción a arquitecturas y herramientas de Big Data.pdf
 
Diseño de servicios
Diseño de serviciosDiseño de servicios
Diseño de servicios
 
De las redes sociales al comercio electrónico
De las redes sociales al comercio electrónicoDe las redes sociales al comercio electrónico
De las redes sociales al comercio electrónico
 
El negocio de los datos: Open Data, Big Data, Linked Data , Broad Data
El negocio de los datos: Open Data, Big Data, Linked Data , Broad DataEl negocio de los datos: Open Data, Big Data, Linked Data , Broad Data
El negocio de los datos: Open Data, Big Data, Linked Data , Broad Data
 
DroidCon Spain - Custom Views on Android
DroidCon Spain - Custom Views on AndroidDroidCon Spain - Custom Views on Android
DroidCon Spain - Custom Views on Android
 
Estrategias para proyectos TI 2014 ¿Cómo hacer análisis para evolucionar?
Estrategias para proyectos TI 2014 ¿Cómo hacer análisis para evolucionar?Estrategias para proyectos TI 2014 ¿Cómo hacer análisis para evolucionar?
Estrategias para proyectos TI 2014 ¿Cómo hacer análisis para evolucionar?
 
Flujos de interaccion
Flujos de interaccionFlujos de interaccion
Flujos de interaccion
 
Tendencias 2018 en Diseño Gráfico Web
Tendencias 2018 en Diseño Gráfico WebTendencias 2018 en Diseño Gráfico Web
Tendencias 2018 en Diseño Gráfico Web
 
Curso posicionamiento web Barcelona | Curso SEO Barcelona
Curso posicionamiento web Barcelona | Curso SEO BarcelonaCurso posicionamiento web Barcelona | Curso SEO Barcelona
Curso posicionamiento web Barcelona | Curso SEO Barcelona
 
¿Cómo sería AdventureWorks si lo diseñara SolidQ? - SolidQ Summit 2017
¿Cómo sería AdventureWorks si lo diseñara SolidQ? - SolidQ Summit 2017¿Cómo sería AdventureWorks si lo diseñara SolidQ? - SolidQ Summit 2017
¿Cómo sería AdventureWorks si lo diseñara SolidQ? - SolidQ Summit 2017
 
Intro a Drupal 8: Drupal Global Training Day
Intro a Drupal 8: Drupal Global Training DayIntro a Drupal 8: Drupal Global Training Day
Intro a Drupal 8: Drupal Global Training Day
 
La dictadura de Google: cómo manejarla a nuestro favor (para DirCom)
La dictadura de Google: cómo manejarla a nuestro favor (para DirCom)La dictadura de Google: cómo manejarla a nuestro favor (para DirCom)
La dictadura de Google: cómo manejarla a nuestro favor (para DirCom)
 
WordPress y cómo llegar al 50% de Internet
WordPress y cómo llegar al 50% de InternetWordPress y cómo llegar al 50% de Internet
WordPress y cómo llegar al 50% de Internet
 
Introducción a Responsive Design con HTML5 y CSS3
Introducción a Responsive Design con HTML5 y CSS3Introducción a Responsive Design con HTML5 y CSS3
Introducción a Responsive Design con HTML5 y CSS3
 
HTML5 + Responsive Web - Semántica y conceptos prácticos avanzados
HTML5 + Responsive Web - Semántica y conceptos prácticos avanzadosHTML5 + Responsive Web - Semántica y conceptos prácticos avanzados
HTML5 + Responsive Web - Semántica y conceptos prácticos avanzados
 
Curso desarrollo y comercialización de aplicaciones SaaS
Curso desarrollo y comercialización de aplicaciones SaaSCurso desarrollo y comercialización de aplicaciones SaaS
Curso desarrollo y comercialización de aplicaciones SaaS
 
De las Tintas a los Pixels - El Diseño Gráfico Aplicado a la Web
De las Tintas a los Pixels - El Diseño Gráfico Aplicado a la WebDe las Tintas a los Pixels - El Diseño Gráfico Aplicado a la Web
De las Tintas a los Pixels - El Diseño Gráfico Aplicado a la Web
 
Herramientas seo clinic
Herramientas seo clinicHerramientas seo clinic
Herramientas seo clinic
 
SEO en 2017: Las Claves para el Éxito #SEO2017 #LibroSEO
SEO en 2017: Las Claves para el Éxito #SEO2017 #LibroSEOSEO en 2017: Las Claves para el Éxito #SEO2017 #LibroSEO
SEO en 2017: Las Claves para el Éxito #SEO2017 #LibroSEO
 

Más de Gema de la Fuente

Más de Gema de la Fuente (19)

Tendencias UX 2017
Tendencias UX 2017Tendencias UX 2017
Tendencias UX 2017
 
Rafa
RafaRafa
Rafa
 
Análisis heurístico
Análisis heurísticoAnálisis heurístico
Análisis heurístico
 
Test usuarios
Test usuariosTest usuarios
Test usuarios
 
Investigación usuarios
Investigación usuariosInvestigación usuarios
Investigación usuarios
 
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

Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
sofiospina94
 
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
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
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
 

Último (20)

Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
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
 
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
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
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
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
 
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
 
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
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
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 agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 

Tendencias UX 2014