197
Diseño para dispositivos móviles Wednesday, December 19, 12

Designing for mobile devices

Embed Size (px)

DESCRIPTION

Design for mobile devices today is not an option but a necessity for all businesses. Being on the Internet is not enough, now we must also provide users with an optimal experience on their devices. High mobility, a small screen, short-term use, little attention... are some of the assumptions surrounding the use of these devices. But is this always true? Is there any more information that we should take into account? And besides... Application, mobile web or responsive design? This workshop will discuss the reasons why this is important and discover through practice which the most important aspects to be considered are when designing an application or website.

Citation preview

Page 1: Designing for mobile devices

Diseño para dispositivos móviles

Wednesday, December 19, 12

Page 2: Designing for mobile devices

¿Quién soy?

@esterserrano

Ester Serrano

Wednesday, December 19, 12

Page 3: Designing for mobile devices

Planning

Ejemplos¿Cuál es la situación actual?Proceso de diseño para dispositivos móviles (con un caso práctico)Conclusiones

Wednesday, December 19, 12

Page 4: Designing for mobile devices

¿Algún diseñador web en la sala?

Wednesday, December 19, 12

Page 5: Designing for mobile devices

Yeah! Jugáis con ventaja

Wednesday, December 19, 12

Page 6: Designing for mobile devices

¿Por qué?

Wednesday, December 19, 12

Page 7: Designing for mobile devices

Sabéis moveros en entornos cambiantes

Wednesday, December 19, 12

Page 8: Designing for mobile devices

Usáis herramientas y procesos similares

Wednesday, December 19, 12

Page 9: Designing for mobile devices

Los que no sois diseñadores web...

Wednesday, December 19, 12

Page 10: Designing for mobile devices

También moláis! De verdad...

Wednesday, December 19, 12

Page 11: Designing for mobile devices

¿Por qué?

Wednesday, December 19, 12

Page 12: Designing for mobile devices

“El efecto espejo retrovisor”

Wednesday, December 19, 12

Page 13: Designing for mobile devices

“Vemos el mundo a través de un espejo retrovisor. Nos movemos hacia delante mirando hacia atrás

Marshal McLuhan

Wednesday, December 19, 12

Page 14: Designing for mobile devices

Ejemplos

Wednesday, December 19, 12

Page 15: Designing for mobile devices

Paper

http://tobiasahlin.com/blog/skeumorphism-and-storytelling/Wednesday, December 19, 12

Page 16: Designing for mobile devices

Paper

Wednesday, December 19, 12

Page 17: Designing for mobile devices

Microsoft

Wednesday, December 19, 12

Page 18: Designing for mobile devices

Clear

Wednesday, December 19, 12

Page 19: Designing for mobile devices

Flipboard

Wednesday, December 19, 12

Page 20: Designing for mobile devices

Readability

Wednesday, December 19, 12

Page 21: Designing for mobile devices

Readability

Wednesday, December 19, 12

Page 22: Designing for mobile devices

Svpply

Wednesday, December 19, 12

Page 23: Designing for mobile devices

¿Por qué queremos aprender esto?

Wednesday, December 19, 12

Page 24: Designing for mobile devices

Recordad esto No hace tantos años

Wednesday, December 19, 12

Page 25: Designing for mobile devices

Las cosas han cambiado bastante

Wednesday, December 19, 12

Page 26: Designing for mobile devices

Hablamos de menos de 10 años

Wednesday, December 19, 12

Page 27: Designing for mobile devices

Los móviles tienen la misma tecnología que un cohete de la NASA de los 60

Wednesday, December 19, 12

Page 28: Designing for mobile devices

Crecimiento de dispositivos móviles

Wednesday, December 19, 12

Page 29: Designing for mobile devices

Todo el mundo usa este grá!co

Wednesday, December 19, 12

Page 30: Designing for mobile devices

Diversidad de dispositivos

Wednesday, December 19, 12

