Your SlideShare is downloading. ×
Adejetec 2013. Responsive Web Desing
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Adejetec 2013. Responsive Web Desing

232

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 …

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
232
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Rafael Mesa@rafaelmesaDirector generalPedro Báez Díaz@pedrobaezdiazDirector de proyectosIsa Robayna@isarobaynaDirectora de comunicación
  • 2. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  • 3. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  • 4. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazSmartphone51%Portatiles31%tablets18%rafaelmesa.com@rafaelmesa
  • 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. 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. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  • 8. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  • 9. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  • 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. 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. 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. 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. 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. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiazrafaelmesa.com@rafaelmesa
  • 16. Isarobayna.com@isarobaynapedrobaezdiaz.com@pedrobaezdiaz2013elañodelrafaelmesa.com@rafaelmesa
  • 17. Isa Robayna@isarobaynaDirectora de comunicaciónPedro Báez Díaz@pedrobaezdiazDirector de proyectosRafael Mesa@rafaelmesaDirector general

×