Ruta del Diseño
Upcoming SlideShare
Loading in...5
×
 

Ruta del Diseño

on

  • 140 views

 

Statistics

Views

Total Views
140
Views on SlideShare
140
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Ruta del Diseño Ruta del Diseño Presentation Transcript

    • Audiencia Virtual para el diseño https://www.flickr.com/photos/djbrady/1238664937
    • @nachosomalo Marketing Digital “Consiste en usar las tecnologías de la información basadas en Internet y todos los dispositivos que permitan su acceso para realizar comunicación con intención comercial entre una empresa y sus clientes o potenciales clientes.” https://www.flickr.com/photos/blackbeltjones/5103164519
    • Fuente: PwC Inversión publicitaria mundial 65% 35% 53% 47% 2012 Digital 2012 Tradicional 2017 Digital 2017 Tradicional ¿Por qué el marketing digital?
    • https://www.flickr.com/photos/andih/115781801 Fuente: Estudio de consumo de medios entre internautas mexicanos, enero 2014 ¿Por qué el marketing digital? La visibilidad pasa por la web 59.2 millones de personas utilizan Internet en México
    • https://www.flickr.com/photos/lraketentim Fuente: Estudio de consumo de medios entre internautas mexicanos, enero 2014 ¿Por qué el marketing digital? 4 horas, 5 minutos tiempo promedio de conexión diaria a Internet en México
    • https://www.flickr.com/photos/stephen_gunby ¿Por qué el marketing digital? Explosión de las redes sociales
    • https://www.flickr.com/photos/west.m ¿Por qué el marketing digital? 9 de cada 10 internautas mexicanos acceden a una red social
    • https://www.flickr.com/photos/west.m ¿Por qué el marketing digital? 3 de cada 4 información las utilizan para obtener
    • https://www.flickr.com/photos/68751915@N05 Ventajas sobre el marketing tradicional Más económico
    • https://www.flickr.com/photos/luc Ventajas sobre el marketing tradicional Segmentación
    • https://flic.kr/p/77XW6S Ventajas sobre el marketing tradicional Medible
    • https://www.flickr.com/photos/justinjensen/4964182350 Ventajas sobre el marketing tradicional Rápido y flexible
    • https://www.flickr.com/photos/fotos_medem Nuevos comportamientos Más y mejor informado
    • https://www.flickr.com/photos/cambodia4kidsorg Nuevos comportamientos Comparte experiencias
    • https://www.flickr.com/photos/freech Nuevos comportamientos No perdona los fallos
    • https://www.flickr.com/photos/philipcampbell Nuevos comportamientos Los usuarios móviles siempre conectados
    • ayer hoy
    • La movilidad lo cambia todo https://www.flickr.com/photos/captain_die/7697183522
    • Más y más personas se conectan smartphones, tablets y phablets a Internet vía móvil gracias a los https://www.flickr.com/photos/fhke/3343741692
    • https://www.flickr.com/photos/freech/3027335439 utilizan tablets y/o smartphones Es el porcentaje de mexicanos que para conectarse a Internet 48% Fuente: Estudio de consumo de medios entre internautas mexicanos, enero 2014
    • https://www.flickr.com/photos/martingautron/4685514791 conectados a Internet superará la población mundial De acuerdo a Cisco a finales de 2014 el número de dispositivos móviles Fuente: CiscoVisual Networking Index (VNI), 5 de febrero de 2014, http://goo.gl/6Jcjum
    • https://www.flickr.com/photos/jfingas/10104822523 Multiplicidad de pantallas Necesidad de adaptarse a las diferentes Diseño Desarrollo Navegación Contenido resoluciones y tamaños en términos de:
    • Diseño: el diseñar para una pantalla más chica es una limitación mayor
    • Desarrollo: requiere una mayor optimización en programación web
    • Navegación: las pantallas táctiles y su tamaño obligan a pensar en una ergonomía distinta
    • Contenido: el usuario móvil quiere contenido sencillo, rápido y sin elementos distractores
    • https://www.flickr.com/photos/rosenfeldmedia/7171775806 Aplicar el enfoque "mobile first" Repensar el diseño web dando prioridad a los dispositivos móviles de pantalla pequeña
    • Imágenes de fondo Tendencias en diseño web http://www.sagmeisterwalsh.com/
    • Imágenes de fondo Tendencias en diseño web https://www.squarespace.com/
    • Parallax Tendencias en diseño web http://www.mekanism.com/ Ejemplos de sitios web con parallax: http://goo.gl/dyxV3r
    • Del skeumorfismo al diseño plano Tendencias en diseño web http://www.flatvsrealism.com/
    • Tipografía Tendencias en diseño web Tipografías personalizadas Uso de webfonts (p. ej. Google Web Fonts) http://www.google.com/webfonts
    • Páginas de error 404 https://github.com/404
    • Páginas de error 404 http://starwars.com/404/
    • Páginas de error 404 http://www.peugeot.com/404
    • Páginas de error 404 http://www.redbull.com/404
    • Páginas de error 404 http://www.lego.com/404/
    • https://www.flickr.com/photos/brizzlebornandbred/11666824305 No olvidar quien debería "diseñarlo" y no el El visitante de nuestro sitio web es diseñador o consultor de marketing digital.
    • Para terminar...
    • https://www.flickr.com/photos/lukew/10412585943 Gracias gonzalo@qmarketing.mx @Gonzalo