Page 31: Designing for mobile devices

“Quiero más presencia en dispositivos móviles

Tu cliente

Wednesday, December 19, 12

Page 32: Designing for mobile devices

Pues habrá que hacer esto...¿no?

Wednesday, December 19, 12

Page 33: Designing for mobile devices

+100 millones de iPhones vendidos

Wednesday, December 19, 12

Page 34: Designing for mobile devices

pero...

Wednesday, December 19, 12

Page 35: Designing for mobile devices

6800 millones de personas en el mundo

Wednesday, December 19, 12

Page 36: Designing for mobile devices

77%de gente con móvil

Wednesday, December 19, 12

Page 37: Designing for mobile devices

77%de gente con móvil2%tiene iPhone

Wednesday, December 19, 12

Page 38: Designing for mobile devices

migajas...

Wednesday, December 19, 12

Page 39: Designing for mobile devices

77%de gente con móvil2%tiene iPhone

23%tiene smartphone

Wednesday, December 19, 12

Page 40: Designing for mobile devices

aunque apetitosa...es una pequeña parte

Wednesday, December 19, 12

Page 41: Designing for mobile devices

Y entonces...¿para qué dispositivo diseñamos?

Wednesday, December 19, 12

Page 42: Designing for mobile devices

Wednesday, December 19, 12

Page 43: Designing for mobile devices

Ejercicio

Vamos a pensar en un proyecto concreto

Wednesday, December 19, 12

Page 44: Designing for mobile devices

Una tienda

Diseñar una tienda de productos locales

Wednesday, December 19, 12

Page 45: Designing for mobile devices

Objetivo principalAumentar el nivel de ventas y dar visibilidad a los artesanos.

Wednesday, December 19, 12

Page 46: Designing for mobile devices

NecesidadesDebe poder usarse desde cualquier dispositivo

Wednesday, December 19, 12

Page 47: Designing for mobile devices

Este es nuestro target

Wednesday, December 19, 12

Page 48: Designing for mobile devices

ContextoVa a ser un tema recurrente hoy

Wednesday, December 19, 12

Page 49: Designing for mobile devices

Solemos imaginar este contexto...y es cierto

Wednesday, December 19, 12

Page 50: Designing for mobile devices

¿Y qué pasa en este caso?

Wednesday, December 19, 12

Page 51: Designing for mobile devices

¿Y en éste?

Wednesday, December 19, 12

Page 52: Designing for mobile devices

¿Sabíais que...

Wednesday, December 19, 12

Page 53: Designing for mobile devices

el 62% de la gente usa el móvil mientras ve la tele?

Wednesday, December 19, 12

Page 54: Designing for mobile devices

el 69% lo usa mientras compra?

Wednesday, December 19, 12

Page 55: Designing for mobile devices

el 34% empiezan una operación en el pc y la acaban en el móvil

Wednesday, December 19, 12

Page 56: Designing for mobile devices

<<<<<<<<<<<<Alguien gastó 5000€ en muebles a través del app de M&S

Wednesday, December 19, 12

Page 57: Designing for mobile devices

La gente usa las cosas como quiere

Wednesday, December 19, 12

Page 58: Designing for mobile devices

Empezando un diseño

Wednesday, December 19, 12

Page 59: Designing for mobile devices

El Storyboard

Wednesday, December 19, 12

Page 60: Designing for mobile devices

#4Storyboard

Wednesday, December 19, 12

Page 61: Designing for mobile devices

#4Storyboard

Wednesday, December 19, 12

Page 62: Designing for mobile devices

#4Storyboard

Wednesday, December 19, 12

Page 63: Designing for mobile devices

Identi!ca las tareas principales que quieres comunicar

Crea un personaje y decide sus acciones principales

Crea una historia básica

#4Storyboard

Rellena los huecosWednesday, December 19, 12

Page 64: Designing for mobile devices

Pantallas claveHome / Catálogo

Página de producto

