Archivo del Autor: admin

Principales herramientas para social media

Son muchas las herramientas que nos pueden ayudar en nuestro trabajo cotidiano con los social media. Aunque es innegable que nos pueden facilitar mucho el trabajo, no debemos olvidar que la estrategia en cada red social debe ser específica: no podemos desarrollar las mismas acciones en Facebook que en Linkedin, por ejemplo.

En cualquier caso, este con este post haremos un breve repaso a algunas de las principales herramientas a la gestión de comunidades sociales online. Se trata de las más potentes y versátiles en cuanto a las tareas que nos ayudan a desarrollar.

Hootsuite

 

Hootsuite

Hootsuite nos permite gestionar y motorizar varias redes sociales al mismo tiempo

Hootsuite es, probablemente, la herramienta más popular para los Community Manager. Dispone de muchas funciones y herramientas que nos permiten publicar y monitorizar varias redes sociales al mismo tiempo. Su uso es sencillo, basado en una interfaz muy bien diseñada mediante prestañas y columnas que nos permite controlar la actividad y las interacciones de cada medio social en un vistazo.

Por otro lado cuenta con un sistema de programación de publicaciones en las distintas redes sociales así como un servicio de analítica que nos permitirá monitorizar palabras clave, tendencias, acortadores de URLs, etc.

Estas son algunas de sus principales características:

  • Gestión de varias redes sociales en una sola aplicación.
  • Publicación y programación de publicaciones en dichas redes sociales (en todas o en alguna de ellas al mismo tiempo)
  • Importación de canales RSS (contenidos sindicados de blogs, webs de noticias, etc) a nuestras columnas y difusión automatizada de sus contenidos en redes sociales.
  • Analítica integrada de nuestras redes sociales. La analítica más avanzada se consigue en la versión de pago.
  • Organizaciones para trabajo en equipo y reparto de tareas.
  • Generador de URLs abreviadas integrado.
  • Integración con herramientas analíticas como Google Analytics.
  • Cuenta con numerosas aplicaciones o plugins y con una excelente versión para dispositivos móviles.

Hootsuite es una aplicación gratuita, aunque algunas de sus funciones más avanzadas sólo se pueden utilizar desde la versión de pago. Hasta no hace mucho tenía una competencia frontal en Tweetdeck, que ahora sólo funciona como herramienta (muy potente) para Twitter.

Web oficial de Hootsuite

Buffer

Buffer

Buffer nos permite programar nuestras publicaciones en las diferentes redes sociales

Buffer es una herramienta gratuita que nos permite programar o secuenciar nuestras publicaciones en las diferentes redes sociales. Cuenta con una legión de defensores dado que se trata de una herramienta de fácil manejo y que se caracteriza por la agilidad de su gestión. Cuenta con una extensión para el navegador Google Chrome que integra un botón con el logotipo de Buffer a la derecha de la barra de dirección. Al pulsar dicho botón podremos compartir la web que tenemos en pantalla en nuestras cuentas o perfiles redes sociales mediante un cuadro emergente.

Publicar en redes sociales con Buffer

Publicar en redes sociales con Buffer

En cualquier caso, su principal atractivo sigue siendo la programación de publicaciones en base a un calendario semanal. Así, podemos distribuir contenidos en distintas redes sociales y programar su publicación mediante una secuencia predefinida.

Web oficial de Buffer

Social Bro

Social Bro

Social Bro. es la herramienta más potente del mercado para multiplicar nuestra influencia en Twitter

SocialBro es, para la mayoría de los profesionales, la herramienta más potente del mercado para monitorizar nuestra comunidad de Twitter.

Entre sus muchas características destacan:

  • Seguimiento y control de la evolución de nuestros seguidores.
  • Control de los unfollows (usuarios que dejan de seguirnos) y de usuarios que a los que seguimos y que no nos siguen.
  • Búsqueda de usuarios mediante palabras clave y filtro de idioma, localización, número de seguidores o frecuencia de publicación.
  • Estadísticas de actividad y de impacto de los tweets.
  • Creación de listas para organizar las cuentas.
  • Detección de usuarios inactivos.
  • Análisis de rangos horarios para detectar la mejor hora para tuitear.
  • Análisis y seguimiento de hashtags
  • Etc.

