Embed Size (px)
DESCRIPTION
Tendencias en tecnología, diseño y conceptos de moda en diseño web.
Citation preview
5
Ágil
2014
Capaz de moverse con ligereza y facilidad
Movimiento, adaptabilidad, escalabilidad, ubicuidad
Tecnologías agiles,Metodologías agiles,
Modelos de desarrollo agiles
7
Big data
2014
Tratamiento, análisis y visualización de enormes cantidades de datos.
Necesarias nuevas herramientas.
9
Internet de las cosas
2014
Dispositivos inteligentes conectados entre sí.
Ahorro energético.
10
Gamificación
2014
http://www.youtube.com/watch?v=2lXh2n0aPyw
11
Gamificación
2014
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
15
Experiencias
2014
Nos sobran objetos y nos falta tiempo, por eso la industria apuesta por vender
“experiencias”
22
Navegación no estándar
2014
Cuestionando los menús
Buscando estructuras más narrativas
[email protected] 28 2014
30
Css3 + Sass + Less
2014
Mucho mas diseño en el código y menos imágenes
Posibilidad de añadir elementos de programación
34
imágenes en formato SVG
2014
Especificación para describir gráficos vectoriales bidimensionales, tanto estáticos como
animados en formato XML.
Flash sin flash
Problemas compatibilidad navegadores
37
pantalla Retina
2014
Mas PPP de los que el ojo humano es capaz de percibir
Nitidez en Pantalla = papel
41
Flat desing
2014
Alternancia arte entre barroco y renacentista
Facilitar resposive
Windows 8, iOS 7, GoogleFalta de affordance
Criticas Jacob Nielsen y Steve Jobshttp://www.flatvsrealism.com/
48
Scroll Parallax
2014
http://discover.store.sony.com/be-moved/
53
Fotos de background
2014
StorytellingMayor velocidad conexiónDar “vidilla” al flat-desing
57
Herramientas
2014
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/
59
Bibliografía
2014
• 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/