Proceso de compra

Wednesday, December 19, 12

Page 65: Designing for mobile devices

Pantallas claveHome / Catálogo

Proceso de compra

Página de producto

Wednesday, December 19, 12

Page 66: Designing for mobile devices

Cosas que tenéis que tener en cuenta antes de empezar

Wednesday, December 19, 12

Page 67: Designing for mobile devices

68

¿Para qué dispositivo va a diseñarse?1

Wednesday, December 19, 12

Page 68: Designing for mobile devices

69

Qué dice Google Analytics?

Wednesday, December 19, 12

Page 69: Designing for mobile devices

No sólo se trata de la pantalla

Wednesday, December 19, 12

Page 70: Designing for mobile devices

Diferentes elementos de interacción

Wednesday, December 19, 12

Page 71: Designing for mobile devices

72

¿Cuál va a ser la resolución de la pantalla?2

Wednesday, December 19, 12

Page 72: Designing for mobile devices

Wednesday, December 19, 12

Page 73: Designing for mobile devices

74* De nuevo, esto es obra de Stephanie RiegerWednesday, December 19, 12

Page 74: Designing for mobile devices

“Ved vuestros diseños cuanto antes en el dispositivo, no en el emulador!

Lo dice todo el mundo

Wednesday, December 19, 12

Page 75: Designing for mobile devices

76

¿Hago una App o una web?3

bradfrostweb.com/blog/notes/native-vs-web-is-total-bullshit/

Wednesday, December 19, 12

Page 76: Designing for mobile devices

Puedo contar la versión larga

Wednesday, December 19, 12

Page 77: Designing for mobile devices

Pero esta vez no lo haré

Wednesday, December 19, 12

Page 78: Designing for mobile devices

Versión móvil

App nativa

Web Responsive

Wednesday, December 19, 12

Page 79: Designing for mobile devices

Versión móvil

desde 2006Optimizado para pantallas pequeñas.

Necesitas dar todo el contenido.

El contenido tiene que gestionarse 2 veces.

Bastante caro

desde 2010Hay que soportar varias plataformas.

Contenido no indexados en Google.

Sólo recomendables si usan elementos concretos de hardware.

AhoraUna sola web, un solo diseño.

Indexable en Google.

Requiere nuevas habilidades y conocimiento.

Más tiempo al principio.

App nativa

Web Responsive

Wednesday, December 19, 12

Page 80: Designing for mobile devices

¿Cuándo app nativa?

Las restricciones de tiempo o dinero sólo permiten diseño para un dispositivo especí!co

La función principal está basada en un elemento de hardware

Wednesday, December 19, 12

Page 81: Designing for mobile devices

“Why do people pay $8 for a dessert with no second thought but won’t buy a 79-cent iPhone/Android app without thinking hard if it’s worth it.

Preguntas de quora

Wednesday, December 19, 12

Page 82: Designing for mobile devices

Wednesday, December 19, 12

Page 83: Designing for mobile devices

Wednesday, December 19, 12

Page 84: Designing for mobile devices

¿Cuándo web?

Si no es absolutamente necesario que hagas una aplicación.

¡Disclaimer!Esto no quiere decir que sea más fácil

Wednesday, December 19, 12

Page 85: Designing for mobile devices

¿Os suena el Responsive web design?

#1 Crash course

Wednesday, December 19, 12

Page 86: Designing for mobile devices

Aquí está el secreto del diseño móvil

Wednesday, December 19, 12

Page 87: Designing for mobile devices

¿Os suena este tío?@EthanMarcotte

Wednesday, December 19, 12

Page 88: Designing for mobile devices

Wednesday, December 19, 12

Page 89: Designing for mobile devices

La web comenzó como imitación de la imprenta

Wednesday, December 19, 12

Page 90: Designing for mobile devices

Y dio lugar a retículas !jas como esta

Wednesday, December 19, 12

Page 91: Designing for mobile devices

