viernes, 7 de junio de 2013

Adaptive ≠ Responsive


¿Qué es un diseño adaptive?



Un diseño adaptive, tambien conocido como nativo es aquel que se realiza pensando exclusivamente en cómo quedará nuestro diseño en uno o varios dispositivos. En este tipo de diseños el servidor detecta el dispositivo que accede a la web y le envía un el contenido adaptado al mismo.


Las ventajas de este tipo de diseño son:

  • Al enviar sólo contenido adaptado para el dispositivo, la velocidad de carga de la página mejorará al no enviar contenido innecesario y no obligar al dispositivo a cambiar cómo se muestra ese contenido.
  • Nos obliga a pensar específicamente la experiencia móvil que queremos que tengan nuestros usuarios y eso mejorará la experiencia móvil.
  • Podremos crear experiencias diferentes para distintos dispositivos.
  • Podemos crear tantos diseños como dispositivos queramos diferenciar, permitiéndonos tener en cuenta las limitaciones de cada dispositivo (evitar uso de JavaScript o Flash para modelos antiguos)
La desventajas de este diseño son:

  • Es necesario realizar un diseño extra por cada dispositivo por lo que se duplica el trabajo.
  • Dificulta para el SEO, ya que hacemos redirecciones a subdominios tipo m.misitio.com perdiendo optimización.

¿Qué es un diseño responsive (Responsive Web Design)?



Un diseño responsive o Responsive Web Design es un diseño que es capaz de adaptarse al dispositivo con el que estamos navegando el sitio. En este tipo de diseños se envía el mismo contenido siempre y es el móvil, la tablet o el ordenador el que realiza el trabajo de adaptar la visualización a la pantalla, normalmente ayudados por javascript. Esta adaptación a la pantalla del dispositivo se suele realizar apilando las columnas o módulos que formen nuestro sitio formando una o dos columnas en la pantalla del dispositivo, mostrando primero las columnas más a la izquierda y finalmente las que estén más a la derecha de nuestro diseño. 

Las ventajas de este tipo de diseño son:
  • Sólo necesitaremos un único diseño para todo el sitio.
  • El código es el mismo por lo que no requiere de duplicidad del código.
  • Los diseños responsive utilizan el tamaño de la pantalla del dispositivo para adaptar el contenido, por lo que una mayor número de dispositivos verán correctamente el sitio.
  • Facilidad para realizar actualizaciones.
  • Optimización en buscadores, los enlaces entrantes se dirigen todos hacia el mismo URL que facilita el posicionamiento web.
La desventajas de este diseño son:

  • No podremos definir una estrategia móvil independiente y en algunos casos tendremos que tomar decisiones de compromiso para que nuestros sitios se vean correctamente en varios sitios.
  • Los dispositivos antiguos no se adaptarán correctamente a estos diseños.
  • Exige más tiempo de carga ya que obliga a una descarga de todos los elementos que constituyen la página pudiendo ocasionar un rendimiento menor.
Leer más...

domingo, 2 de junio de 2013

Facebook, Twitter y Google+ te espían.


Algunas páginas lo realizan de maneras diferentes, todo empieza cuando accedes a la página web y se insertan dos cookies de seguimiento que se denominan "cookie de sesión" y "cookie del navegador". A partir de ese momento cada vez que visites una página de terceros que tenga instalado un plugin como por ejemplo Facebook, tipo botón Me Gusta o Seguidores, trabaja junto con la cookie de navegador para recoger fecha, hora, dirección web de la página que estés visitando, tu IP, tu resolución de pantalla, tu sistema operativo y la versión del navegador que utilizas.

En principio esta información es anónima, a menos que el usuario tenga cuenta iniciada la sesión previamente en cualquiera de las redes Facebook, Twitter y Google+, ya que se podrá asociar la información referente a las páginas visitadas con el perfil personal, lo que en el caso de la red social significa directamente nombre y apellidos.

Todo esto no es ningún secreto ni ninguna novedad pero mucha gente lo desconoce. Por su parte las compañías hacen mención a esta recogida de datos en sus “Políticas de Privacidad” (sí, esas que casi nadie leemos) pero de forma vaga y muy poco clara.



¿Cómo evitarlo?

Para evitar este rastreo existen complementos para Google Chrome como Do Not Track Me que bloquea los botones sociales, los anuncios publicitarios y las compañías de estadísticas, o como Priv3 para Mozilla Firefox que actúa específicamente sobre botones sociales.

Conclusión

Debemos decir que recopilar  información no tiene por qué ser necesariamente perjudicial, y que probablemente las compañías usan en efecto dicha información simplemente para mejorar sus servicios y para adaptarlos a las necesidades de los usuarios; de hecho nosotros tenemos instalados estos botones en el blog para que los lectores puedan compartir los artículos en redes sociales. 

Pero pueden imaginar situaciones en las que los mismos datos y tecnología se utilizan para predecir opiniones políticas u orientación sexual, lo que plantea amenazas a la libertad o incluso a la vida”. Para quienes quieran más datos sobre un modelo de investigación de este tipo de algoritmos de comportamiento, existe una aplicación de Facebook, ‘You Are What You Like’ (Uno es lo que le gusta), que proporciona una evaluación de la personalidad del usuario, en http://www.youarewhatyoulike.com

Creemos que es importante que la gente tenga constancia de que se realiza este registro de su actividad en la red, y que conozcan la manera de evitarlo si así lo prefieren. 



Leer más...