Una de las ventajas más destacadas de Socialbro es la posibilidad de realizar acciones sobre nuestra cuenta de Twitter por lotes. Es decir, podemos seguir, dejar de seguir, agregar a listas… a varios usuarios al mismo tiempo a golpe de clic.

Web oficial de Social Bro.

Manageflitter

Con Manage Flitter realizaremos un seguimiento sobre nuestros contactos de Twitter

Con Manage Flitter realizaremos un seguimiento sobre nuestros contactos de Twitter

Se trata de una herramienta que, al igual que Socialbro, actúa sobre nuestra cuenta de Twitter. Nos permite realizar un seguimiento sobre nuestros contactos (seguidores y seguidos). Veamos algunas características:

  • Nivel de actividad de los usuarios.
  • Ratio de seguimiento: usuarios que siguen más que son seguidos vs. usuarios con más seguidores que cuentas a las que siguen.
  • Nivel de influencia de las cuentas.
  • Cuentas a las que seguimos pero que no nos siguen (unfollow).

Como casi todas las aplicaciones de este tipo, ManageFlitter cuenta con algunas opciones disponibles sólo en su versión Pro (de pago)

Web oficial de Manage Flitter

Bit.ly

Bitly es el acortador de urls más popular

Bitly es el acortador de urls más popular

Bit.ly es el acortador de URLs o direcciones web más popular. Se trata de una herramienta fundamental para Twitter, ya que el límite de esta red social en cuanto al número de caracteres de las publicaciones (140) hace que las URLs ocupen buena parte de los caracteres disponibles.

Además bit.ly incorpora un apartado de estadísticas para medir impacto (número de clics) que reciben las urls que genera.

Web oficial de Bitly

La Gamificación es un negocio serio para el eLearning

 Últimamente se está hablando del concepto de “gamificación” como algo novedoso en la formación, cuando en realidad el elemento de juego ha sido un componente ampliamente utilizado en la educación de niños y adultos. El juego es una parte fundamental de nuestro aprendizaje en nuestra infancia,  y a pesar de que a todos nos gusta jugar, muchas veces  de adultos nos olvidamos del valor didáctico de los juegos.

 El concepto de “gamer” está muy vinculado al mundo de los videojuegos, y se identifica el perfil en una generación específica de jóvenes, en su mayoría hombres, de menos de cuarenta años. El gurú de educación y tecnología, Karl Kapp, habla incluso de dos generaciones a tener en cuenta a la hora de diseñar un curso de eLearning: la generación de “los boomers” (1946-1964) y la siguiente generación denominada “los gamers.” Claramente la generación que ha jugado con consolas desde los tiempos del “Pong” posee una actitud más abierta a la hora de afrontar un curso de eLearning con elementos de gamificación.  Pero por encima de las diferencias generacionales, existe un criterio subyacente que determina la calidad de la formación para cualquier sector: Un curso con buen diseño instruccional que prime las tres claves didácticas: estructura, interactividad y diversión va a ser siempre efectivo independientemente del público objetivo al que está dirigido.

Y especialmente en las dos últimas claves didácticas es donde los elementos fundamentales de gamificación pueden aportar un toque diferencial a nuestros cursos de eLearning. Estos elementos serían los siguientes:

  • Establece objetivos didácticos como si fuese un reto a superar por nuestros alumnos.
  • Establecer las reglas del juego. Si hay un reto a conseguir, tenemos que saber con qué elementos podemos contar para superarlo.
  • Genera un elemento de competición. O bien contra otro(s) participante(s), contra el ordenador o contrarreloj.
  • Otorga premios por los logros que consigan los alumnos: puntos, medallas o reconocimiento de status.
  • Genera un sistema de feedback inmediato (causa-consecuencia) a las decisiones o actuaciones de los participantes.
  • Establece niveles de dificultad, de manera que se puedan ir desbloqueando los niveles más difíciles a medida que se va completando el curso.
  • Cuenta una historia que dote al curso de contexto y significado.
  •  Genera “re-jugabilidad.”  Invita a tus alumnos a volver a repetir la experiencia, explorando diferentes opciones y resultados, de manera que exista una mayor inmersión en la experiencia didáctica.