Pero ya sabéis lo que ha pasado...

Wednesday, December 19, 12

Page 92: Designing for mobile devices

Una web para gobernarlos a todos

Wednesday, December 19, 12

Page 93: Designing for mobile devices

Wednesday, December 19, 12

Page 94: Designing for mobile devices

Wednesday, December 19, 12

Page 95: Designing for mobile devices

Wednesday, December 19, 12

Page 96: Designing for mobile devices

“Una retícula fluida con imágenes flexibles que incorpora media queries para crear un layout adaptable

Ethan Marcotte

Wednesday, December 19, 12

Page 97: Designing for mobile devices

“Una manera de presentar nuestro contenido sin saber en qué dispositivo va a verse

Ethan Marcotte

Wednesday, December 19, 12

Page 98: Designing for mobile devices

Contenido

Contenedor = %

Retícula "uida

Wednesday, December 19, 12

Page 99: Designing for mobile devices

24px 24px 24px 24px 24px

120px

Wednesday, December 19, 12

Page 100: Designing for mobile devices

20%

100%

20% 20% 20% 20%

Wednesday, December 19, 12

Page 101: Designing for mobile devices

Imágenes "exibles

Reescalar altura y anchura

max-width = 100%

Wednesday, December 19, 12

Page 102: Designing for mobile devices

Wednesday, December 19, 12

Page 103: Designing for mobile devices

El problema con las imágenes

Wednesday, December 19, 12

Page 104: Designing for mobile devices

Demasiado peso para un entorno móvil.

Wednesday, December 19, 12

Page 105: Designing for mobile devices

http://adaptive-images.com/

https://github.com/joshje/Responsive-Enhance

https://github.com/scottjehl/picturefill

Soluciones que ya hay por ahí

Wednesday, December 19, 12

Page 106: Designing for mobile devices

Algunos usan el ingenio http://adactio.com/journal/5439/

Wednesday, December 19, 12

Page 107: Designing for mobile devices

Media queries

Diferentes necesidades, diferente CSS

@media screen and (max-width:320px) {...}

Es necesario conocer los principales breakpoints (Stephanie Rieger)

Wednesday, December 19, 12

Page 108: Designing for mobile devices

Media queries

max-width 479px (smartphone portrait)

max-width 767px (smartphone landscape)

max-width 1023px (tablets portrait)

max-width 1024px (tablets landscape & others)

El resto queda a vuestro criterio

Wednesday, December 19, 12

Page 109: Designing for mobile devices

110

¿Eres desarrollador web?

Wednesday, December 19, 12

Page 110: Designing for mobile devices

Hazte amigo de uno cuanto antes

Wednesday, December 19, 12

Page 111: Designing for mobile devices

Planear Diseñar Desarrollar Implementar

Wednesday, December 19, 12

Page 112: Designing for mobile devices

Planear

Diseñar

Implementar

Wednesday, December 19, 12

Page 113: Designing for mobile devices

Conversación

Wednesday, December 19, 12

Page 114: Designing for mobile devices

Comienza el diseño

Wednesday, December 19, 12

Page 115: Designing for mobile devices

Nombre del producto

Descripción del producto

Información de envío

Wednesday, December 19, 12

Page 116: Designing for mobile devices

Nombre del producto

Descripción del producto

Información de envío

No intentes meter todo el contenido de un vistazo

Wednesday, December 19, 12

Page 117: Designing for mobile devices

Nombre del producto

Descripción del producto

Información de envío

Info útil pero no imprescindible

Wednesday, December 19, 12

Page 118: Designing for mobile devices

Nombre del producto

Descripción del producto

Información de envío

El botón de comprar no se ve...

Wednesday, December 19, 12

Page 119: Designing for mobile devices

Contenido primero

Wednesday, December 19, 12

Page 120: Designing for mobile devices

Nombre del producto

Descripción del producto

BOTÓN COMPRAR

Wednesday, December 19, 12

