Adejetec 2013. Responsive Web Desing

323
-1

Published on

Los usuarios utilizan cada vez más entornos diferentes de acceso a internet con tamaños distintos de pantallas, las tablet, portatiles o smartphone son algunos de ellos. Las empresas deben de adaptar su tecnología en internet para conseguir la mejor difusión y comunicación llegando a todos los dispositivos con solo una web.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
323
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Adejetec 2013. Responsive Web Desing

  1. 1. Rafael Mesa@rafaelmesaDirector generalPedro Báez Díaz@pedrobaezdiazDirector de proyectosIsa Robayna@isarobaynaDirectora de comunicación
  2. 2. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  3. 3. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  4. 4. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazSmartphone51%Portatiles31%tablets18%rafaelmesa.com@rafaelmesa
  5. 5. Isarobayna.com@isarobaynapedrobaezdiaz.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 videosrafaelmesa.com@rafaelmesa
  6. 6. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazLa resolución de pantalla es el número de píxeles quepuede ser mostrado en la pantalla.rafaelmesa.com@rafaelmesa
  7. 7. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  8. 8. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  9. 9. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  10. 10. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazEn el 2008 en el consorcio W3Cse discutió y describió lasrecomendaciones “Mobile WebBest Practices” tanto de la ideacomo el propósito del diseñoweb adaptativorafaelmesa.com@rafaelmesa
  11. 11. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazFluid grid (cuadrícula fluida o diseño fluido): En lugar dediseñar nuestra web basándonos en valores fijos, el diseñofluido está pensado en términos de proporciones.rafaelmesa.com@rafaelmesa
  12. 12. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazMedia queries: Forman parte de CSS3 e inspeccionan lascaracterísticas físicas del medio que va a mostrar nuestrodiseño, dependiendo de la respuesta se utiliza un estilo uotro.rafaelmesa.com@rafaelmesa
  13. 13. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazImágenes flexibles: Las imágenes no tienen anchos fijos sinoun máximo, que por lo general suele mostrarse al 100% enun PC.rafaelmesa.com@rafaelmesa
  14. 14. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiaz• Mejor experiencia para el usuario: Los usuarios ven la web de la mejormanera 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 venreflejadas en todas las plataformas de manera inmediata reduciendotiempos y márgenes de errores.• Accesible a todos: Se incrementa la accesibilidad de los usuarios, incluidoslas personas discapacitadas.• Búsquedas: Se obtiene una URL única en las búsquedas lo que ahorranredirecciones y posibles fallos que puedan surgir.rafaelmesa.com@rafaelmesa
  15. 15. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  16. 16. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiaz2013elañodelrafaelmesa.com@rafaelmesa
  17. 17. Isa Robayna@isarobaynaDirectora de comunicaciónPedro Báez Díaz@pedrobaezdiazDirector de proyectosRafael Mesa@rafaelmesaDirector general
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×