5 cosas que estás olvidando sobre el diseño web receptivo

Hola hoy te hablaré de 5 cosas que estás olvidando sobre el diseño web receptivo

Responsive Web Design (RWD) ganó oficialmente el Web Shiny Object 2012 de la

Premio del año. Aparece como una línea de pedido en las RFP y los blogueros y especialistas en marketing lo aclaman continuamente como «la única forma». También hace babear a la gente, en serio. solo abre Starbucks.com en una presentación y comience a cambiar el tamaño del navegador. Seguramente escuchará ooh’s y aah’s y al menos un «¿cómo puedo obtener uno de esos?»

No me malinterpreten: RWD es impresionante. Un informe de Pew Internet muestra que 28 por ciento de los estadounidenses están utilizando un dispositivo móvil como su forma principal de acceder a la web. RWD ayuda a resolver el problema del contenido duplicado, duplica el soporte y ayuda a crear una experiencia consistente para los visitantes en una variedad de dispositivos. Sin embargo, me doy cuenta de que tanto los clientes como las agencias sacan conclusiones precipitadas y no consideran algunos elementos clave al planificar un proyecto de sitio web.

Grandes marcas como starbucks, jack daniels, El diario de la reina y qdoba han adoptado un enfoque RWD y eso, naturalmente, significa que cada vez más clientes lo solicitarán. En lugar de reaccionar, prepárese para guiar a su cliente en la discusión, explicar los desafíos e identificar las soluciones. Aquí hay algunas cosas que definitivamente deberías considerar:

1. Presupuesto

RWD cuesta más. El costo de un proyecto de desarrollo web se ve afectado por muchos factores, incluida la planificación del proyecto, la cantidad de diseños de diseño, el contenido y el total de horas requeridas. Todo esto aumenta en un proyecto RWD. Si bien hay muchas variables a considerar, puede requerir de dos a tres veces la cantidad de horas para completar un proyecto.

Por otro lado, el cliente desarrollará y administrará un sitio web. El valor a largo plazo puede ser enorme. Cada una de estas consideraciones requiere una explicación adicional para el cliente, y el presupuesto será una gran parte de esa conversación.

2. Cronología

En la mayoría de los casos, RWD tarda más. Como se documenta en algunos estudios de casos tempranos, (aquí y aquí) el proceso tiende a incluir algunos pasos adicionales. Prepárese para una buena parte de la planificación inicial adicional, la participación del cliente y los ajustes al proceso lineal típico. También querrá considerar ajustar su metodología de desarrollo, lo que puede tener un impacto profundo en su negocio. Muchos expertos digitales están recomendando un enfoque ágil sobre el método de cascada cuando se trata de RWD.

De todos modos, vas a necesitar experimentar. En un mundo de plazos ajustados interminables, esto no siempre es posible o fácil de explicar a los clientes.

3. Planificación de contenidos

Con demasiada frecuencia, el contenido se maneja con una mentalidad de «nos preocuparemos por eso más tarde». RWD es diferente. Esté preparado para planificar el contenido desde el principio del proyecto y para que sea un tema continuo. Esto incluye la planificación para entregar lo que es necesario en las etapas correctas, la estructura de navegación y las imágenes.

Muchas agencias se han acostumbrado a crear contenidos basados ​​en el diseño. Con RWD, el diseño será impulsado por el contenido, lo que hace que el desarrollo temprano de ese contenido sea muy importante.

4. Requisitos de infraestructura

Hay muchos desafíos de infraestructura con los que tendrá que lidiar. Sin duda, las imágenes serán una de las que deben abordarse, ya que cambiar el tamaño de una imagen de escritorio para que se ajuste a una pantalla móvil requiere descargar primero la imagen más grande. Cambiar el tamaño de estas imágenes fuerza la CPU y la memoria, lo que afecta el tiempo de carga y crea problemas de carga del servidor. Hay una cantidad cada vez mayor de recursos de desarrollo para ayudar con este problema. Algunos buenos lugares para comenzar: Imágenes adaptables por Matt Wilcox, Usando gráficos SVG hoy por Josh Emerson y Independencia de resolución con SVG por David Bushell.

5. Pruebas

Si está acostumbrado a realizar pruebas en las etapas finales del proceso, querrá planificar ajustes a su proceso. RWD requiere pruebas en el camino (también conocido como Agile) en múltiples tamaños de pantalla y navegadores. Esto no solo requerirá un cambio en su proceso, sino también tiempo adicional para las pruebas. Además, la capacidad de probar en múltiples dispositivos puede ser un desafío. Si bien existen muchos recursos para ayudar con esto, ninguno es tan efectivo como las pruebas en un conjunto de dispositivos. Como puede adivinar, esto puede ser costoso de mantener ya que estos dispositivos están en constante evolución.

Independientemente de los desafíos, RWD es algo que debe considerar y planificar. ¿Qué otros beneficios y desafíos ve con la adopción de un enfoque RWD?

No olvides enviarme invitación a Linkdin

sobre el autor

Estuardo Monroy

Te gustaría saber más sobre el autor, te invito que veas la sección de Nosotros en Consultor SEO, donde se extiende hablando sobre su experiencia, conocimientos y un poco de información personal.