Page 121: Designing for mobile devices

Nombre del producto

Descripción del producto

BOTÓN COMPRAR

Ten en cuenta lo que cabe en la pantalla

Wednesday, December 19, 12

Page 122: Designing for mobile devices

Nombre del producto Nombre del producto

BOTÓN COMPRAR

BOTÓN COMPRAR

Wednesday, December 19, 12

Page 123: Designing for mobile devices

Nombre del producto

BOTÓN COMPRAR

Wednesday, December 19, 12

Page 124: Designing for mobile devices

Nombre del producto

Descripción del producto

Información del envío

Información del envío

Información de contacto

BOTÓN COMPRAR

Wednesday, December 19, 12

Page 125: Designing for mobile devices

Nombre del producto

Descripción del producto

Información del envío

Información del envío

Información de contacto

BOTÓN COMPRAR

No tengas miedo al scroll en móvil

Wednesday, December 19, 12

Page 126: Designing for mobile devices

Contenido primero, navegación después

Wednesday, December 19, 12

Page 127: Designing for mobile devices

Nombre del producto

BOTÓN COMPRAR

MENU

Wednesday, December 19, 12

Page 128: Designing for mobile devices

BOTÓN COMPRAR

Ropa Hogar Arte

Joyería Accesorios

Nombre del producto

BOTÓN COMPRAR

Nombre del producto

Ropa

Hogar

Arte

Joyería

Accesorios

Select element“Do nothing”

Wednesday, December 19, 12

Page 129: Designing for mobile devices

Nombre del producto

BOTÓN COMPRAR

MENU

Ropa y accesorios

Hogar

Papelería

Joyería

Accesorios

Nombre del producto

BOTÓN COMPRAR

MENU

Ropa

Hogar

Decoración

Iluminación

Libros y Música

Muebles

Cocina

Papelería

Joyería

Accesorios

Toggle navigation

Wednesday, December 19, 12

Page 130: Designing for mobile devices

Nombre del producto

BOTÓN COMPRAR

MENU MENUMENU

Ropa

Hogar

Decoración

Iluminación

Libros y Música

Muebles

Cocina

Papelería

Joyería

Accesorios

Left Nav Flyout

Wednesday, December 19, 12

Page 131: Designing for mobile devices

MENU

Ropa

Hogar

Papelería

Joyería

Accesorios

Usa el espacio que no ves Off- canvas

Wednesday, December 19, 12

Page 132: Designing for mobile devices

¿Os suena el proceso Mobile First?

#2 Crash course

Wednesday, December 19, 12

Page 133: Designing for mobile devices

¿Quién es éste tío?Luke Wrobleski @LukeW

Wednesday, December 19, 12

Page 134: Designing for mobile devices

Wednesday, December 19, 12

Page 135: Designing for mobile devices

“Las webs y las aplicaciones deberían ser diseñadas y desarrolladas primero para el móvil

LukeW

Wednesday, December 19, 12

Page 136: Designing for mobile devices

Mobile last (degradación progresiva)

Wednesday, December 19, 12

Page 137: Designing for mobile devices

Mobile first (mejora progresiva)

Mobile last (degradación progresiva)

Wednesday, December 19, 12

Page 138: Designing for mobile devices

Y por qué es mejor “Mobile First”?

Wednesday, December 19, 12

Page 139: Designing for mobile devices

Una pantalla pequeña te obliga a centrarte en los importante

Wednesday, December 19, 12

Page 140: Designing for mobile devices

Una conexión lenta te obliga a optimizar.

Wednesday, December 19, 12

Page 141: Designing for mobile devices

Sabe donde estás en todo momento. Geolocalización

Wednesday, December 19, 12

Page 142: Designing for mobile devices

“La mejor cámara es la que llevas siempre encima”

Wednesday, December 19, 12

Page 143: Designing for mobile devices

La pantalla táctil ofrece nuevas posibilidades de interacción

