Prototipos en diseño web

Prototipos en diseño web

Una de las claves del diseño web es el prototipado, es decir, la selección de herramientas que servirán para proyectar las secciones de un website.

Por: Conexión Esan el 10 Agosto 2016

Compartir en: FACEBOOK LINKEDIN TWITTER WHATSAPP

La elaboración de un prototipo permite a los diseñadores definir rápidamente las secciones que tendrá cada una de las páginas de un sitio, de modo que se pueda jerarquizar la información y definir los bloques de contenido.

Pero este es un procedimiento que tiene su momento. Es preciso, antes de hacer el prototipo, escuchar al cliente para analizar las características de su negocio y el objetivo que se persigue con la construcción del sitio web. También hay que brindar feedback al cliente para asegurarse que nada quede fuera.

El prototipado es un paso previo a la implementación creativa de un diseño. No tiene como objeto ofrecer los aspectos estéticos del sitio sino las consideraciones relacionadas con la representación del contenido. El prototipo ha de contener los bloques de información a desarrollar, pero no los detalles como titulares, fotografías o colores- El énfasis estará puesto en los bloques y su estructura mas no en los elementos que irán dentro.

Herramientas de prototipado

Los prototipos se pueden hacer con diferentes herramientas, a mano alzada o en computadora. Pueden presentarse con algún programa de diseño o en una presentación PowerPoint, como también se puede hacer con herramientas de diseño web con una presentación más cercana al producto final. En este último caso se causará una mejor impresión al cliente. Lo importante estará en mantener el carácter de bosquejo, sin ahondar en detalles gráficos sino enfocándose en la estructura del sitio a construir.

Estas herramientas deben ser fáciles de manejar, de tal modo que el cliente que no sea un profundo conocedor del tema pueda intervenir y proponer modificaciones.

Sin embargo, si lo que quieres es causar una mayor impresión al cliente, puedes echar mano de unas herramientas conocidas en inglés como "Stencil" y sus variantes. En el sitio web se puede encontrar unas "stencil" enfocadas exclusivamente al prototipado de sitios web y aplicaciones.

También en Internet se puede encontrar diversos "templates" que sirven para hacer prototipos de sitios web. Estos templates pueden ser impresos y mostrados al cliente, con formas diferentes, marcos que simulan un navegador y donde se puede cambiar los colores de los recuadros. También se puede obtener imitaciones de la forma de smartphones donde se puede presentar el aspecto que tendría la página en dispositivos móviles. Aquí podrás encontrarás diseños con aspecto de navegador.

También se puede ver una plantilla para el diseño de escenarios en este sitio web.

FUENTES CONSULTADAS:

Artículo "El Prototipo, un principio del diseño web", de Laura Ayala, publicado por el portal Colombia Digital.

Artículo "Prototipado en el proceso de diseño web", de Miguel Angel Alvarez, publicado por el portal Desarrollo Web.

¿Deseas saber más acerca de prototipos en diseño web? Inscríbete en el PEE en Diseño de Sitios Web y Comercio Electrónico de ESAN.

Conexión Esan

Portal de negocios de ESAN Graduate School of Business. Desde el 2010 difunde contenido de libre acceso (artículos, infografías, podcast, videos y más) elaborado por los más destacados especialistas. Encuentra contenido en más de 15 áreas y sectores como Administración, B2B, Derecho Corporativo, Finanzas, Gestión de Proyectos, Gestión de Personas, Gestión Pública, Logística, Marketing, Minería, TI y más. ¡Conéctate con los expertos de ESAN y aumenta tu conocimiento en los negocios!

Otros artículos del autor

Tarifas eléctricas: una leve disminución para aliviar las finanzas personales de los peruanos

27 Febrero 2026

⚡ ¿Sabías que tu recibo de luz podría reducirse en aproximadamente 3% este mes? 🔌 Esta noticia llega gracias a la caída del tipo de cambio, lo que reduce el costo de generar energía para todo el país 🇵🇪💰. Aunque es un alivio temporal, expertos advierten que el "consumo fantasma" (dejar todo enchufado) sigue inflando tus facturas innecesariamente 📵📺. 

¡Conoce cómo ahorrar hasta el 15% de tu recibo actual! 🚀🔋.

  • Sala de prensa
  • ESAN en los medios

Tecnología verde y su impacto en el futuro de los negocios

27 Febrero 2026

🌿 Tecnología Verde: ¿El motor que salvará al planeta? 🌎

📉 El avance de la tecnología verde busca frenar el calentamiento global mediante el uso de energías renovables, transporte sostenible y eficiencia energética ☀️🚗. Aunque el cambio enfrenta retos como costos iniciales altos, los beneficios son reales: ahorros financieros, nuevos empleos y una mejora drástica en la salud pública al reducir la contaminación 🏥💰. 

Averigua porqué futuro de las empresas y las ciudades depende de esta transición para consolidar un modelo que respete la vida y los recursos naturales 🚀🔋

  • Sala de prensa
  • ESAN en los medios

Ciberestafas: Cuando el "match" sale caro

27 Febrero 2026

💔 ¡Cuidado con el "match" equivocado! 📱 ¿Sabías que las estafas en apps de citas están en aumento y que los ciberdelincuentes ahora buscan "hackearte" emocionalmente? 📉💔 Los delincuentes crean perfiles falsos de lujo para ganar tu confianza, solo para luego pedirte dinero por supuestas emergencias o regalos retenidos 🎁⚠️. No dejes que la soledad te haga bajar la guardia: protege tus datos sensibles y desconfía de cualquier solicitud económica de alguien que no conoces en persona 📵💸.

¡Aprende a identificar las señales de alerta y encuentra el amor sin poner en riesgo tu bolsillo ni tu seguridad! 🛡️✨

  • Sala de prensa
  • ESAN en los medios