Presentación/ Sitio Web / Responsive 2014 cliente

14
presentación/ Sitio Web / Responsive 2014 cliente/

Transcript of Presentación/ Sitio Web / Responsive 2014 cliente

Page 1: Presentación/ Sitio Web / Responsive 2014 cliente

presentación/Sitio Web / Responsive 2014

cliente/

Page 2: Presentación/ Sitio Web / Responsive 2014 cliente

GENRODPlanteo General de informaciónÁrbol del sitio

Page 3: Presentación/ Sitio Web / Responsive 2014 cliente

ARBOL DEL SITIO

Page 4: Presentación/ Sitio Web / Responsive 2014 cliente

Responsive (Diseño Adaptable)

El concepto de “Diseño Adaptable" nace en julio de 2013 y hace referencia a la idea de construir una única Web accesible desde cualquier tipo de dispositivo.

•El sitio web creado estará optimizado para que el usuario ingrese desde diferentes tipos de dispositivos: PCs, tablets, teléfonos móviles, etc.

Page 5: Presentación/ Sitio Web / Responsive 2014 cliente

Responsive Beneficios

• |1| Mejor facilidad de hacer actualizaciones con menos menor riesgo de cometer errores Al hacer una modificación o actualización en tu site a nivel diseño, nuevo menú o cambio de colores, este se verá reflejado inmediatamente en cada una de las plantillas del Diseño Adaptativo que hayas desarrollado. En principio mi recomendación sería para PC, Tablet y Móvil.

• |2| Mejora en el SEO• Con el sistema de Diseño Adaptativo solo habrá una URL para cada página. Si hacemos redirecciones a

subdominios tipo m.misitio.com perderemos ese nivel de optimización

• |3| Mejor usabilidad• Maximiza la experiencia de usuario con una gran facilidad de uso de tu página web. No es lo mismo

clickar con el ratón un enlace que con un dedo, y de esta manera lo impulsamos.

• |4| Redes sociales• Si alguien comparte algo desde un PC y luego alguno de sus amigos/seguidores lo ve a través de un

dispositivo móvil no va a sentir exactamente la misma experiencia que aquel que lo compartió, y es posible que no pueda ni verlo. Con el diseño adaptativo da igual desde donde se comparta y desde dónde se vea, siempre estará optimizado.

Page 6: Presentación/ Sitio Web / Responsive 2014 cliente

Responsive Beneficios

• |5| Estadísticas• Al igual que pasa con SEO, tendremos todas las estadísticas por URL y por contenido exactas, sin tener

que ir a ver otros subdominios o el temor a que las redirecciones hayan duplicado las visitas. Por lo tanto el seguimiento de lo que ocurre en tu web es mucho más sencillo y directo.

• |6| Más resoluciones de pantalla• Cada día salen al mercado nuevos dispositivos con sus tamaños de pantalla personalizados. Con un

responsive design no hubiéramos tenido problemas ante la paraición de los nuevos tablets de 7 pulgadas, ya que nuestro site estaría preparado para ello sin hacer nada.

• |7| Imagen de marca• La imagen que estamos comunicando con un site adaptado a todo tipo de dispositivos, como cuando un

comprador está en punto de venta y accede desde el móvil para ver más características de producto, no tiene precio.

• |8| Sugerencia de Google• Google developer dijo aquello de "Google recomienda a los webmasters que siguen las mejores prácticas

de diseño web con Responsive Design"

Page 7: Presentación/ Sitio Web / Responsive 2014 cliente

/ PC

Page 8: Presentación/ Sitio Web / Responsive 2014 cliente

PC

Page 9: Presentación/ Sitio Web / Responsive 2014 cliente
Page 10: Presentación/ Sitio Web / Responsive 2014 cliente

Tablets / IPads

Page 11: Presentación/ Sitio Web / Responsive 2014 cliente
Page 12: Presentación/ Sitio Web / Responsive 2014 cliente

Smartphones

Page 13: Presentación/ Sitio Web / Responsive 2014 cliente
Page 14: Presentación/ Sitio Web / Responsive 2014 cliente

Fin de la presentación/Muchas gracias