Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory

Planeando un Proyecto de Diseño

by
Length:ShortLanguages:
This post is part of a series called Design School for Developers.
Welcome to Design School for Developers
Researching Your Design Project

Spanish (Español) translation by Rodney Martinez (you can also view the original English article)

Antes de que empieces a diseñar, hay muchas cosas que deberías ver antes. Siempre he pensado que estos pasos iniciales extras ayudan cuando finalmente empiezas a meterte de lleno en el diseño de tu próximo proyecto y, aunque estas tareas añadan un poco más de tiempo al principio del proyecto será mucho mejor hacerlas cuanto antes en vez de realizarlas hasta después que se ha empezado a realizar el proyecto.

La primera cosa que deberás empezar a hacer cuando empieces a trabajar en un proyecto nuevo es planificar o planear. Ni siquiera puedo enfatizar cuán importante es la etapa de planeamiento, pero cuando tienes un proyecto que ha sido bien planeado, es mucho más probable que el proyecto se ejecutará sin ningún problema o desafío.

Las cosas principales en las cuales usted necesita pensar a la hora de planear, están relacionadas en su mayoría con el contenido —y aquí nos referimos al contenido con el que tienes que trabajar (espero que completo, es decir; el contenido real, el que será usado en el sitio) —, y cómo funcionará la jerarquía del contenido y como encajará un mapa del sitio web y mucho más. Sin embargo, así como todo el trabajo por hacer con el contenido, es posible que desee comenzar a mirar la estructura del proyecto.

Trabajando con Contenido

Es extremadamente importante cuando estás diseñando un sitio web, abandonar por completo la idea de utilizar texto Lorem Ipsum o cualquier otra alternativa de rellenado de texto. Aunque algunas veces esto no es posible, pero como desarrollador independiente siempre presiono al cliente a que me proporcione por completo el contenido que ellos desean en su sitio.

Porque, si no trabajas con contenido verdadero entonces después correrás el riesgo de diseñar sin el contexto apropiado y sin eso no puedes hacer decisiones de diseño que beneficiaran a los usuarios y, más que cualquier otra cosa, sus experiencias cuando interactúen con tu sitio.

Así que cuando trabajes en un diseño, trabaja con contenido real, esto significa que puedes ver de qué forma este contenido interactúa con los otros elementos de diseño de la página. Esto se vuelve más importante aún con la presentación del diseño responsable, como podemos ver como el contenido real interactúa y responde a puntos de vistas y tamaños particulares.

Clasificando el Contenido

Una vez que tengas el contenido en frente de ti, la primer cosa que tienes que hacer es analizarlo y ver si puedes encontrar algún punto que necesites cambiar o quitar. Es muy probable que hayas recibido el contenido que el cliente considere en páginas separadas, por así decirlo; contenido de la página de inicio, de la misión y la visión, etc. Pero si no es así, entonces tendrás que empezar haciéndolo tú mismo.

Sarah Parmenter, trató brevemente esto en una sensible respuesta, en Bringhton, en Marzo, donde ella habló acerca de analizar el contenido en un sistema de luces de tráfico.

Cuando Sarah y su equipo reciben contenido para un proyecto, lo revisan y les asignan tres colores para la clasificación de contenido. Para el contenido que ellos quieren conservar, ellos lo marcan como verde y para el contenido que ellos saben que es innecesario lo marcan como rojo —y ese contenido se elimina—. Por otro parte, esos trocitos de contenido que terminan entre los dos extremos son marcados con naranja o amarillo (o ámbar, si quieres entrar en mayores detalles en cuanto a los semáforos se refiere), para ser examinados de nuevo en las discusiones con el cliente.

Personalmente creo, absolutamente, que esta es una buena técnica para clasificar fácilmente el contenido que recibes - Es rápido y muy fácil de visualizar para detectar aquellos pedacitos de contenido a los que necesitas prestar más atención.

Cuando estás clasificando contenido lo más probable es que intentarás pensar en las relaciones que hay entre todos los elementos que componen tu sitio web. Al igual que lo haría cuando desarrolles un sitio, mira a ver si puedes detectar cualquier patrón común o modular del contenido y ten en mente siempre esto.

Jerarquía de contenido

La jerarquía se describe como “un sistema u organización en el cual las personas o grupos son clasificados unos sobre otros”. Esto se relaciona exactamente en cuanto a cómo 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 en una forma útil y significativa.

Cuando te encuentras clasificando tu contenido, por favor, asegúrate que siempre estarás pensando acerca de cómo se relacionan los contenidos y cómo serán distribuidos. Hasta este punto, en verdad desearas pensar acerca de hacer el contenido tan fácil de dirigir como sea posible. Piensa en utilizar títulos, listas, citas, imágenes y mucho más para separar tu contenido y hacerlo más fácil para comunicar más mensajes enfocados a los usuarios.

Mapas de sitios

Una vez que hemos clasificado nuestro contenido y después de haber realizado cualquier cambio relevante, a medida que avanzas deberás esperar terminar con un contenido superior con cual trabajar. Una vez que te sientas feliz con la etapa del contenido, necesitas empezar viendo cómo funcionará este contenido en el sitio web.

sitemaps

Este es un mapa del sitio básico, creado usando MindnodePro. Si tienes un sitio web pequeño (tal como este), algunas veces es una buena idea, añadir los elementos que quieres en la página, también en el mapa del sitio.

Tu puedes usar cualquier forma que desees para crear tu propio mapa del sitio, pero hazlo siempre al principio de tu proyecto. Tan pronto como tengas el contenido original suministrado.

Encuentro estupendo el principio de los mapas de sitios. Son una ayuda visual brillante para ver las fases del sitio web, es decir; cuántas páginas podría haber y la relación entre todas las páginas. Esto, a menudo, puede ser más fácil de ver a través de un mapa del sitio, ya que puedes llegar a eliminar todo el desorden que se encuentre en el contenido de las páginas.

Crear un mapa del sitio es un enorme ejemplo de cómo la buena planeación te ayudará a lo largo de la duración del proyecto. Lo mejor acerca de los mapas de sitio, es decir; ya sea si lo haces sobre una hoja de papel en blanco o creas uno digital, es que hace que sea muy fácil detectar dónde pudieran estar los problemas potenciales y tienen la capacidad de arreglarlos antes de que arruinen el diseño.

Asignación

  • Trabaja con algo de contenido real (puede ser de un proyecto pasado) y usa el sistema de luces de tráfico con el contenido. Recuerda que, deberás eliminar contenido innecesario, conservar el contenido que funciona bien y marcar cualquier cosa que te garantice una referencia para el futuro.
  • Poner en práctica todos los consejos sobre los mapas de sitios, crear un mapa de sitio con el contenido que has estado trabajando. Recuerda que cuando clasificas tu contenido, estás buscando elementos comunes y módulos de contenido, tal y como lo harías con trocitos de código. Haz tu mejor esfuerzo por seccionar todas las diferentes partes de tu contenido para crear un mapa del sitio con todas las páginas individuales que crees serán requeridas en el sitio.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.