En qué consiste la especificación SCORM

SCORM es, como sabemos, un modelo de referencia, un conjunto de estándares para la creación y distribución de contenido e-learning. El modelo consta, en realidad, de tres sub-especificaciones:

  • La especificación sobre cómo empaquetar el contenido formativo, basada principalmente en XML y declarada en el manifiesto del paquete SCORM.
  • El entorno de ejecución (Run-Time) especifica cómo se debe presentar o “lanzar” el contenido, así como la forma de comunicación con el gestor de aprendizaje o LMS. La lógica del entorno de ejecución está programada fundamentalmente en JavaScript.
  • La secuenciación indica la forma en la que el alumno o alumna pueden navegar por las diversas secciones y subsecciones del contenido. Se especifica también en el manifiesto del paquete.

Tus cursos online

El paquete de contenido

Un paquete SCORM es un conjunto de ficheros organizados en carpetas y que habitualmente se distribuyen comprimidos en formato .zip. El paquete contiene un fichero denominado imsmanifest.xml, o manifiesto, con toda la información que precisa el LMS para manejar el contenido formativo del paquete. Los SCOs u objetos de aprendizaje de los que se compone se organizan formando un árbol (organización), y es posible especificar diversas estructuras para adecuar el contenido del paquete, por ejemplo, a diferentes audiencias.

El entorno de ejecución

El contenido del paquete suele ser presentado o “lanzado” por el LMS en una nueva ventana o en un marco (frame o iframe) de la propia ventana del LMS. El paquete se tratará de comunicar con el API que proporciona el LMS a través de una serie de funciones definidas y programadas en JavaScript. Una vez establecida dicha comunicación en la versión del estándar (SCORM 1.2, SCORM 2004, etc.) que emplee el paquete, ambos podrán intercambiar los datos que se hayan programado en el entorno de ejecución del SCORM. Así, el paquete podrá preguntar al LMS en qué “lección” o SCO se había quedado el alumno en su última sesión, o podrá informarle del estatus (completado, incompleto, no visitado) se encuentra cada uno de los SCOs que conforman el paquete.

La secuenciación

Las especificaciones de secuenciación permiten a los autores del paquete indicar el orden en el que deben visitarse los diversos SCOs que lo forman. Estas especificaciones, programadas en XML, se incluyen en el manifiesto y, a modo de ejemplo, constriñen al alumno o alumna a visitar un SCO solo una vez que otro u otros se hayan completado (prerrequisitos). La mayor parte de las especificaciones de secuenciación están disponibles solo en la versión 2004 del estándar, que, como sabemos, no es compatible con Moodle.

Internet Explorer 6 & 7 are dead

Todos/as aquellos/as que nos dedicamos al desarrollo web sufrimos una pesadilla recurrente: que nuestros sitios web no funcionen correctamente en las versiones 6 y 7 del navegador Internet Explorer.

Datos de Microsoft sobre el declive de IE6 (click en la imagen para acceder a los datos actualizados)

Datos de Microsoft sobre el declive de IE6 (click en la imagen para acceder a los datos actualizados)

Quien escribe esto, además de desarrollar sitios web, lleva muchísimos años impartiendo formación. Uno de los cursos que más veces he impartido es el de «Diseñador Web y Multimedia«, además de otros cursos específicos de HTML y CSS (últimamente HTML5 y CSS3), módulos de accesibilidad y usabilidad web y otras materias en las que la maquetación web y sus estándares han estado muy presentes. En dichos cursos, la secuencia didáctica, lógicamente, va in crescendo. El alumnado va asimilando, poco a poco, diferentes elementos de HTML, después de CSS, para acabar construyendo un layout sobre el que desarrollará el trabajo, llamémoslo así, de filigrana (especialmente en CSS y, en ocasiones, Javascript). Hasta aquí todo bien… por poco tiempo.

