De vez en cuando, una industria experimenta cambios fundamentales que la alteran radicalmente. Junto con esto viene una explosión de oportunidades: oportunidad para que las personas se destaquen, para que surjan nuevos productos y para que las empresas arraigadas sean reemplazadas. Ahora es un momento en la comunidad web.
Desde que puedo recordar, el enfoque principal en el desarrollo web ha sido garantizar que los sitios web rindan lo mismo en todos los navegadores. Hicimos un gran esfuerzo para garantizar que el sitio web de un cliente se viera exactamente igual en todo, desde las versiones anteriores de Internet Explorer hasta las últimas de Firefox, todas a la vez.
En los últimos años, hemos sido testigos de un creciente interés en lo que se conoce como mejora progresiva, que es la técnica de brindar funciones y estilos avanzados a navegadores modernos, pero no a navegadores antiguos no compatibles.
Este enfoque nunca pareció establecerse en todos los ámbitos. La mayoría de las agencias aún se esfuerzan por hacer que sus sitios web sean universales. Y la mejora progresiva a menudo se consideraba una excusa para ignorar problemas molestos. Como resultado, la gente de la web es bastante hábil y han creado herramientas que superan innumerables problemas del navegador.
Algunos de estos desarrollos han llevado a la noción de "diseño web receptivo". Si no está familiarizado con el término, asegúrese de revisar el introducción definitiva en una lista aparte .
Para resumirlo rápidamente, lo esencial es personalizar el renderizado de una página para adaptarla al dispositivo del usuario. Por un tiempo, esto fue fácil de hacer: si el usuario estaba en un dispositivo móvil, se los redireccionó a un mini sitio por separado. Pero con los teléfonos inteligentes y especialmente las tabletas, la línea se ha desdibujado.
El diseño receptivo se ha reconocido rápidamente como una forma increíblemente inteligente de crear sitios web. Que tan lejos lo lleves depende de ti. Pero una cosa es segura: está cambiando radicalmente la industria y está afectando innumerables prácticas y herramientas que hemos utilizado durante años. Consideremos el impacto de este nuevo enfoque en algunas de las herramientas básicas en las que hemos llegado a confiar y en el diseño web en general.
Casi todos los que trabajan en la web se han enfrentado en algún momento con alguien que cree que el adolescente de su amigo podría manejar su proyecto. Esta perspectiva siempre ha sido molesta, pero hay algo de luz al final del túnel. Con un diseño receptivo, las cosas se vuelven mucho más complicadas. Ahora hay una gran oportunidad para que los profesionales de la web se destaquen del rebaño.
Hay miles de diseñadores y desarrolladores web en todo el mundo, y todos estamos conectados por el medio mágico en el que trabajamos. Esto es genial y problemático. Dado el número de personas disponibles para trabajar, destacarse puede ser difícil.
En realidad, hay una oportunidad fabulosa aquí. Si eres lo suficientemente agresivo, podrías destacarte al trabajar con la cola para captar rápidamente el diseño y desarrollo receptivos. Indague y aprenda, actualice su sitio web personal y hable sobre sus resultados. Les garantizo que si ponen un portafolio nuevo que demuestre este conjunto de habilidades, la gente estará interesada en trabajar con usted. Pero la ventana para esto es bastante corta, dependiendo de la rapidez con que otros diseñadores participen.
Los presupuestos representan un obstáculo significativo con este enfoque. Con un diseño receptivo, tenemos que crear hasta cuatro variaciones para cada diseño, para apuntar a teléfonos inteligentes, tabletas, netbooks y computadoras de escritorio. Considere un sitio web básico con solo dos páginas: una página de inicio y una página interna. Esos dos diseños se convierten en ocho variaciones cuando los implementa para cuatro tamaños de dispositivo.
¿Esto significa que debemos cobrar cuatro veces más por el trabajo? Eso apenas parece probable. Obviamente, los costos serán incrementales, pero el tiempo requerido para preparar los diseños y codificarlos para que funcionen correctamente aumentará definitivamente.
La educación del cliente jugará un papel muy importante. Tenemos que ayudar a nuestros clientes a comprender que, si bien los iPads y los iPhones son geniales, esos dispositivos aumentan el costo del desarrollo de calidad. Hacer que los clientes entiendan nuestros costos ya es bastante difícil.
Si desea causar sensación en la comunidad, cree una herramienta que solucione los problemas presupuestarios. Muchos ya lo han hecho, con herramientas como 320 y hasta y el Menos marco . Ambos reducen el tiempo que lleva crear productos y ayudan a los desarrolladores a recortar el tiempo de los presupuestos. 320 y arriba en particular es un ejemplo perfecto de cómo aprovechar esta oportunidad.
Con el campo abierto ahora, la introducción de herramientas en el mercado que optimicen el proceso de desarrollo en apoyo de un diseño receptivo será mucho más fácil. Incluso podríamos crear herramientas que reproduzcan las existentes, pero que estén orientadas en torno al diseño receptivo.
Una de las muchas áreas que se podría poner patas arriba es el mercado de complementos que funcionan con frameworks populares como jQuery. El mercado está repleto de maravillosos complementos que hacen una gran variedad de cosas en el navegador: presentaciones de diapositivas, galerías de fotos, formularios, ventanas emergentes, la lista continúa.
La oportunidad aquí es una locura. Tome un complemento común, como la herramienta de presentación de diapositivas Nivo Slider . Esta herramienta increíble está en innumerables cinturones de herramientas de desarrolladores. El mercado está maduro para que alguien pueda crear una herramienta similar que se autoajuste para funcionar sin problemas en todos los dispositivos utilizando un enfoque receptivo.
Lo mismo aplica para casi cualquier complemento. Si está buscando un proyecto que prácticamente garantice el éxito, elija un complemento activo y cree una versión receptiva que se adapte para funcionar correctamente en diferentes dispositivos.
Si bien este artículo es más sobre el proceso de desarrollo, consideremos las pruebas de navegador. Esta es una parte básica de la construcción de sitios web. Cualquiera que esté metido hasta la rodilla en la construcción de un sitio web probablemente esté probando cosas en múltiples navegadores a medida que avanzan. Y en algún momento, la mayoría de los sitios web se someten a una prueba exhaustiva en numerosos navegadores.
Pero, ¿cómo abordamos esto a través de un diseño receptivo? ¿Debería el equipo poseer todos los dispositivos más populares? Claro, hay emuladores, pero la mayoría es dolorosa de instalar y trabajar. Y nada mejor que probar con lo real.
Configurar el software en las computadoras para tomar capturas de pantalla en una variedad de navegadores y plataformas es un poco difícil. Pero configurar sistemas para capturar capturas de pantalla de una cantidad cada vez mayor de dispositivos es realmente difícil. Las soluciones que existen son caras, y aún no he encontrado un buen servicio para esto.
Esta es una de esas situaciones donde la complejidad es una ventaja. Si alguien logra despellejar a este gato, entonces sería bastante difícil para otros seguirlo. Existen muchas soluciones para tomar capturas de pantalla automáticas en múltiples navegadores, pero la primera persona en ofrecer capturas de pantalla para dispositivos tendrá algo realmente único para vender. Y la comunidad responderá a lo grande.
El mercado de los temas listos para usar es enorme, pero el diseño receptivo es una llave inglesa aquí también. Los proveedores de plantillas probablemente no adaptarán sus diseños para acomodarse a estos nuevos requisitos. Por el contrario, probablemente agregarán características de respuesta a futuras versiones. Y ahí radica la oportunidad.
Las plantillas antiguas no se han vuelto inútiles; solo les falta un componente importante. Esto nivela el campo de juego por un tiempo. Si ha estado considerando lanzar su propio negocio temático, este es un buen momento para hacerlo. Las empresas establecidas tendrán que respaldar sus plantillas heredadas, y si bien disfrutan de algunas ventajas, la barrera de entrada en el mercado se ha reducido un poco.
La comunidad ha llegado a depender de los servicios de software para cosas como wireframing y pruebas de usabilidad. Pero, ¿cómo manejan estas herramientas varios dispositivos? Muchas herramientas abordan, por ejemplo, las pruebas de usabilidad, y algunas nuevas incluso abordan las pruebas móviles (como YouEye Mobile ), pero resuelven solo una parte del problema.
En el nicho de wireframing, existe una forma común de manejar varios diseños de página, pero todavía no he encontrado una solución que maneje un diseño de página único para varios dispositivos. La necesidad es tan simple, sin embargo, muchos sistemas simplemente se descomponen. ¿Deberíamos crear un nuevo wireframe para cada dispositivo? La respuesta no es clara.
El mercado está listo para las herramientas que apoyan los enfoques actuales de las personas para trabajar en línea, al tiempo que adoptan un diseño receptivo. Es posible que pueda atraer clientes lejos de la competencia al ofrecer características que adopten estas técnicas modernas.
El cambio puede ser desconcertante, incluso abrumador. No importa cuánto aprendas, siempre sientes que te estás quedando atrás. Pero todos están en el mismo barco. En tiempos de grandes cambios, puede maximizar las oportunidades sumergiéndose y montando la primera ola.
¿Ve alguna otra oportunidad para capitalizar el movimiento hacia un diseño receptivo?