¿Debo producir una maqueta de alta fidelidad antes de crear mi propio sitio web?

No está claro si va a construir el sitio usted mismo, o alguien más lo estará (entiendo que el sitio es para usted).

Primero tratemos con la fácil: si está haciendo un sitio para usted, puede hacer lo que le plazca. Por supuesto, es una buena práctica hacer una maqueta (o algún tipo de plan), pero en realidad, claramente no eres un diseñador web profesional, por lo que es mejor que te diviertas y lo inventes a medida que avanzas. ¡Aprenderás mucho!

Si desea que otra persona haga el sitio por usted, es muy valioso tener una maqueta de alta fidelidad (o, de hecho, cualquier maqueta). Cuanta más información pueda proporcionar a un diseñador, mejor será el producto final. Algunos ejemplos:

• Cómo automatizar textos de mi sitio web
• ¿Cuál es un gran sitio web para ver las opiniones de otras personas sobre hipotéticas batallas de superhéroes?
• ¿Cómo debo proceder si quiero crear un sitio web para 200 usuarios, que es básicamente un sitio web de antiguos alumnos para mi universidad? ¿Qué plataforma debo usar?
• ¿Cuáles son algunos sitios utilizados por los desarrolladores web independientes?
• ¿Por qué las personas contribuyen a los sitios de contenido generados por los usuarios?

• Una estructura de alambre para cada página (yo uso estructuras de alambre del sitio web: Sinsonte): cuadrados y líneas básicas que muestran el diseño. Más información en Wireframe del sitio web en Wikipedia.
• Una “instantánea de la página web” a todo color y de alta fidelidad que realice en PhotoShop (o similar), sobre cómo debería verse la página frontal final. Esto establecerá el diseño por adelantado.
• Copiar: el texto real completo que aparecerá en cada página. Todo ello. Corrector ortográfico, con encabezados.
• Menús: detalle sobre qué es cada elemento del menú, a qué se vinculará, cuál es la redacción de cada elemento del menú (¡tenga en cuenta el caso!)
• Imágenes: todas las imágenes que se utilizarán, con la mejor calidad disponible.
• Nombres de página (títulos) y otros materiales de SEO (la mayoría de los diseñadores simplemente no los incluirán, si no los nomina)
• Enlaces a sitios que tienen características que le gustaría emular en su sitio. Está bien mezclar y combinar, por ejemplo, “la funcionalidad del menú de xyz.com, pero la combinación de colores de abc.com, y la sección de pie de página como cómo lo hace def.com”
• Funcionalidad adicional, de cosas como formularios web, herramientas de búsqueda, etiquetado, etc. Escriba con mucho detalle e incluya ejemplos

Hacer este trabajo, incluso antes de contratar a un diseñador, hará que piense profundamente sobre su sitio. Definirás “Lo que realmente quieres” (no solo lo que pensaste en ese momento, una gran diferencia).

Sin lugar a dudas, agregará, eliminará y editará muchas veces, antes de pasar el informe a un diseñador, lo que significará menos cambios mientras se diseña el sitio (más barato, más rápido, más suave).

Hacer estas cosas, más es mejor:

• Tenga un resumen que se pueda enviar a varios diseñadores para que coticen y permita comparaciones de manzanas con manzanas entre sus citas
• Obtenga una cotización más precisa del diseñador, con menos extras
• Te cuesta menos
• Sea fácil de compartir con otras partes interesadas y para que puedan ofrecer sus comentarios (en lugar de “solo chatear”)
• Tómese menos tiempo para el diseñador, así que entregue antes
• Haga que el proyecto sea más probable que se entregue a tiempo
• Asegúrese de que el resultado final se parezca más a lo que desea
• Causa menos estrés al diseñador: ¡te amarán!
• El proceso será suave y agradable.
• Tener un sitio web de mayor calidad
• Tener un sitio que sea más fácil de mantener

¡Básicamente, estás loco si haces algo menos!

Por cierto, en los viejos tiempos, esto se llamaba “planificación”.

Cierro los ojos y visualizo cómo quiero que se vea, sienta, pruebe y sea el producto final. Luego abro un archivo de texto (uso Notepad ++, un elegante editor de solo texto), lo guardo de inmediato en Dropbox *, me pongo en un “estado de flujo” y escribo. Al ser solo texto, no hay distracciones con el formato.

Por lo general, el proceso, para proyectos más grandes, dura varios días. Lo trabajo durante unas horas seguidas, tomo un descanso por un día, lo refactorizo, tomo un descanso, refactorizo. Luego,. Me siento allí durante una semana, sin abrir, solo pensando de vez en cuando. Luego abro el archivo y lo leo con “ojos nuevos”. En esta etapa, generalmente haré ediciones aclaratorias y realizaré una refactorización menor, después de lo cual, estará listo para el consumo / ejecución.

* Como el archivo está en Dropbox, puedo editarlo fácilmente en mi teléfono / computadora portátil / computadora de escritorio / trabajo / cualquier computadora si pienso en algo.