¿Cuál es la diferencia de diseñar su sitio web en croquis versus en navegadores en términos de productividad?

El diseño en un software de creación de prototipos / gráficos producirá solo un prototipo visual destinado principalmente a transmitir la apariencia de la interfaz, así como la estructura y las características. Puede usar una gran cantidad de software diferente para lograr resultados similares. El boceto es solo uno de ellos, otro software popular puede considerarse Photoshop, aunque últimamente, las personas prefieren un software más rápido como adobeXd que permite el uso de interacciones y animaciones simples.

Al diseñar en un navegador, en realidad está escribiendo código, HTML para el marcado, CSS para el estilo y al menos Javascript para la funcionalidad. El resultado será un sitio web totalmente funcional de acuerdo con su código.

Para proyectos complejos, (personalmente, para algo más que una página), los diseñadores tienden a producir wireframes o maquetas visuales del sitio web real antes de escribir cualquier código para abordar todas las variables como colores, fuentes, espacios, etc. y establecer algunas reglas como Un marco para el diseño.

Tener un diseño detallado será de gran ayuda para reducir los tiempos y los problemas, permitiendo a los desarrolladores centrarse en escribir código más que en pensar en colores e imágenes, mejorando así la productividad general del desarrollo de un sitio web.