tendencias ux 2014

gemafuentesanchez@gmail.com

IDEAS, MODAS, GURÚS

Tendencias 2014

Tendencias

PALABREJAS DE MODA

Conceptos

Capaz de moverse con ligereza y facilidad

Movimiento, adaptabilidad, escalabilidad, ubicuidad

Tecnologías agiles,Metodologías agiles,

Modelos de desarrollo agiles

Big data

Tratamiento, análisis y visualización de enormes cantidades de datos.

Necesarias nuevas herramientas.

Internet de las cosas

Dispositivos inteligentes conectados entre sí.

Ahorro energético.

Gamificación

http://www.youtube.com/watch?v=2lXh2n0aPyw

Gamificación

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údicoVideojuegos

SocialPrestigio

Storytelling

VideoHumanizar

Comunicar sin leerSustituto tv

Experiencias

Nos sobran objetos y nos falta tiempo, por eso la industria apuesta por vender

“experiencias”

ROMPIENDO LAS NORMAS

Usabilidad

Scroll infinito

Todo en una paginaTwiter, google, facebook

VelocidadMóvil

No funciona en dispositivos movil

Navegación no estándar

Cuestionando los menús

Buscando estructuras más narrativas

Barra de navegación fija

Menús ocultos >móvilScroll infinito

One page

NUEVOS LENGUAJES / NI NGÚN ESTÁNDAR

Tecnología

Semántico, multimedia, accesible

gemafuentesanchez@gmail.com 28 2014

Css3 + Sass + Less

Mucho mas diseño en el código y menos imágenes

Posibilidad de añadir elementos de programación

Bootstrap

Bostrap

Framework de CSS desarrollado y liberado por Twitter.

Imágenes en formato SVG

imágenes en formato SVG

Especificación para describir gráficos vectoriales bidimensionales, tanto estáticos como

animados en formato XML.

Flash sin flash

Problemas compatibilidad navegadores

pantalla Retina

Mas PPP de los que el ojo humano es capaz de percibir

Nitidez en Pantalla = papel

SIGUIENDO A LA TECNOLOGÍA

Diseño

Flat desing

Alternancia arte entre barroco y renacentista

Facilitar resposive

Windows 8, iOS 7, GoogleFalta de affordance

Criticas Jacob Nielsen y Steve Jobshttp://www.flatvsrealism.com/

Animación e interacción

Html5Jugar no mirar

Infografías

Explicar big data

Storytelling

Responsive

Ya hemos hablado mucho de esto ¿no?

Scroll Parallax

http://discover.store.sony.com/be-moved/

Scroll Parallax

Animación e interacciónStoryteling

1 page3d

Tipografías

¡Por fin podemos olvidar verdana!Html5

Google fonts

Fotos /videos de background

Fotos de background

StorytellingMayor velocidad conexiónDar “vidilla” al flat-desing

ResponsiveFrameworks

Herramientas

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/

Bibliografía

• 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-seman

tico.html• http://androidayuda.com/2012/09/10/pantallas-que-son-el-tamano-la-resolucion-y-la-dens

idad-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/

tendencias ux 2014

j e s n

n g n e s t n d

s n o r

e n g u

n u e v o s

p i e n d o

s i g u i e n d o

t e c n o

Design

influencia en los consumidores - tendencias digitales 2014

01 tendencias 2013 2014

tendencias marketing digital 2014 de iab spain

look natural - tendencias 2014

tendencias 2013-2014 vestuario infantil€¦ · title:...

tendencias tecnologia 2014 evento oracle crm

7 tendencias de consumo para 2014

ux, ux design, ux process (@daum/2014)

brief tendencias 2014 - cartagena bridal week

tendencias de marketing experiencial para 2014.pdf

e-commerce ux testing - ux scotland 2014

tendencias en arte contemporáneo 2014. microcharla...

ponencia tendencias en marketing digital 2014

ui-ux portfolio-2014

book tendencias inverno 2014/15

tendencias 2014

ux vs seo 2014

video online tendencias y consumo 2014

ebook tendencias en comunicación 2014.pdf

inboundcycle tofu tendencias en marketing 2014