Usabilidad para sitios móviles

César J. Aquino Maximiliano (@jovenred)

#DevHangout Setiembre 2014 - DevAcademy

<info>

</info>

Nombre:César JeffersonAquino Maximiliano

Trabajo:- Webmaster Anqa TV- Profesor I.S.T.P. ISMEM- Freelance

Twitter: @jovenredEmail: cesar@jovenred.comWeb: cesaraquino.info

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

El usuario es primero

El usuario es primero

Incluso,antes que el cliente

El usuario

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

Responsive Design

Responsive Design

Es un diseño flexible y diferente para las diferentes resoluciones de nuestros dispositivos

Ventajas

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

Flat Design

Flat DesignEl 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.

Ventajas

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

Mobile First

Mobile First

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

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.

Content First

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

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.

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.

10 consejossobre usabilidaden sitios móviles

1.- Tiempo de carga

2.- El foco no es tu sitio

3.- Menos texto, más listas.

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

5.- El dedo es el mouse.

6.- Que el usuario escriba lo menos posible.

7.- Reducir los pasos.

8.- Ten muy en cuenta los contrastes.

9.- Prioridad a la información local.

10.- Testear, testear, testear.

Muchas gracias

César J. Aquino Maximiliano (@jovenred)