La siguiente fase del diseño web

Hola el tema que tocamos hoy es La siguiente fase del diseño web

La Conferencia sobre el Futuro del Diseño Web (FOWD, por sus siglas en inglés) se llevó a cabo justo antes de que el huracán Sandy azotara la ciudad de Nueva York, y el momento no podría haber sido más afortunado. La conferencia brindó una mirada valiosa hacia el futuro, y es seguro decir que 2013 se perfila como un año emocionante en el mundo del diseño web.

La tendencia de la que más se habló en la conferencia fue la siguiente fase del diseño web. Cuando aparecieron los sitios web por primera vez, eran planos y unidimensionales. Desde 2004 hasta 2010, los sitios web se convirtieron en experiencias bidimensionales y elegantes gracias a CSS. Con el progreso de la tecnología, los sitios web se están convirtiendo en experiencias dinámicas, interactivas y en capas llenas de movimiento y transiciones. Ese es el futuro del diseño web por tres razones:

1) La tecnología ha evolucionado:

HTML5 ahora permite la creación de movimiento a través de las transiciones que ofrecen JQuery y CSS3.

2) Los sitios interactivos son atractivos:

Los usuarios tienden a permanecer más tiempo en un sitio si el contenido es interactivo. En lugar de solo leer contenido, los visitantes del sitio web encontrarán animación, lo que les permitirá interactuar con gráficos, imágenes, videos y otro contenido dinámico a medida que se desplazan por el sitio.

3) La próxima generación de niños con pantalla táctil:

Ya sea que estén jugando Minecraft o desplazándose por su biblioteca de música, la generación actual de niños está creciendo interactuando con el contenido y necesitarán sitios web interactivos.

Es importante tener en cuenta que la creación de sitios web interactivos requerirá un cambio en el diseño y desarrollo de sitios web. Los diseñadores abordarán un proyecto de sitio web como lo harían con una película o un programa de televisión. Los guiones gráficos que grafican cómo los usuarios experimentarán el contenido a medida que se desplazan por el sitio se desarrollarán incluso antes de que comience el diseño. Los desarrolladores trabajarán en conjunto con los diseñadores a lo largo del proyecto para crear una experiencia atractiva.

La gran tendencia de este año, el diseño receptivo, evolucionará a medida que avancemos en 2013. A medida que CSS3 y JQuery se utilicen con mayor frecuencia para crear sitios web interactivos, el desarrollo de aplicaciones para el usuario será aún más complejo. Cada elemento interactivo deberá replicarse en los puntos de interrupción del dispositivo. Una cosa que se destacó durante la conferencia fue el papel del desarrollador front-end durante 2013 y hasta 2014; su papel se volverá significativo.

Como habrá concluido, las empresas necesitarán gastar más dinero en el diseño y desarrollo de sitios web a medida que adopten sitios receptivos e interactivos.

Durante la conferencia, pude asistir a algunas discusiones, y dos realmente se destacaron:

La presentación de Chris Coyier, Flujo de trabajo de un diseñador web moderno, cautivó a la audiencia. Su mensaje a la comunidad fue que ya no es aceptable ser un codificador deshonesto. Seguir las prácticas adecuadas de desarrollo e implementación de código garantiza la capacidad de mantenimiento y la reutilización del código, lo cual es especialmente necesario a medida que avanzamos en la creación de sitios web más dinámicos.

La presentación de Darcy Clarke sobre Técnicas de desarrollo front-end para la web moderna fue especialmente valiosa, ya que incluyó excelentes ejemplos de sitios dinámicos y transiciones. También proporcionó algunos buenos enlaces para recursos para desarrolladores.

Una nueva tecnología que me llamó la atención fue Reflujo de Adobe. Todavía está en versión beta, pero será una herramienta especialmente importante en el futuro, ya que ayuda a los diseñadores a crear sitios web interactivos y traducir el diseño a un código que los desarrolladores pueden refinar y usar para crear sitios web. El reflujo de ninguna manera eliminará la necesidad de codificación por parte de los desarrolladores front-end, pero ayudará a reducir la ambigüedad entre lo que quiere un diseñador y cómo un desarrollador interpreta sus necesidades.

La presentación de Charity Water que dio inicio a FOWD brindó un caso de uso de sitio web realmente excepcional sobre el traslado de campañas en línea fuera de línea. Recaudaron dinero en su sitio web para comprar y construir el Camión trueno amarillo, un camión que está equipado para perforar pozos y proporcionar agua potable a los pueblos pobres de las zonas rurales. Si ve el Yellow Thunder Truck en persona, lo reconocerá como su camión gracias a la promoción en línea. Además, agregaron un chip GPS en el camión para que pueda ver dónde el camión está perforando un pozo y contribuir directamente a ese proyecto.

Otra conclusión fue el futuro del comercio electrónico. Todos entendemos el flujo actual de comercio electrónico desde las páginas de productos hasta las cestas y el pago. Durante los últimos 10 años, el comercio electrónico se ha tratado de que usted compre algo para usted en línea. La próxima iteración es sobre plataformas de regalos. Muchas personas realmente compran para otra persona, y no muchos sitios web incluyen una manera fácil de comprar algo para otras personas (J.Crew y Gap son excepciones).

La plataforma de comercio electrónico del futuro incluirá un marco de obsequios: 1) el desencadenante, que podría ser un día festivo o un cumpleaños, 2) la dimensión, como una sección de regreso a clases para universitarios o una sección de obsequios para el Día de la Madre, 3) capacidades de búsqueda, 4) una fecha límite que garantiza que la dimensión solo esté disponible por un tiempo limitado y 5) el regalo en sí será fácil de entregar y devolver si es necesario.

Otras observaciones que compartí en Twitter:

Según todos los informes, 2013 se tratará de ponerse al día con el diseño receptivo, mantenerse al día con la tecnología y crear sitios web interactivos, dinámicos y atractivos.

Mi firma está comprometida con una serie de clientes empresariales que crean sitios web receptivos y también acabamos de lanzar nuestro propio sitio receptivo. ¿Está contemplando un sitio web receptivo para 2013? ¿Cuáles cree que son los pros y los contras más significativos? No dude en dejar comentarios o enviarme un correo electrónico a [email protected]


Nos leeremos hasta la próxima

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.