Wednesday, December 19, 12

Page 144: Designing for mobile devices

Nombre del producto

Descripción del producto

COMPRAR

Informacióndel envío

Información de contacto

Productos similares

?Móvil Tableta Desktop

Pie de páginaWednesday, December 19, 12

Page 145: Designing for mobile devices

MENU Ropa Hogar Papelería Joyería Accesorios

Wednesday, December 19, 12

Page 146: Designing for mobile devices

MENU Ropa Hogar Papelería Joyería Accesorios

Wednesday, December 19, 12

Page 147: Designing for mobile devices

Ropa Hogar Arte Joyería AccesoriosRopa Hogar Joyería AccesoriosPapelería

Wednesday, December 19, 12

Page 148: Designing for mobile devices

Ropa Hogar Joyería Accesorios

Ropa

Hogar

Papelería

Joyería

Accesorios

Papelería

Wednesday, December 19, 12

Page 149: Designing for mobile devices

“Show me the data”

Wednesday, December 19, 12

Page 150: Designing for mobile devices

Libreta “Superpoderes”

Comprar

Comprar

¿Miedo a la página en blanco? Seguro que con nuestra libreta con Supepoderes para tener grandes ideas no padecerás nunca más este síntoma. Apunta, dibuja, anota y escribe todo lo que se te pase por la cabeza que seguro será una genial idea.

La libreta es de tapa dura, toda forrada en papel kraft muy bonito e impresa en tinta blanca. La encuadernación es tipo en wire-o negro de doble anilla, muy cómoda para abrir, cerrar y doblar la libreta.

Descripción Tamaño: 14,8 x 21 cm (DIN-A5) Volumen: 100 hojas de papel blanco liso de 90 gr.

MENU

Wednesday, December 19, 12

Page 151: Designing for mobile devices

Libreta “Superpoderes”

Comprar

Comprar

¿Miedo a la página en blanco? Seguro que con nuestra libreta con Supepoderes para tener grandes ideas no padecerás nunca más este síntoma. Apunta, dibuja, anota y escribe todo lo que se te pase por la cabeza que seguro será una genial idea.

La libreta es de tapa dura, toda forrada en papel kraft muy bonito e impresa en tinta blanca. La encuadernación es tipo en wire-o negro de doble anilla, muy cómoda para abrir, cerrar y doblar la libreta.

Descripción Tamaño: 14,8 x 21 cm (DIN-A5) Volumen: 100 hojas de papel blanco liso de 90 gr.

No uses un tamaño de fuente menor a 16px

MENU

Wednesday, December 19, 12

Page 152: Designing for mobile devices

Libreta “Superpoderes”

MENU

Comprar

¿Miedo a la página en blanco? Seguro que con nuestra libreta con Supepoderes para tener grandes ideas no padecerás nunca más este síntoma. Apunta, dibuja, anota y escribe todo lo que se te pase por la cabeza que seguro será una genial idea.

La libreta es de tapa dura, todaComprar

Content !rst. LegibilidadWednesday, December 19, 12

Page 154: Designing for mobile devices

Es necesario un tamaño mayor en pantalla.

Wednesday, December 19, 12

Page 155: Designing for mobile devices

El tamaño de fuente depende de cómo se usa un dispositivo

Wednesday, December 19, 12

Page 156: Designing for mobile devices

Fíjate en los mejores y cópiales

Wednesday, December 19, 12

Page 157: Designing for mobile devices

Fíjate en los mejores y cópiales

Wednesday, December 19, 12

Page 158: Designing for mobile devices

Fíjate en los mejores y cópiales

Wednesday, December 19, 12

Page 159: Designing for mobile devices

Prototipaprototipaprototipa

Wednesday, December 19, 12

Page 160: Designing for mobile devices

Descubre De!ne Desarrolla Implementa

Proceso de diseño

t

Revisiónviabilidad

RevisiónConcepto

Wednesday, December 19, 12

