Este documento presenta los principios clave de diseño de sitios web para dispositivos móviles. Explica que el diseño responsive permite que un sitio se adapte a diferentes resoluciones, el diseño flat elimina efectos para lograr una apariencia limpia y minimalista, y el enfoque mobile-first implica diseñar primero para dispositivos móviles. También enfatiza la importancia de priorizar el contenido, mejorar la usabilidad reduciendo el texto y pasos requeridos, y realizar pruebas frecuentes.

1. Usabilidad para sitios móviles
César J. Aquino Maximiliano (@jovenred)
#DevHangout Setiembre 2014 - DevAcademy

2. <info>
</info>
Nombre:
César Jefferson
Aquino Maximiliano
Trabajo:
- Webmaster Anqa TV
- Profesor I.S.T.P. ISMEM
- Freelance
Twitter: @jovenred
Email: cesar@jovenred.com
Web: cesaraquino.info

3. http://elcomercio.pe/paginas/smartphones-tablets/uso-dispositivos-moviles-crece-ritmo-agigantado-peru-noticia-1736764

4. El usuario es primero

5. El usuario es primero
Incluso,
antes que el cliente

6. El usuario
- Visita la página
- Lee la información
- Compra los productos
- Recomienda tu sitio

8. Responsive Design

9. Responsive Design
Es un diseño flexible y diferente para las diferentes
resoluciones de nuestros dispositivos

10. Ventajas
● Menos gastos de desarrollo
● Ahorramos tiempo
● Mejora el SEO
● Mejor rendimiento
● Mayor soporte de navegadores

11. Flat Design

12. Flat Design
El flat web design elimina todo rastro de sombras y efectos de
profundidad y apuesta por los colores planos, formas geométricas
y estilo minimalista y sencillo.

13. Ventajas
● Diseño limpio
● Es perfecto para el diseño responsive
● Carga más rápida
● Fácil de recordar

14. Mobile First

15. Mobile First
Diseñar primero para mobile y luego para
dispositivos de mayor resolución.

16. Ventajas
● Usa lo que en verdad se necesita.
● Ya no desaparecemos objetos con CSS
ahorrando su carga.
● Los estilos se agregarán solo cuando
se necesite.
● Empiezas haciendo lo más dificil.

17. Content First

18. Content First
El contenido es lo más importante en un sitio web y es lo
primero que deberíamos tener antes de empezar a desarrollar.

19. Ventajas
● No tendremos problemas futuros
porque el contenido no encaje.
● Darle prioridad a lo que importa.
● El cliente ya sabe cómo será
finalmente su web.
● Sabemos qué debemos crear.

20. Usabilidad
Es la facilidad con que las personas pueden
utilizar una herramienta particular o cualquier
otro objeto fabricado por humanos con el fin de
alcanzar un objetivo concreto.

21. 10 consejos
sobre usabilidad
en sitios móviles

22. 1.- Tiempo de carga

23. 2.- El foco no es tu sitio

24. 3.- Menos texto, más listas.

25. 4.- Varios tamaños de resolución.

26. 5.- El dedo es el mouse.

27. 6.- Que el usuario escriba lo menos posible.

28. 7.- Reducir los pasos.

29. 8.- Ten muy en cuenta los contrastes.

30. 9.- Prioridad a la información local.

31. 10.- Testear, testear, testear.

32. Muchas gracias
César J. Aquino Maximiliano (@jovenred)