Infografía sobre el declive de IE7 (los datos son más o menos coincidentes con los aportados por Global Stat Counter)

Infografía sobre el declive de IE7 (los datos son más o menos coincidentes con los aportados por Global Stat Counter)

Y es que, pongamos por caso, un objetivo para uno de estos cursos puede ser la maquetación de un sitio web (estático o dinámico) con CSS, partiendo de un diseño previo (por ejemplo en un fichero PSD). Ahí es cuando surge el problema/pregunta planteado por cualquiera de los alumnos/as: «Profe, el menú no se me ve bien en Explorer 7«, «La caja de contenidos no llega hasta abajo» y un largo (interminable) etcétera de problemas que, en más de una ocasión, me han metido en un aprieto. Eso sí, de dicho aprieto siempre se acaba saliendo pero, para salir, y seguro que muchas de las personas que están leyendo este blog lo han vivido, debemos acudir a una serie de parches, reseteadores, scripts y otras «trampas» que, efectivamente, nos solucionan el problema… para fastidiarnos la validación de los estándares de la W3C 🙁

Estadísticas del uso de los navegadores

Estadísticas del uso de los navegadores de Global Stat Counter (gs.statcounter.com)

Pues bien, todo parece indicar que el uso de nuestros navegadores pesadilla, los inefables IE6 y IE7, está bajo mínimos. Tanto es así que un formador ortodoxo como el autor de estas líneas ha decidido abandonar definitivamente el desarrollo web orientado a estos navegadores. Los tiempos del contra-estándar han llegado a su fin. Larga vida a los nuevos navegadores, los nuevos dispositivos, el diseño web responsable (o adaptativo) y a frameworks como Bootstrap.

Parafraseando y mutando la vieja estrofa de los Smiths: Internet Explorer 6 & 7 are dead 🙂

 

El futuro del aprendizaje empresarial: Formación JIT

Un nuevo concepto de formación que está sonando cada vez más en foros y servicios formativos online es el de la formación JIT (Just in Time). El claro guiño del término a los procesos productivos impulsados por Toyota se basa en la innovadora naturaleza de este tipo de formación. La formación JIT provee a los alumnos de la información necesaria para poder llevar a cabo su trabajo en el momento que éstos la requieran desde sus puestos de trabajo.

JIT_Logo

Este concepto parte del tipo más efectivo de formación empresarial: la capacitación profesional que recibe un aprendiz de manos de un experto sobre tareas relacionadas a su puesto de trabajo. Pero J.I.T aporta el elemento fundamental de las nuevas tecnologías, es decir, no dependemos de la presencia del experto, simplemente podemos acceder a un repositorio bien organizado en nuestra plataforma de formación en nuestra intranet de los métodos y procesos de nuestro trabajo. Esta formación se convierte en un apoyo formativo constante a nuestro desempeño profesional.

Los beneficios de este tipo de formación son múltiples:

1 – En la formación tradicional en aula o taller, el alumno aprende una serie de técnicas que puede tardar bastante tiempo en ponerlas en marcha, con lo que es posible que con el tiempo cuando por fin necesite aplicar su aprendizaje, al alumno se le haya olvidado el proceso. Con JIT el tiempo entre el aprendizaje y la aplicación del mismo es mínimo con lo que se reduce el riesgo del olvido a cero.

2 – La formación JIT se transmite cuando se necesita y se basa en la necesidad específica del alumno en ese momento. Para eso, es esencial que la formación esté totalmente personalizada a las necesidades del puesto de trabajo. No tiene sentido realizar 1 hora de material formativo cuando en realidad sólo 15 minutos de ese material es relativo a nuestro puesto de trabajo. JIT consisten en múltiples y píldoras formativas bien organizadas y distribuidas por las posibles necesidades de un puesto de trabajo.

