SlideShare a Scribd company logo
1 of 4
Download to read offline
El Diseño “responsive" es la técnica de programación que permite
adaptar una gráfica a los distintos equipos donde se visualiza.
Gran parte de las webs no están preparadas para visualizarse en
equipos móviles.
Apuesto que te ha pasado que buscando
alguna información desde tu teléfono o tablet,
ingresaste a una web y todo se desencaja,
para leer tienes que moverte horizontalmente o
hacer zoom,   las fotos se confunden con el
texto, pfff! Ésta web no es “responsive". Y
obvio, la visita desilusiona y terminas por
aburrirte. A esto se le llama, una malísima
experiencia móvil. 
Hoy en día se busca todo contrario, que tu
vivencia en una web sea de fácil lectura.
Efectiva y eficiente en cuanto a la información
que buscas. Textos legibles. Se prioriza el
diseño plano que además de ser limpio, tiene la
ventaja de mejorar la velocidad de descarga.
www.alemana.cl
www.colloky.cl
www.elmundodelvino.cl
icreativa@me.com

More Related Content

Viewers also liked

Ponencia SEO appstore
Ponencia SEO appstorePonencia SEO appstore
Ponencia SEO appstoreClinic Seo
 
Conversion rate optimatization (CRO)
Conversion rate optimatization (CRO)Conversion rate optimatization (CRO)
Conversion rate optimatization (CRO)#MkTrendsEADA
 
SEO para Móviles - Clinic SEO
SEO para Móviles - Clinic SEOSEO para Móviles - Clinic SEO
SEO para Móviles - Clinic SEOAleyda Solís
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Designmoon_es
 

Viewers also liked (6)

Palabras clave
Palabras clavePalabras clave
Palabras clave
 
(2) E-posicionamiento
(2) E-posicionamiento(2) E-posicionamiento
(2) E-posicionamiento
 
Ponencia SEO appstore
Ponencia SEO appstorePonencia SEO appstore
Ponencia SEO appstore
 
Conversion rate optimatization (CRO)
Conversion rate optimatization (CRO)Conversion rate optimatization (CRO)
Conversion rate optimatization (CRO)
 
SEO para Móviles - Clinic SEO
SEO para Móviles - Clinic SEOSEO para Móviles - Clinic SEO
SEO para Móviles - Clinic SEO
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 

Similar to ADAPTACION WEB A DISPOSITIVOS MOVILES

Qué es el diseño web responsivo
Qué es el diseño web responsivoQué es el diseño web responsivo
Qué es el diseño web responsivoZerozeroestudio
 
Parcial2 koichi nagasawa
Parcial2 koichi nagasawaParcial2 koichi nagasawa
Parcial2 koichi nagasawaDarksoul999
 
Parcial2 rodríguez matías
Parcial2 rodríguez matíasParcial2 rodríguez matías
Parcial2 rodríguez matíasmatirodriguez94
 
Responsive Design - Taller de Diseño av
Responsive Design - Taller de Diseño avResponsive Design - Taller de Diseño av
Responsive Design - Taller de Diseño avAyerViernes
 
Las 25 técnicas infalibles para tener un mejor sitio móvil | Google
Las 25 técnicas infalibles para tener un mejor sitio móvil | GoogleLas 25 técnicas infalibles para tener un mejor sitio móvil | Google
Las 25 técnicas infalibles para tener un mejor sitio móvil | GoogleNicolas Valenzuela
 
10 recomendaciones para diseñar una web para un i pad
10 recomendaciones para diseñar una web para un i pad10 recomendaciones para diseñar una web para un i pad
10 recomendaciones para diseñar una web para un i padUserZoom&Xperience Consulting
 
Mobile inclusive: básicos del responsive design y HTML5
Mobile inclusive: básicos del responsive design y HTML5Mobile inclusive: básicos del responsive design y HTML5
Mobile inclusive: básicos del responsive design y HTML5Carina Novarese
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio webYadith Gomez Nolasco
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio webYadith Gomez Nolasco
 
Qr rttes presentacion
Qr rttes presentacionQr rttes presentacion
Qr rttes presentacionqr-codigo
 

Similar to ADAPTACION WEB A DISPOSITIVOS MOVILES (20)

Movil1
Movil1Movil1
Movil1
 
Qué es el diseño web responsivo
Qué es el diseño web responsivoQué es el diseño web responsivo
Qué es el diseño web responsivo
 
Rpeorte 10
Rpeorte 10Rpeorte 10
Rpeorte 10
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Parte 4
Parte 4Parte 4
Parte 4
 
Parcial2 koichi nagasawa
Parcial2 koichi nagasawaParcial2 koichi nagasawa
Parcial2 koichi nagasawa
 
Parcial2 rodríguez matías
Parcial2 rodríguez matíasParcial2 rodríguez matías
Parcial2 rodríguez matías
 
Responsive Design - Taller de Diseño av
Responsive Design - Taller de Diseño avResponsive Design - Taller de Diseño av
Responsive Design - Taller de Diseño av
 
Responsive Design
Responsive Design Responsive Design
Responsive Design
 
Que es un diseño web
Que es un diseño webQue es un diseño web
Que es un diseño web
 
Que es un diseño web
Que es un diseño webQue es un diseño web
Que es un diseño web
 
Las 25 técnicas infalibles para tener un mejor sitio móvil | Google
Las 25 técnicas infalibles para tener un mejor sitio móvil | GoogleLas 25 técnicas infalibles para tener un mejor sitio móvil | Google
Las 25 técnicas infalibles para tener un mejor sitio móvil | Google
 
Pauta en Moviles
Pauta en MovilesPauta en Moviles
Pauta en Moviles
 
10 recomendaciones para diseñar una web para un i pad
10 recomendaciones para diseñar una web para un i pad10 recomendaciones para diseñar una web para un i pad
10 recomendaciones para diseñar una web para un i pad
 
Mobile inclusive: básicos del responsive design y HTML5
Mobile inclusive: básicos del responsive design y HTML5Mobile inclusive: básicos del responsive design y HTML5
Mobile inclusive: básicos del responsive design y HTML5
 
9.aplicaciones web responsive gene xus
9.aplicaciones web responsive gene xus9.aplicaciones web responsive gene xus
9.aplicaciones web responsive gene xus
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Qr rttes presentacion
Qr rttes presentacionQr rttes presentacion
Qr rttes presentacion
 
Mapa mental de los browser
Mapa mental de los browserMapa mental de los browser
Mapa mental de los browser
 

ADAPTACION WEB A DISPOSITIVOS MOVILES

  • 1. El Diseño “responsive" es la técnica de programación que permite adaptar una gráfica a los distintos equipos donde se visualiza. Gran parte de las webs no están preparadas para visualizarse en equipos móviles.
  • 2. Apuesto que te ha pasado que buscando alguna información desde tu teléfono o tablet, ingresaste a una web y todo se desencaja, para leer tienes que moverte horizontalmente o hacer zoom,   las fotos se confunden con el texto, pfff! Ésta web no es “responsive". Y obvio, la visita desilusiona y terminas por aburrirte. A esto se le llama, una malísima experiencia móvil.  Hoy en día se busca todo contrario, que tu vivencia en una web sea de fácil lectura. Efectiva y eficiente en cuanto a la información que buscas. Textos legibles. Se prioriza el diseño plano que además de ser limpio, tiene la ventaja de mejorar la velocidad de descarga.
  • 3.