Estructura y diseño de un sitio web

Después de recopilar el contenido (textos, imágenes, logotipos, etc.) toda esta información debe ser organizada de forma que se cumpla con los objetivos que el cliente desea, es por esto que se dibuja: El diagrama de flujo, la estructura de la página principal etc.

• Gráfico de Flujo: se encarga de especificar la estructura conceptual y la organización del sitio y como el usuario fluye a través de tareas definidas y los pasos respectivos a realizar.

  
• Estructura de la Página: Es el elemento clave de la experiencia del usuario, se representa con un rectángulo, es una unidad de representación y se utilizan etiquetas para identificar páginas y archivos de datos de igual forma las relaciones se representan por líneas simples o conectores los cuales pueden ser etiquetados cuando una acción deba ser aclarada. Un elemento área, identifica un grupo de páginas que comparten una característica en común.
  
  
  
• Mapa del sitio: Muestra un mayor nivel de representación del sitio. Debe mostrar áreas principales, archivos HTML, páginas dinámicas de cada sección etc.

  
• La navegación debe ser clara y consistente los botones, hipervínculos y gráficos utilizados deben ser coherentes y deben indicar al usuario donde se encuentran dentro del sitio, adonde necesitan ir y cómo regresar a donde se encontraban.
• Escenario o Vistas de Usuario: después de los diagramas, se determinan las tareas que realizará el visitante típicamente. Implementar estas tareas permite observar la usabilidad del sitio también es recomendable reducir el número de pantallas y rutas que el usuario complete sus tareas más rápido.

Composición del diseño visual: Es muy importante lograr un diseño correcto para una página web, a fin de mantener la consistencia de todo el sitio. El diseñador puede tomar algunas libertades con los elementos de página, pero sin olvidar la información esencial ni modificar las partes fundamentales.

El Diseño Visual Parte Importante de la Arquitectura de la Información

El diseño gráfico de una página web es un aspecto de gran importancia. La imagen transmitida por el diseño de una página web debe causar una impresión positiva en el visitante del sitio web y debe captar su atención, ofreciendo una imagen que genere confianza en dicho visitante.

Como dice el refrán, “Una imagen vale más que mil palabras”.

Un logo atractivo también puede ser un elemento importante, ya que debe atraer la atención del visitante

Partes importantes del diseño visual de una página web

El texto es un elemento común en el diseño Es importante considerar cosas como:

• Opciones de letras: los diferentes tipos de letras dicen cosas diferentes sobre un diseño. Algunas lucen modernas. Asegúrate de que estás utilizando la herramienta adecuada para el trabajo.
•  Tamaño de letras: Asegúrate de que el tamaño de tus letras sean consistentes, suficientemente grandes para leerse y proporcionales para que el encabezado y el sub-encabezado resalten apropiadamente.
•  Espaciado: el espacio entre líneas y lejos de otros objetos es de importante consideración. Pero también deberías de pensar en el espaciado entre letras, aunque en Internet esto es de importancia menor, ya que no se tiene mucho control sobre ello.
• Anchura de las líneas: Generalmente las líneas de tu texto no deberían ser tan largas. Mientras más largas son, más difíciles son de leer. Pequeñas Columnas funcionan mucho mejor (así como ponen sus textos los periódicos).

• Color: Saber escoger el tipo de color de la página web que es punto importante, a la hora de escoger un color de fondo tener en cuenta que el texto debe de poder ser visible para el usuario.

•  Parrafeando: justificar el texto de tal manera que se puede leer y comprender la lectura. 

En cuanto a la navegación es importante en el diseño visual.  Una de las experiencias más frustrantes que puede tener en un sitio web es cuando no sabes en donde estás ni para dónde vas. Los botones para navegar en el sitio deberían ser fáciles de encontrar – hacia la parte de arriba de la página y fáciles de identificar. Deberían verse como botones de navegación y estar bien descritos. El texto de un botón debe estar bien claro en cuanto hacia donde te está llevando. Aparte del sentido común, es importante también hacer usable la navegación.

Otro punto importante también es la usabilidad. Con la tanta información e interacción que hay que efectuar en un sitio web, es importante que el  diseñador, lo proveas para todo. Eso significa que hagas tu sitio web utilizable.  Hacer prototipos es una herramienta común usada en diseño para de hecho “probar” un diseño. Esto se hace porque con frecuencia cuando utilizas un diseño, se llegue a notar pequeñas cosas que pueden hacer una gran diferencia.

Mantener las cosas alineadas es tan importante en el diseño Web, se debe tratar de mantener las cosas bien colocadas en una página web. La alineación hace tu diseño más ordenado y digerible, al igual que lo hace ver más pulido.