Contents
Principales entornos de interacción
Los diferentes entornos para los que se desarrolla una aplicación interactiva imponen unos requisitos específicos. Por entorno entendemos el contexto en el que el usuario utilizará la aplicación, por lo que incluye dos factores:
- El dispositivo que va a soportar la aplicación (ordenador de escritorio, smartphone, televisor, entre otros)
- El formato de la aplicación (ya sea formato cerrado, como un CD o un punto de información, aplicación web)
La “gran guerra” para el desarrollador web ha sido hasta ahora conseguir la compatibilidad entre toda la enorme variedad y versiones de navegadores web disponibles en el mercado.
Hoy en día, y como tendencia creciente, se añaden otras complicaciones. La tecnología avanza con mucha rapidez y vamos hacia un futuro absolutamente móvil en todos los sentidos, de modo que el desarrollador web no solo tendrá que batallar con los diferentes navegadores sino también con los diferentes dispositivos que se utilizan para navegar por Internet.
La variedad de dispositivos, marcas, versiones, funcionalidades, tamaños y prestaciones evoluciona a una velocidad vertiginosa, hecho que hace del todo imposible plantear una versión web para cada caso y a la vez nos imposibilita plantear las aplicaciones web estándares y que sean usables y visibles en todos los dispositivos, sin excepción.
Podéis ver un vídeo resumen de estadísticas de uso de dispositivos móviles:
http://www.youtube.com/watch?v=IZA9qjt2A48
Responsive design
El diseño web responsivo o responsive es una metodología que pretende hacer evolucionar la manera de desarrollar una aplicación web para englobar diferentes dispositivos, ya que permite adaptarse de manera fluida a la resolución de cada dispositivo de visualización.
La adaptabilidad del diseño web responsivo comporta beneficios como los siguientes:
- Mejorar el posicionamiento SEO de la web. Dado que trabajamos con una única versión para todos los dispositivos.
- Reducir costes porque no son diferentes versiones sino una trabajada con una metodología específica desde el comienzo del desarrollo.
- Mejorar la experiencia de usuario, ya que tenemos un único diseño principal que mantendrá la coherencia con la visualización desde cualquier dispositivo.
Enlaces relacionados
El concepto responsive
- Manual de diseño web responsivo (de Wilfredo Salas G.)
- Presentación de diseño web responsivo (de Tona Monjo)
- Fashionably flexible responsive web design
- Reinventando el diseño web (de Javier Usobiaga)
- Responsive Design (de Sara Cannon)
- http://xn--diseowebresponsivo-q0b.com.ar/
- http://uxdesign.smashingmagazine.com/2012/05/30/design-process-responsive-age/
Algunos ejemplos
- Ejemplos de webs responsivas
- Menús adaptables con responsive
- El responsive y la importancia en el SEO
- Ejemplos de diseño responsivo
Lecturas relacionadas
- Cómo podemos mejorar la experiencia del usuario en dispositivos móviles
- Plantear un diseño sensible o una versión móvil
- Diseño responsivo o aplicación nativa
- Una nueva metodología para el diseño web responsivo
- Más allá del responsive: interfaces adaptativas
- Diseño web responsivo según Ethan Marcotte
- Historia del diseño web adaptativo
Herramientas
- Herramienta que permite diseñar una web responsiva directamente en el navegador (ved más información)
- Herramienta en línea que permite ejecutar un test de responsividad (simulación de visualización de una web específica en dispositivos móviles)
- Responsive grid generator
- Herramientas útiles para el desarrollo responsivo
- Herramientas para hacer el responsive más fácil
- Plantillas, ejemplos y novedades del diseño web responsivo