3 – No existe formación con mayor retorno a la inversión. Se quitan de golpe y plumazo los gastos típicos de la formación presencial: costes de impartición, desplazamiento, dietas, y el tiempo en que los participantes están fuera de sus puestos de trabajo. Aunque el coste inicial de la implementación de una plataforma JIT puede ser significante, sobre todo si se trata de una formación dirigida a un colectivo muy específico, estos costes se compensan rápidamente con la mejora de la productividad y la reducción en los tiempos de la formación continua.

Cómo captar la atención de los usuarios en tu LMS

Invertir dinero en una plataforma de formación para que después no cumpla con el objetivo de su programa formativo es una pérdida de dinero. Aunque su organización tenga diversos objetivos formativos, seguro que uno fundamental es que los usuarios de su LMS estén involucrados activamente con el material pedagógico de manera que se pueda sacar todo el provecho de su potencial formativo.

Para esto, deberíamos tener en cuenta los siguientes cinco factores a la hora de preparar nuestros cursos online:

1 – Preguntas y respuestas

Cuando estructuremos los contenidos de nuestro curso, debemos considerar la importancia de establecer momentos en los que el usuario pueda reflexionar sobre el contenido presentado por medio de preguntas, recordatorios, o reflexiones tipo “¿sabías que…?  .  No sólo reforzará el contenido que se imparte, sino también facilitaremos la retención del mismo.

2 – Diseño atractivo

Es fundamental escoger una plataforma con un buen trabajo de diseño, que refleje los colores corporativos de su empresa, pero a la vez sea intuitiva y fácil de manejar. A la vez los cursos deben ofrecer material audiovisual: fotografías, gráficos, vídeo y animaciones que estimulen el valor pedagógico del curso.

3 – Foros de discusión

No es sólo cuestión de tener canales de chat o foros en nuestra LMS, es importante potenciarlos con discusiones interesantes, encuestas, etc. que animen a los participantes a conectarse entre ellos, compartir información y aprender de la experiencia de sus compañeros de curso.

4 – Buen contenido

Aunque parezca el punto más obvio, es sorprendente la cantidad de oferta formativa de e-learning que ofrece contenidos muy poco trabajados, que aportan información poco contrastada, con una presentación pobre, incluso cuántos de nosotros hemos sufrido cursos con pdfs de manuales mal escaneados

5 – La clave está en la diversidad

Si siempre utilizamos la misma fórmula de transmitir nuestro material educativo, podremos llegar a aburrir a los usuarios de nuestra plataforma. ¿Por qué no explorar todo el potencial comunicativo que nos ofrece nuestro LMS? Aventuremos a incluir mini-vídeos, artículos de prensa, podcasts y un largo etc. Sorprendamos a nuestros estudiantes no sólo con buenos contenidos, sino con fórmulas de comunicación revolucionarias, que capten su atención y haga que quieran volver a la plataforma de manera periódica.

Group at laptop

Cómo hacer uso de las herramientas sociales y dispositivos móviles para darle vida a tu LMS.

El aprendizaje por medio de tecnologías de social media y dispositivos móviles es posiblemente el avance tecnológico más interesante en el mundo de la educación en los últimos años. Imaginemos una comunidad educativa donde los estudiantes pueden compartir contenido o participar en foros de aprendizaje mientras viajan.

Este tipo aprendizaje dinámico está cuestionando el rol del estudiante pasivo/lector de contenido del curso a distancia tradicional y postula una relación de aprendizaje más  eficiente donde el estudiante toma un control directo sobre su aprendizaje.

Teniendo en cuenta esta necesidad, es imprescindible que nuestras plataformas de formación (LMS) empiecen a dar respuesta funcional a una mayor colaboración entre la comunidad educativa, el intercambio del conocimiento y la formación a la carta.

BB_slide3

