diseñar para móviles

Post on 29-Nov-2014

15.934 Views

Category:

Design

5 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

DISEÑAR PARA MÓVILES

≠ TELÉFONOS

MÓVILES ORDENADOR PERSONAL

Uso en exteriores

Pantalla pequeña

No se realizan tareas largas o complejas

Menor atención

No están optimizados para la entrada de datos

Menor precisión

DISEÑAR PARA MÓVILES REGRESO AL PASADO

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

Existen cientos de dispositivos diferentes

DECISIONES PREVIAS

¿PARA QUÉ DISPOSITIVOS?

EJEMPLO AGRUPACIÓN •

¿APLICACIÓN O WEB?

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

¿QUÉ VA A ESTAR VISIBLE EN LA PANTALLA?

¿RESOLUCIÓN DE PANTALLA? •

¿RESPONSIVE DESIGN?

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

MANOS A LA OBRA

USABILIDAD GENERAL •

DIFERENTE S.O. DIFERENTE UI

LAYOUT

LAYOUT

LAYOUT

NAVEGACIÓN

NAVEGACIÓN

ÁREA MÍNIMA TOUCH

ÁREA MÍNIMA TOUCH

COLOR

COLOR

COLOR

TIPOGRAFÍAS

TEXTOS

FORMULARIOS / INPUT DATOS

ICONOS

ICONOS

ICONOS

ICONOS

RECORTAR LOS RECURSOS GRÁFICOS

RECORTAR LOS RECURSOS GRÁFICOS

RECORTAR LOS RECURSOS GRÁFICOS

UN MUNDO MÁS ALLÁ DEL BOTÓN

REINVENTAR LA RUEDA

5 CONSEJOS FINALES PARA SMARTPHONES

PERSONALIDAD Y CLASE

QUE SEA CREÍBLE

APROVECHA LA ORIENTACIÓN

WP7 ES OTRO PLANETA

RECURSOS

¿Dudas/Preguntas?

top related