El documento presenta información sobre Rafael Mesa, director general, Pedro Báez Díaz, director de proyectos, e Isa Robayna, directora de comunicación de una empresa. Incluye estadísticas sobre el uso de dispositivos móviles, definiciones sobre diseño web adaptable, y los beneficios de este tipo de diseño.

1. Rafael Mesa
@rafaelmesa
Director general
Pedro Báez Díaz
@pedrobaezdiaz
Director de proyectos
Isa Robayna
@isarobayna
Directora de comunicación

2. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
rafaelmesa.com
@rafaelmesa

3. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
rafaelmesa.com
@rafaelmesa

4. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
Smartphone
51%
Portatiles
31%
tablets
18%
rafaelmesa.com
@rafaelmesa

5. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
• El 61% para juegos
• El 55% mira el clima
• El 50% realiza búsquedas de empresas o servicios
• El 49% redes sociales
• El 42% escucha música
• El 36% lee noticias
• El 33% lo usa para entretenimiento
• El 21% ve videos
rafaelmesa.com
@rafaelmesa

6. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
La resolución de pantalla es el número de píxeles que
puede ser mostrado en la pantalla.
rafaelmesa.com
@rafaelmesa

7. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
rafaelmesa.com
@rafaelmesa

8. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
rafaelmesa.com
@rafaelmesa

9. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
rafaelmesa.com
@rafaelmesa

10. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
En el 2008 en el consorcio W3C
se discutió y describió las
recomendaciones “Mobile Web
Best Practices” tanto de la idea
como el propósito del diseño
web adaptativo
rafaelmesa.com
@rafaelmesa

11. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
Fluid grid (cuadrícula fluida o diseño fluido): En lugar de
diseñar nuestra web basándonos en valores fijos, el diseño
fluido está pensado en términos de proporciones.
rafaelmesa.com
@rafaelmesa

12. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
Media queries: Forman parte de CSS3 e inspeccionan las
características físicas del medio que va a mostrar nuestro
diseño, dependiendo de la respuesta se utiliza un estilo u
otro.
rafaelmesa.com
@rafaelmesa

13. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
Imágenes flexibles: Las imágenes no tienen anchos fijos sino
un máximo, que por lo general suele mostrarse al 100% en
un PC.
rafaelmesa.com
@rafaelmesa

14. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
• Mejor experiencia para el usuario: Los usuarios ven la web de la mejor
manera posible en el dispositivo desde el que acceden.
• Costes más bajos: Se reducen los costes de creación y mantenimiento.
• Mejor SEO: Google descubre mejor los contenido.
• Actualizaciones más eficientes: Las actualizaciones del diseño se ven
reflejadas en todas las plataformas de manera inmediata reduciendo
tiempos y márgenes de errores.
• Accesible a todos: Se incrementa la accesibilidad de los usuarios, incluidos
las personas discapacitadas.
• Búsquedas: Se obtiene una URL única en las búsquedas lo que ahorran
redirecciones y posibles fallos que puedan surgir.
rafaelmesa.com
@rafaelmesa

15. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
rafaelmesa.com
@rafaelmesa

16. Isarobayna.com
@isarobayna
pedrobaezdiaz.com
@pedrobaezdiaz
2013elañodel
rafaelmesa.com
@rafaelmesa

17. Isa Robayna
@isarobayna
Directora de comunicación
Pedro Báez Díaz
@pedrobaezdiaz
Director de proyectos
Rafael Mesa
@rafaelmesa
Director general