Desde la perspectiva de social media, las nuevas LMS permiten a los participantes recomendar, valorar, compartir y comentar los recursos formativos. Los elementos claves de una LMS social incluye los foros, que permiten compartir información en un entorno no jerárquico, y bases conocimiento creadas por los usuarios como wikis y blogs.

En cuanto a la tecnología móvil, las plataformas de formación tienen cada vez más en cuenta su maquetación responsiva (lo que permite una perfecta visualización del LMS en cualquier dispositivo móvil), conformes al estándar SCORM lo que permite a la plataforma hacer un seguimiento del progreso del alumno en el curso tanto si lo está elaborando alternativamente en su ordenador y su dispositivo móvil.

Sobre el futuro de e-Learning y de la formación presencial

En el área de educación, el mercado de e-Learning es el que más está expandiendo gracias al crecimiento exponencial de usuarios de Internet (un 870% desde 2000) y el desarrollo de nuevas tecnologías que han revolucionado la manera en que adquirimos, almacenamos y compartimos el conocimiento.

Durante estos últimos 13 años, Las soluciones de eLearning se han diversificado en herramientas de aprendizaje como por ejemplo los sistemas de gestión educativa (LMS), las clases virtuales, plataformas móviles y MOOCs, entre otras.

La apuesta por estas herramientas tecnológicas formativas es cada vez más clara, pero también nos abre una serie de incógnitas sobre el futuro de la educación. Considerando las ventajas que aporta la formación por Internet, como por ejemplo su características de accesibilidad, mensurabilidad y sostenibilidad, ¿Cuál es el futuro que le espera a la formación presencial?images

El interés e implementación de eLearning en instituciones educativas y empresas está creciendo, pero mucho individuos cuestionan la efectividad pedagógica de este tipo de formación, sobre todo en ciertas materias de tipo humanista. Se también cuestiona su universalidad, puesto que la mayoría de LMS son a día de hoy poco intuitivos para personas que no estén acostumbradas a utilizar herramientas tecnológicas.

Algunos expertos apuestan por una solución intermedia: la formación “blended” que a día de hoy está aportando grandes resultados en Escuelas de Negocios y Academias.

También, gracias a la mejora en la calidad de las vídeo-conferencias en tiempo real por Internet, las clases presenciales están, cada vez más, emitiéndose mediante vídeo “streaming”, lo que permite una mayor difusión y nos permite abrir nuestra formación a un mercado mucho más amplio.

Cambios de Google para smartphones

El blog oficial para Webmasters de Google ha publicado ayer un post en el que anuncia una serie de cambios en los rankings de resultados en las búsquedas para smartphones. No hace falta ser especialmente avispado para entender que esos cambios afectarán negativamenta al ranking de aquellos sitios web que no tengan correctamente configurada su versión móvil. En definitiva, estamos ante una razón más para apostar por el diseño web responsable o adaptativo (responsive web design) en nuestros sitios web.

Google quiere responsive

Google responsive

Estas son algunas de las ideas fundamentales que aparecen en la entrada del blog de Google:

Redirecciones erróneas: Algunos sitios web tienen URLs distintas para la versión de escritorio y para la versión para móvil o tablet. En ocasiones, la URL original redirige a contenidos que no se corresponden con el contenido original, enlazando siempre a una página inicial para la versión móvil. Esto será considerado por Google como un error que interrumpe la secuencia de navegación de usuario y puede llevar a que éste abandone el sitio web. Por tanto, las redirecciones deben llevar al usuario a contenidos equivalentes para la versión móvil. Una vez más, la solución también podría pasar por un diseño web responsable

