Responsive Design in the Real World (Part 1)
Has escuchado sobre el diseño receptivo, Derecha ? Sin embargo, parece que incluso con su creciente popularidad, el diseño receptivo está notablemente ausente de casi cualquier sitio web corporativo ( con al menos una excepción ). Al igual que muchas tendencias de diseño, el diseño receptivo es extremadamente popular en los sitios web de cartera de diseño y los blogs web/techy. Los beneficios de esta técnica (una construcción, todas las plataformas) podrían ayudar seriamente a las empresas desde un punto de vista financiero, pero no estoy viendo la amplia adopción que esperaría de algo tan bueno. Tal vez solo necesito ser paciente. Después de todo, lleva más tiempo implementar una nueva presencia en la web corporativa que un sitio web de cartera independiente, y el diseño receptivo es una práctica bastante nueva. O tal vez la falta de diseño corporativo receptivo proviene de la inflexibilidad que las empresas muestran cuando se trata de sus ideales de diseño y cómo se traducen a Internet. He estado viendo que esto sucede exactamente con nuestros clientes, que es lo que me llevó a escribir este artículo. Los tomadores de decisiones de la empresa: por favor lean esto. Te beneficiarás enormemente. Tome pasos proactivos hacia un sitio web inteligente y funcional que deleite, no se frustrará, a sus usuarios. (Y eso parece ser una rareza en la web). Mi compañía ha estado construyendo sitios web únicamente receptivos durante varios meses, y a medida que el primer lote de proyectos se va en vivo, puedo mirar hacia atrás en el proceso con una gran sensación de dónde están luchando nuestros clientes con él. Para nosotros, ha sido positivo en general, pero hay algunos puntos pegajosos que vale la pena señalar para el diseño receptivo del mundo real. Los tamaños intermedios del navegador Probablemente lo más difícil de explicar (y arreglar) con el diseño receptivo son los tamaños "intermedios". Las consultas de los medios y el diseño porcentual basado en porcentaje pueden cubrir completamente un diseño de escritorio, tableta y de tamaño móvil, pero hay casos en que un tamaño intermedio, como una computadora portátil más pequeña, mostrará líneas rotas de texto o márgenes malos, por ejemplo. Estos problemas son definitivamente reparables y no deben descarrilar un proyecto. El final de un cliente puede ser realmente frustrante para seguir señalando estos pequeños errores, pero es casi imposible para el diseñador replicar cada situación de pantalla, por lo que es una parte necesaria de las pruebas de diseño receptivo. OH, y por cierto, Responsive requiere muchas pruebas. Internet Explorer El segundo desafío con el diseño receptivo del "mundo real" es un navegador llamado Internet Explorer. No me gusta golpear, es decir, como lo hacen muchos diseñadores y codificadores, pero tampoco puedo ignorar sus deficiencias, especialmente en versiones anteriores. Ejemplo: las versiones más antiguas de IE ni siquiera responden a las consultas de los medios (un elemento básico de diseño receptivo) sin un complemento jQuery, y una vez que se pone por debajo de IE8, ¡cosas como elementos en línea no se reconocen! Estos detalles son esenciales para un sitio web receptivo exitoso, pero no se explican fácilmente a los no codificadores. Debido a la mala calidad de IE, y dado que la mayoría de los tipos corporativos todavía usan Internet Explorer, es realmente importante asegurarse de que todo funcione en IE antes de que el cliente lo vea. Como "probador de sitios web", es bueno tener una mente abierta sobre los errores de IE, porque generalmente pueden arreglarse o reflexionar. (Como diseñador, si no va más allá con las pruebas de diseño receptivo, es decir, está pidiendo problemas. Confía en mí). Pero el problema del IE va un poco más allá de probar un sitio antes de mostrarlo. Una parte fundamental de la respuesta es que los sitios web se ven un poco diferentes en cada pantalla diferente. Los diseñadores no pueden tener píxeles por control de píxeles como pueden estar acostumbrados. Este concepto es realmente importante tener en cuenta, no solo para IE, sino para todas las diferentes situaciones de navegador y computadora. El hecho de que un sitio se vea diferente de una pantalla a otra (o un navegador a otro, o un dispositivo a otro), no significa que el sitio sea "incorrecto". Codificar muchas versiones del mismo sitio para tratar de hacer que cada navegador sea lo mismo es una pérdida de tiempo y dinero, y va en contra del concepto filosófico de diseño receptivo. Sin embargo, en una nota positiva, IE9 (la última versión) se ve bien. Tengo muchas esperanzas, aunque su mera existencia no significa que todos se actualicen. Complexidad Una tercera razón por la que algunas compañías no realizan el salto receptivo es que hay otros estilos de diseño web populares que hacen que la respuesta sea más difícil de lo que ya es. Imagine la popular desplazamiento de paralaje técnica y lo difícil que debe ser asegurarse de que funcione en el teléfono tanto como en la computadora ... con el mismo código. Aunque a veces es difícil, el diseño complejo y receptivo es 100% posible. De hecho, en 2012, con programación calificada, casi cualquier cosa es posible. Pero no se asuste Entonces, tal vez el diseño receptivo es más difícil en el mundo real de lo que parecía al principio. Comenzó a aparecer en sitios web simples y impulsados por el diseñador, pero ¿qué significa eso para la practicidad del mundo real? Cuando mi empresa comenzó a creer en Responsive, solíamos decirles a los clientes cómo en realidad no es una nueva habilidad, sino una nueva forma de pensar. ¡Tan simple! Bueno, mirando hacia atrás, no es muy simple en absoluto. Pero la dificultad no es razón para rehuir. Encuentre un programador experto (o empresa o equipo de programadores) y asegúrese de que sepan mucho sobre la codificación basada en estándares, los viejos navegadores web y las nuevas tabletas. ¡Asegúrese de saber dónde hacer los sacrificios correctos y luego confíe en sus decisiones! La recompensa vale la pena. Como empresa, puede mantenerse ágil, elegante, súper funcional y tal vez incluso por debajo del presupuesto. Se puede hacer. Pero no se puede hacer sin sacrificios, incluso los pequeños. Tengo mucha experiencia siendo la voz y transmitiendo la marca de empresas en línea, y lo más importante que puedo contarle sobre los sitios web en 2012 es que es hora de comenzar a confiar en los expertos web. Hace años, no había suficientes expertos web, y buscamos imprimir diseñadores para dar forma a nuestra experiencia web. Hoy, se necesita mucha especialidad para lanzar y ejecutar una presencia web exitosa. En lugar de luchar contra lo desconocido, abrázalo (con la ayuda de un experto).
Esta es la Parte 1 de una serie de 2 partes, y aborda a los clientes que contratan empresas para el diseño receptivo. La Parte 2 se dirigirá a los diseñadores y codificadores que están creando sitios web receptivos para clientes.
Has escuchado sobre el diseño receptivo, Derecha ? Sin embargo, parece que incluso con su creciente popularidad, el diseño receptivo está notablemente ausente de casi cualquier sitio web corporativo ( con al menos una excepción ). Al igual que muchas tendencias de diseño, el diseño receptivo es extremadamente popular en los sitios web de cartera de diseño y los blogs web/techy. Los beneficios de esta técnica (una construcción, todas las plataformas) podrían ayudar seriamente a las empresas desde un punto de vista financiero, pero no estoy viendo la amplia adopción que esperaría de algo tan bueno. Tal vez solo necesito ser paciente. Después de todo, lleva más tiempo implementar una nueva presencia en la web corporativa que un sitio web de cartera independiente, y el diseño receptivo es una práctica bastante nueva. O tal vez la falta de diseño corporativo receptivo proviene de la inflexibilidad que las empresas muestran cuando se trata de sus ideales de diseño y cómo se traducen a Internet. He estado viendo que esto sucede exactamente con nuestros clientes, que es lo que me llevó a escribir este artículo. Los tomadores de decisiones de la empresa: por favor lean esto. Te beneficiarás enormemente. Tome pasos proactivos hacia un sitio web inteligente y funcional que deleite, no se frustrará, a sus usuarios. (Y eso parece ser una rareza en la web). Mi compañía ha estado construyendo sitios web únicamente receptivos durante varios meses, y a medida que el primer lote de proyectos se va en vivo, puedo mirar hacia atrás en el proceso con una gran sensación de dónde están luchando nuestros clientes con él. Para nosotros, ha sido positivo en general, pero hay algunos puntos pegajosos que vale la pena señalar para el diseño receptivo del mundo real. Los tamaños intermedios del navegador Probablemente lo más difícil de explicar (y arreglar) con el diseño receptivo son los tamaños "intermedios". Las consultas de los medios y el diseño porcentual basado en porcentaje pueden cubrir completamente un diseño de escritorio, tableta y de tamaño móvil, pero hay casos en que un tamaño intermedio, como una computadora portátil más pequeña, mostrará líneas rotas de texto o márgenes malos, por ejemplo. Estos problemas son definitivamente reparables y no deben descarrilar un proyecto. El final de un cliente puede ser realmente frustrante para seguir señalando estos pequeños errores, pero es casi imposible para el diseñador replicar cada situación de pantalla, por lo que es una parte necesaria de las pruebas de diseño receptivo. OH, y por cierto, Responsive requiere muchas pruebas. Internet Explorer El segundo desafío con el diseño receptivo del "mundo real" es un navegador llamado Internet Explorer. No me gusta golpear, es decir, como lo hacen muchos diseñadores y codificadores, pero tampoco puedo ignorar sus deficiencias, especialmente en versiones anteriores. Ejemplo: las versiones más antiguas de IE ni siquiera responden a las consultas de los medios (un elemento básico de diseño receptivo) sin un complemento jQuery, y una vez que se pone por debajo de IE8, ¡cosas como elementos en línea no se reconocen! Estos detalles son esenciales para un sitio web receptivo exitoso, pero no se explican fácilmente a los no codificadores. Debido a la mala calidad de IE, y dado que la mayoría de los tipos corporativos todavía usan Internet Explorer, es realmente importante asegurarse de que todo funcione en IE antes de que el cliente lo vea. Como "probador de sitios web", es bueno tener una mente abierta sobre los errores de IE, porque generalmente pueden arreglarse o reflexionar. (Como diseñador, si no va más allá con las pruebas de diseño receptivo, es decir, está pidiendo problemas. Confía en mí). Pero el problema del IE va un poco más allá de probar un sitio antes de mostrarlo. Una parte fundamental de la respuesta es que los sitios web se ven un poco diferentes en cada pantalla diferente. Los diseñadores no pueden tener píxeles por control de píxeles como pueden estar acostumbrados. Este concepto es realmente importante tener en cuenta, no solo para IE, sino para todas las diferentes situaciones de navegador y computadora. El hecho de que un sitio se vea diferente de una pantalla a otra (o un navegador a otro, o un dispositivo a otro), no significa que el sitio sea "incorrecto". Codificar muchas versiones del mismo sitio para tratar de hacer que cada navegador sea lo mismo es una pérdida de tiempo y dinero, y va en contra del concepto filosófico de diseño receptivo. Sin embargo, en una nota positiva, IE9 (la última versión) se ve bien. Tengo muchas esperanzas, aunque su mera existencia no significa que todos se actualicen. Complexidad Una tercera razón por la que algunas compañías no realizan el salto receptivo es que hay otros estilos de diseño web populares que hacen que la respuesta sea más difícil de lo que ya es. Imagine la popular desplazamiento de paralaje técnica y lo difícil que debe ser asegurarse de que funcione en el teléfono tanto como en la computadora ... con el mismo código. Aunque a veces es difícil, el diseño complejo y receptivo es 100% posible. De hecho, en 2012, con programación calificada, casi cualquier cosa es posible. Pero no se asuste Entonces, tal vez el diseño receptivo es más difícil en el mundo real de lo que parecía al principio. Comenzó a aparecer en sitios web simples y impulsados por el diseñador, pero ¿qué significa eso para la practicidad del mundo real? Cuando mi empresa comenzó a creer en Responsive, solíamos decirles a los clientes cómo en realidad no es una nueva habilidad, sino una nueva forma de pensar. ¡Tan simple! Bueno, mirando hacia atrás, no es muy simple en absoluto. Pero la dificultad no es razón para rehuir. Encuentre un programador experto (o empresa o equipo de programadores) y asegúrese de que sepan mucho sobre la codificación basada en estándares, los viejos navegadores web y las nuevas tabletas. ¡Asegúrese de saber dónde hacer los sacrificios correctos y luego confíe en sus decisiones! La recompensa vale la pena. Como empresa, puede mantenerse ágil, elegante, súper funcional y tal vez incluso por debajo del presupuesto. Se puede hacer. Pero no se puede hacer sin sacrificios, incluso los pequeños. Tengo mucha experiencia siendo la voz y transmitiendo la marca de empresas en línea, y lo más importante que puedo contarle sobre los sitios web en 2012 es que es hora de comenzar a confiar en los expertos web. Hace años, no había suficientes expertos web, y buscamos imprimir diseñadores para dar forma a nuestra experiencia web. Hoy, se necesita mucha especialidad para lanzar y ejecutar una presencia web exitosa. En lugar de luchar contra lo desconocido, abrázalo (con la ayuda de un experto).