Antes de comenzar a diseñar, hay varias cosas que debes mirar al principio. Siempre encuentro la ayuda de estos pasos iniciales adicionales cuando eventualmente comienzas a dedicarte a diseñar para tu próximo proyecto, y aunque estas tareas agregan un poco de tiempo al comienzo de un proyecto, será más que compensado más adelante en el futuro..
Lo primero que debes comenzar a hacer cuando estás trabajando en un nuevo proyecto es el plan. No puedo enfatizar lo importante que es la etapa de planificación: cuando tiene un proyecto que está bien planificado, es mucho más probable que el proyecto se desarrolle sin problemas y sin tantos problemas o desafíos..
Las principales cosas en las que debe pensar cuando planifica se relacionan principalmente con el contenido: el contenido con el que tiene que trabajar (es de esperar que el contenido completo y real que se utilizará en el sitio), cómo funciona y se integra la jerarquía de contenido, un mapa del sitio web y más. Sin embargo, además de todo el trabajo relacionado con el contenido, es posible que desee comenzar a analizar la estructura del proyecto, los plazos de trabajo y el alcance del proyecto..
Es muy importante a la hora de diseñar sitios para abandonar Lorem Ipsum (o texto de relleno alternativo) y trabajar con contenido real. Esto a veces no siempre es posible, pero como freelancer siempre presiono para que el cliente me proporcione el contenido que desean en el sitio..
Si tu no hacer trabaje con contenido real, entonces corre el riesgo de diseñar sin el contexto adecuado, y sin eso no puede tomar decisiones de diseño que beneficien a los usuarios y sus experiencias cuando interactúen con su sitio web.
Al trabajar en un diseño, trabajar con contenido real significa que puede ver cómo este contenido interactúa con los otros elementos de diseño en una página. Esto es aún más importante con la introducción del diseño responsivo, ya que podemos ver cómo real El contenido interactúa y responde a vistas y tamaños particulares.
Una vez que tenga el contenido frente a usted, lo primero que desea hacer es analizarlo y ver si puede detectar algo que necesite cambiar o eliminar. Es probable que se le haya suministrado el contenido en lo que el cliente considera páginas separadas, por lo que el contenido de la página principal, sobre el contenido de la página, etc., pero si no es así, querrá apuntar a comenzar a hacerlo usted mismo..
Sarah Parmenter habló brevemente sobre esto en Responsive Day Out en Brighton en marzo, donde habló sobre el análisis de contenido en un sistema de semáforos..
Cuando Sarah y su equipo reciben contenido para un proyecto, pasan y asignan tres colores al contenido: para el contenido que desean mantener, lo marcan en verde y para el contenido que saben que es innecesario o innecesario, lo marcan en rojo - y ese contenido es eliminado. Esos fragmentos de contenido que terminan entre los dos extremos se marcan como naranja o amarillo (o ámbar, ¡si te gustan los detalles de semáforos!), Para verlos nuevamente en las conversaciones con el cliente.
Creo que esta es una técnica realmente buena para clasificar el contenido que recibes con facilidad: es rápido y muy fácil de visualizar visualmente y detectar a qué partes del contenido necesitas prestar atención..
Cuando clasifica el contenido, también desea probar y pensar en las relaciones entre todo el contenido. Al igual que lo haría al desarrollar un sitio, observe si puede detectar patrones modulares o comunes en el contenido y téngalos en cuenta..
La jerarquía se describe como "un sistema u organización en el que las personas o los grupos se clasifican uno encima del otro", y esto se relaciona exactamente con la forma en que podemos trabajar con la jerarquía de contenido. En términos ideales, lo que estamos tratando de hacer es crear un sistema que funcione para mostrar nuestro contenido de una manera significativa y útil..
Cuando esté clasificando su contenido, asegúrese de estar siempre pensando en cómo se relaciona el contenido y cómo se diseñará: aquí realmente desea pensar en hacer que el contenido sea lo más fácil de digerir posible. Piense en usar encabezados, listas, citas, imágenes y más para dividir el contenido y facilitar la comunicación de mensajes más específicos a los usuarios..
Habiendo ordenado el contenido y haciendo los cambios relevantes a medida que avanza, esperemos que termine con un montón de contenido completo con el que trabajar. Una vez que esté satisfecho con el estado del contenido, debe comenzar a ver cómo funcionará este contenido en el propio sitio web..
Este es un mapa del sitio básico creado con MindnodePro. Si tiene un sitio web pequeño (como este), a veces es una idea agregar los elementos que desee en una página del mapa del sitio también..
Puede elegir crear un mapa del sitio una vez que esté satisfecho con su contenido final, pero no dude en utilizarlo desde el principio, tan pronto como tenga el contenido original suministrado..
Los mapas del sitio me parecen excelentes: son una ayuda visual brillante para ver el estado del sitio web, cuántas páginas puede haber y la relación entre todas las páginas. A menudo, esto puede ser más fácil de ver a través de un mapa del sitio, ya que puede eliminar todo el desorden que pueden traer las páginas de contenido..
Crear un mapa del sitio es un gran ejemplo de dónde una buena planificación lo ayudará a lo largo de la vida útil de un proyecto. Lo mejor de los mapas de sitio, ya sea que use un montón de post-its en una pizarra o cree uno digitalmente, es que hace que sea muy fácil detectar dónde podrían estar los posibles problemas y tener el poder de solucionarlos antes de atascarse en el diseño..