Presentación sobre Responsive Design en el Taller de Diseño de AyerViernes

1. Responsive Design
Diseño sensible y adaptable para
multiples plataformas
Taller de Diseño
AyerViernes
@shizada

2. Responsive Design
¿Cuáles son las
Contigencias actuales?
Los sitios ya no sólo se ven desde
diversas pantallas, ahora son
múltiples dispositivos

3. Responsive Design
Multiple devices
Asi como definimos un estándar para
diseñar en web (960px)
¿Ahora podemos definir un estándar para
diseñar y que se adapte a todos
los dispositivos?

4. Responsive Design
El diseño se adapta

5. Josh Clark http://tnw.co/uP7ncW
7 mitos del diseño para móviles
1. Los usuarios de móviles están apresurados o son
distraídos
Los usuarios móviles no sólo usan los dispositivos cuando se están
moviendo, los usan en la cocina o en una sala de espera, etc.
2. Móvil = menos
Es un error pensar que los sitios para móvil deben tener menos opciones
que la versión web. "es como decir que una versión pocket de un libro
debe tener menos capítulos"
3. Complejidad es una mala palabra
No confundir complejidad con complicación (Facebook iOs)
4. Toques o cliks extras son terribles
Tiene que ver con la relación con Cantidad > Calidad de toques (Twitter)

6. Josh Clark http://tnw.co/uP7ncW
7 mitos del diseño para móviles
5. Tenemos que hacer una versión móvil del sitio
Debemos centrarnos en un diseño que sirva para todas las plataformas.
si debemos hacer un versión móvil quiere decir que el sitio web está lleno
de cosas que sobran
6.Móvil se trata de aplicaciones
Centrarse sólo en las aplicaciones no es sostenible, no se puede diseñar
una experiencia nueva en cada plataforma. "Hay que pensar que el
contenido debe ser como el agua, toma muchas formas y se adapta a sus
recipientes"
7. El contenido y las API son para nerds
Los diseñadores deben preocuparse de esto y también hacerse cargo

7. Responsive Design
¿Qué necesitamos definir?
1. ¿La AI puede pensarse desde un principio
para los contenidos se jerarquizen igual en todos
los dispositivos ?
2. Patrones en diseño para que los sitios se
adapten a todas sus plataformas
3. ¿Qué decisiones en conjunto podemos tomar
para que este diseño sea programable?

8. Conversemos
Taller de Diseño
AyerViernes
@shizada