Page 161: Designing for mobile devices

Descubre De!ne Desarrolla Implementa

Proceso de diseño

t

Revisiónviabilidad

RevisiónConcepto

Desastre

Wednesday, December 19, 12

Page 162: Designing for mobile devices

Sin prototipar, la implementación puede ser desastrosa

Wednesday, December 19, 12

Page 163: Designing for mobile devices

Tenemos menos experiencia y no prevemos todo.

Wednesday, December 19, 12

Page 164: Designing for mobile devices

Es fácil tomar malas decisiones

Wednesday, December 19, 12

Page 165: Designing for mobile devices

Prototipar

Mejoramos la toma de decisiones.

Comunicamos mejor nuestras ideas.

Obtenemos feedback del usuario desde el primer momento.

Exploramos lo desconocido sin riesgos.

Wednesday, December 19, 12

Page 166: Designing for mobile devices

La vida de la gente es caótica

Wednesday, December 19, 12

Page 167: Designing for mobile devices

Y no siempre hacen lo que esperamos

Wednesday, December 19, 12

Page 168: Designing for mobile devices

Paperprototype

Wednesday, December 19, 12

Page 169: Designing for mobile devices

Paperprototype

Wednesday, December 19, 12

Page 170: Designing for mobile devices

Paperprototype

Wednesday, December 19, 12

Page 171: Designing for mobile devices

Paperprototype

Wednesday, December 19, 12

Page 172: Designing for mobile devices

In-screen paper

prototype

Wednesday, December 19, 12

Page 173: Designing for mobile devices

Keynote

Wednesday, December 19, 12

Page 174: Designing for mobile devices

Diseño visual

Wednesday, December 19, 12

Page 175: Designing for mobile devices

176

Color

El contraste cambia según la pantalla. Re"ejo en exteriores.1

Wednesday, December 19, 12

Page 176: Designing for mobile devices

Wednesday, December 19, 12

Page 177: Designing for mobile devices

Wednesday, December 19, 12

Page 178: Designing for mobile devices

Diseñar para retina

Wednesday, December 19, 12

Page 179: Designing for mobile devices

Wednesday, December 19, 12

Page 180: Designing for mobile devices

Wednesday, December 19, 12

Page 181: Designing for mobile devices

Un poco de inspiración

Wednesday, December 19, 12

Page 182: Designing for mobile devices

iPad

Wednesday, December 19, 12

Page 183: Designing for mobile devices

Windows Phone

Wednesday, December 19, 12

Page 184: Designing for mobile devices

Android

Wednesday, December 19, 12

Page 185: Designing for mobile devices

Android

Wednesday, December 19, 12

Page 186: Designing for mobile devices

Wednesday, December 19, 12

Page 187: Designing for mobile devices

iPhone

Wednesday, December 19, 12

Page 188: Designing for mobile devices

Wednesday, December 19, 12

Page 189: Designing for mobile devices

Esto era todo lo que quería contaros

Wednesday, December 19, 12

Page 190: Designing for mobile devices

OpiniónMuchos de nosotros vamos a poder dar forma a los dispositivos, comportamientos y experiencias.

¿Qué elegirías hacer?

Dieter Rams

Wednesday, December 19, 12

Page 191: Designing for mobile devices

Muchas gracias

@[email protected]

Wednesday, December 19, 12

Page 194: Designing for mobile devices

http://thinkvitamin.com/http://www.codecademy.com/http://tutsplus.com/http://www.lynda.com/

Tuts

Wednesday, December 19, 12

Page 195: Designing for mobile devices

Luke Wrobleski @LukeWhttp://www.lukew.com/

Ethan Marcotte @EthanMarcottehttp://unstoppablerobotninja.com/

Stephanie Rieger@StephanieRiegerhttp://stephanierieger.com/

Gente

Wednesday, December 19, 12

Page 197: Designing for mobile devices

Wednesday, December 19, 12