Diseñar para móviles
Upcoming SlideShare
Loading in...5
×
 

Diseñar para móviles

on

  • 15,683 views

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

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

Statistics

Views

Total Views
15,683
Views on SlideShare
11,264
Embed Views
4,419

Actions

Likes
40
Downloads
494
Comments
8

30 Embeds 4,419

http://blog.piensaenpixels.com 2583
http://www.pixelst.es 1050
http://www.uxabilidad.com 244
http://elblogdelossmartphones.blogspot.com 158
http://feeds.feedburner.com 85
http://www.uxgeek.co 79
http://www.macromedios.net 74
http://elblogdelossmartphones.blogspot.com.es 54
http://refbook.posterous.com 24
http://twitter.com 12
http://localhost 10
http://bycodin.com 8
https://twitter.com 6
http://www.elblogdelossmartphones.blogspot.com 5
http://us-w1.rockmelt.com 5
http://translate.googleusercontent.com 3
http://feedly.com 3
http://elblogdelossmartphones.blogspot.mx 3
http://elblogdelossmartphones.blogspot.com.ar 2
http://cloud.feedly.com 1
http://devel.carravedo.es 1
http://www.feedspot.com 1
http://sustam.com 1
http://elblogdelossmartphones.blogspot.in 1
http://presentacion.org 1
https://si0.twimg.com 1
http://www.twylah.com 1
http://macromedios.net 1
http://posterous.com 1
http://elblogdelossmartphones.blogspot.fr 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

15 of 8 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Muchas gracias! buenísima presentación.
    Are you sure you want to
    Your message goes here
    Processing…
  • Muy buena presentación, voy a compartirla con los compañeros de trabajo.
    La pena es que no la vi hace dos meses, que es cuando arranco el proyecto que acabo de terminar.
    Are you sure you want to
    Your message goes here
    Processing…
  • Supongo que Slideshare hace una reconversión de los pdf y por lo que sea no entiende la tipografía como tal... :S

    Si me la puedes enviar a marta[at]swwweet.com sería genial! Muchas gracias! :)
    Are you sure you want to
    Your message goes here
    Processing…
  • Vaya, pensé que al descargarse en PDF se podría hacer zoom sin problemas. Te la puedo mandar al mail si quieres, no sé si se verá mejor porque creo que el problema está en que le puse una DIN Light y es tan tan light... que no se ve
    Are you sure you want to
    Your message goes here
    Processing…
  • Muy buena presentación, tocas muchos conceptos que no suelen tocarse cuando se habla de diseñar para móvil :)

    Lástima que no se lean bien los textos más pequeños (tampoco al descargarla). ¿Alguna opción de poder descargar el pdf de otro sitio para poder leerlo bien?
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Diseñar para móviles Diseñar para móviles Presentation Transcript

  • DISEÑAR PARAMÓVILES
  • ≠TELÉFONOS ORDENADOR MÓVILES 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
  • Distinta percepción deprivacidad y seguridad
  • Menor precisión
  • DISEÑAR PARA MÓVILES REGRESO AL PASADO
  • No es diseñar SÓLO para iPhone
  • S.O. smartphones en EspañaNo olvidemos que (por ahora) sólo el 30% de usuarios de telefonía móvil tienen un smartphone
  • Existen cientos dedispositivos 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 LOSRECURSOS GRÁFICOS
  • RECORTAR LOSRECURSOS GRÁFICOS
  • RECORTAR LOSRECURSOS GRÁFICOS
  • UN MUNDO MÁS ALLÁDEL BOTÓN
  • REINVENTAR LARUEDA
  • 5 CONSEJOS FINALES PARA SMARTPHONES
  • PERSONALIDAD Y CLASE
  • QUE SEA CREÍBLE
  • APROVECHA LA ORIENTACIÓN
  • HASTA EL ÚLTIMO DETALLE
  • WP7 ES OTRO PLANETA
  • RECURSOS
  • •••••••• – – – – –•••••••••
  • ¿Dudas/Preguntas?