Diseñar para móviles

59
DISEÑAR PARA MÓVILES

description

Breve presentación sobre los puntos principales a tener en cuenta a la hora de diseñar para teléfonos móviles

Transcript of Diseñar para móviles

Page 1: Diseñar para móviles

DISEÑAR PARA MÓVILES

Page 2: Diseñar para móviles

≠ TELÉFONOS

MÓVILES ORDENADOR PERSONAL

Page 3: Diseñar para móviles

Uso en exteriores

Page 4: Diseñar para móviles

Pantalla pequeña

Page 5: Diseñar para móviles

No se realizan tareas largas o complejas

Page 6: Diseñar para móviles

Menor atención

Page 7: Diseñar para móviles

No están optimizados para la entrada de datos

Page 9: Diseñar para móviles

Menor precisión

Page 10: Diseñar para móviles

DISEÑAR PARA MÓVILES REGRESO AL PASADO

Page 12: Diseñar para móviles

S.O. smartphones en España

No olvidemos que (por ahora) sólo el 30% de usuarios de telefonía móvil tienen un smartphone

Page 13: Diseñar para móviles
Page 14: Diseñar para móviles

Existen cientos de dispositivos diferentes

Page 15: Diseñar para móviles

DECISIONES PREVIAS

Page 16: Diseñar para móviles

¿PARA QUÉ DISPOSITIVOS?

Page 17: Diseñar para móviles

EJEMPLO AGRUPACIÓN •

Page 18: Diseñar para móviles

¿APLICACIÓN O WEB?

Page 19: Diseñar para móviles

¿GRÁFICA PROPIA O CONTROLES DEL S.O.?

Page 20: Diseñar para móviles

¿QUÉ VA A ESTAR VISIBLE EN LA PANTALLA?

Page 21: Diseñar para móviles

¿RESOLUCIÓN DE PANTALLA? •

Page 22: Diseñar para móviles

¿RESPONSIVE DESIGN?

Page 23: Diseñar para móviles

LO QUE VEO EN LA PANTALLA DE MI ORDENADOR NO ES REAL

Page 24: Diseñar para móviles

MANOS A LA OBRA

Page 25: Diseñar para móviles

USABILIDAD GENERAL •

Page 26: Diseñar para móviles

DIFERENTE S.O. DIFERENTE UI

Page 27: Diseñar para móviles
Page 28: Diseñar para móviles

LAYOUT

Page 29: Diseñar para móviles

LAYOUT

Page 30: Diseñar para móviles

LAYOUT

Page 31: Diseñar para móviles

NAVEGACIÓN

Page 32: Diseñar para móviles
Page 33: Diseñar para móviles

NAVEGACIÓN

Page 34: Diseñar para móviles

ÁREA MÍNIMA TOUCH

Page 35: Diseñar para móviles

ÁREA MÍNIMA TOUCH

Page 36: Diseñar para móviles

COLOR

Page 37: Diseñar para móviles

COLOR

Page 38: Diseñar para móviles

COLOR

Page 39: Diseñar para móviles

TIPOGRAFÍAS

Page 40: Diseñar para móviles

TEXTOS

Page 41: Diseñar para móviles

FORMULARIOS / INPUT DATOS

Page 42: Diseñar para móviles

ICONOS

Page 43: Diseñar para móviles

ICONOS

Page 44: Diseñar para móviles

ICONOS

Page 45: Diseñar para móviles

ICONOS

Page 46: Diseñar para móviles

RECORTAR LOS RECURSOS GRÁFICOS

Page 47: Diseñar para móviles

RECORTAR LOS RECURSOS GRÁFICOS

Page 48: Diseñar para móviles

RECORTAR LOS RECURSOS GRÁFICOS

Page 49: Diseñar para móviles

UN MUNDO MÁS ALLÁ DEL BOTÓN

Page 50: Diseñar para móviles

REINVENTAR LA RUEDA

Page 51: Diseñar para móviles

5 CONSEJOS FINALES PARA SMARTPHONES

Page 52: Diseñar para móviles

PERSONALIDAD Y CLASE

Page 53: Diseñar para móviles

QUE SEA CREÍBLE

Page 54: Diseñar para móviles

APROVECHA LA ORIENTACIÓN

Page 56: Diseñar para móviles

WP7 ES OTRO PLANETA

Page 57: Diseñar para móviles

RECURSOS

Page 58: Diseñar para móviles

Page 59: Diseñar para móviles

¿Dudas/Preguntas?