Errores específicos de la versión móvilOtro error más común de lo deseable es la aparición de errores al intentar acceder a un contenido desde la versión de escritorio a la versión móvil o viceversa. En el post se mencionan casos como los errores 404 al acceder desde una página en versión móvil a otra en versión de escritorio. Este error se subsana incluyendo una redirección al contenido en la versión correspondiente (o equivalente). 

  • En caso de no disponer de un contenido equivalente para la versión móvil, es preferible enlazar con la portada del sitio móvil. Pero, como se indica anteriormente, lo deseable es disponer de una versión equivalente para cada dispositivo.
  • Uso incorrecto del Googlebot mobile que deriva en un bucle infinito. En el post lo explican así: «Un error típico es cuando Googlebot-Mobile para smartphones se redirige incorrectamente a la página web optimizada para smartphones que, a su vez, redirige Googlebot-Mobile para smartphones de nuevo al sitio de escritorio. Esto da como resultado bucle infinito de redireccionamientos, que reconocemos como error«.
  • Otro error mil veces comentado es la incrustación de vídeos que que no se pueden reproducir en ciertos smartphones. De sobra conocido es el uso del reproductor de Flash en dispositivos iPhone o en versiones de Android 4.01 o superiores. 
  • Como es norma en los post del Google Webmaster Central, éstos vienen aderezados con una serie de enlaces que nos facilitan las cosas, como esta lista problemas habituales en los sitios para smartphones.  



 

 

Diseño web responsable

Que el diseño web está cambiando es un hecho que no tiene discusión. A los cambios en los lenguajes, en las versiones en los estándares del W3C, se suman, desde no hace tanto, la aparición de nuevos dispositivos que ya forman parte de nuestra cotidianidad. Me refiero, lógicamente, a los teléfonos móviles y a las tablets. Hoy en día no se debe(ría) concebir un diseño y un desarrollo web que no esté basado en parámetros de diseño web responsable (responsive web design). Veamos.

Diseño web adaptativo

Diseño web responsable

¿A quién no le a tocado visitar una web con su móvil para acabar dejándolo por imposible? ¿Quién no ha sufrido un horrible scroll horizontal en la web de un periódico para poder leer completo un texto, cada vez que cambiaba de línea? ¿Quién no se ha dejado la vista después de reducir el zoom de un sitio web en el móvil o tablet, precisamente para evitar desplazamientos en cada línea? El diseño web responsable busca, precisamente, que nos dejemos de hacer estas (y otras) preguntas. Se trata de implementar una solución a nuestros diseños para que nuestra web se adapte al dispositivo donde se esté visualizando. En definitiva, un sitio web profesional se debe adaptar a distintas resoluciones, orientaciones (vertical/horizontal), plataformas, navegadores, etc.

Para conseguir un diseño web responsable (o diseño adaptable), se pueden aplicar varias técnicas. Una de las más populares es el uso de un fluid grid (rejilla o retícula fluida). Existen frameworks bastante conocidos a este respecto como el Bootstrap (desarrollado por técnicos de Twitter) o el skeleton (que incluye características tipográficas, de botones o elementos de formulario) . Existe más frameworks como éstos, muchos de ellas basados en la división de nuestra pantalla en columnas que adaptarán su ubicación y tamaño dependiendo del dispositivo con que se abran.

Estas soluciones, basadas en las Media Queries  también han significado un cambio radical a la hora de desarrollar nuestros sitios web. El sistema de las media queries está basado en una estructura CSS condicional, mediante rangos de resolución. Podemos especificar las características visuales de una parte de nuestra web (por ejemplo, el menú de navegación) en base a la resolución del dispositivo del cliente. Por ejemplo, el menú de navegación de esta misma web, se transforma en un desplegable en el momento que de detecta una resolución propia de un teléfono móvil.

Como ven, las posibilidades de la tecnología responsive web design son infinitas. Además implica un ahorro económico nada desdeñable para nuestros clientes y es que, no hace tanto, se estilaba la creación de páginas distintas dependiendo la resolución utilizada por el navegador del visitante a nuestra web. Los nuevos estándares HTML5 y CSS3, sumados a las media queries abren un horizonte prácticamente ilimitado y en permanente desarrollo. Como muestra, este estupendo post publicado en Smashing Hub donde encontraremos 17 frameworks orientados al diseño responsable. ¡Que lo disfruten!

Fuente de la imagen: http://www.dotcominfoway.com