lunes, 5 de marzo de 2012
Diseño de layout o estructura web
Al crear un diseño de web, uno de los
aspectos más importantes es el layout. Idea inicial que ofrecemos al cliente,
sobre la que se trabajara y que sirve para establecer los lineamientos base que
tendrá nuestro sitio. Mucha gente tiene en cuenta la importancia de hacer un
buen layout y cómo hacerlo; pero los conceptos básicos del diseño web son ignorados
a menudo.
A la hora de diseñar un layout se deben considerar aspectos como el espacio y el espacio en blanco del layout, imágenes y gráficos en la estructura web, ancho del texto y alineación del layout. Aspectos a tener en cuenta con respecto a la retícula, la identidad corporativa, la jerarquía del sitio y los elementos de navegación a utilizar. Que se han estipulado anteriormente con el cliente.
Con respecto al El espacio y el espacio en blanco en el layout es vital Mantener una resolución de pantalla como objetivo y aunque la mayoría de los usuarios se han alejado hace tiempo de la clásica resolución de 800×600, no la pierdas de vista cuando hagas el layout. Si no tienes en cuenta resoluciones de navegador inferiores puedes estar dejando de lado a un porcentaje de usuarios nada despreciable. Además el uso de un tamaño relativo fluido en determinadas secciones del diseño de tu página web por ejemplo en la zona principal del contenido, de modo que se expanda y contraiga para adaptarse a la ventana del navegador, lo hace más usable, mejorando la experiencia del usuario.
¿Por qué no centrar la web en la pantalla del navegador y mejorar así su presentación?
A la vez que centras la página en el
navegador, puedes ponerle un color de fondo diferente al sitio. Esto mejorará
la apariencia de tu web con los cambios de resolución que se producen de un
usuario a otro. Las grandes resoluciones mostrarán una parte de la ventana de
navegación con el color de fondo que hayas elegido, mientras que los
navegadores con resoluciones más pequeñas mostrarán menos o ningún color de
fondo.
Referente a imágenes y gráficos en tu estructura web Uno de los errores de diseño más comunes es insertar las imágenes en una página de cualquier manera sin pensar en el layout. Esto visualmente no queda muy bien, puesto que por defecto las imágenes se alinean a la izquierda, resulta mucho más agradable verlas centradas. Es fácil dejarse llevar por la gran cantidad de imágenes y animaciones disponibles, pero si te pasas añadiendo imágenes a tu web, puedes hacer que resulte muy difícil de leer o incluso molesto.
La mayoría de personas pueden leer cómodamente alrededor de 7 a 11 palabras en una línea. Con más palabras el texto se vuelve difícil de leer, con menos se vuelve incoherente y distraen los saltos de línea. Por esto es de vital importancia tener encuenta el ancho del texto y su alineación. Evitando de antemano centrar el texto, centrar un texto en HTML y que quede bien es complicado, y además conseguir que se lea con facilidad mucho más.
Cuidar la alineación es muy importante ya que la alineación de los elementos de la página es más que justificar o no el texto o flotar un menú a la izquierda o a la derecha. La alineación proporciona el marco estructural de un diseño web. La alineación puede afectar a la experiencia del navegante en tu web y a la efectividad de la misma en lograr sus objetivos.
A continuación tienes los ejemplos más
típicos de alineación en los layouts:
¿Organizar la información?
“El principio de todo
conocimiento es la clasificación.”
Nos organizamos para comprender, explicar y controlar. La forma en la que las personas comprenden la información, influye en la manera de organizar, etiquetar y relacionar esta.
Los retos que se presentan, para
la organización no son nuevos, las personas han luchado con las dificultades de
organizar la información por siglos. El
Internet está obligando a la responsabilidad de organizar la información, a
medida que este ofrece a todos con la
libertad de publicar la información.
Los retos que se presentan:
·
La
ambigüedad
·
Heterogeneidad
·
Las
diferencias en las perspectivas
·
Política
Interior
Los Sistemas de organización se componen de:
Esquemas de organización: Un esquema de organización define las características comunes de los elementos del contenido e influye en la agrupación de esos artículos.
Estructuras de la organización: Una estructura
de la organización define los tipos de relaciones entre los
elementos de contenido y de los grupos.
Esquemas de
organización: Un esquema de organización define las
características comunes de los elementos del contenido e influye en
la agrupación de esos artículos.
Podemos encontrar dos tipos de esquemas de
organización fundamentalmente diferentes.
Exactos: Los
Esquemas de organización Exactos dividen la información
en secciones bien definidas y mutuamente excluyentes. Como el esquema de organización en
orden alfabético de las páginas blancas del directorio
telefónico, el problema con los esquemas exactos es que
requieren que el usuario conozca el nombre específico de los
recursos que está buscando. estos esquemas se dividen en tres clasificaciones:
alfabética, cronológica y geográfica.
Ambiguos: El
híbrido de actualidad / orientado a las tareas-esquema de
organización de los supermercados. Dividen la información en categorías sin una definición
objetiva En algunos casos son más importantes y útiles que los esquemas exactos.Los elementos
agrupados tienen relaciones que permiten conocer más
Tipos: Por Temas, Orientados a Tareas, Público-Específico, Impulsados por Metáforas.
Estructuras de Organización
Juegan un papel importante en una
web, el cual no se nota, pero sin estas un usuario no se podría mover de una
forma adecuada por menús y acceder a una información que busca.
Posee estructuras como la jerárquica,
el modelo de base de datos y el hipertexto.
Creación de sistemas cohesivos de
la Organización
Es necesario pensar en las estructuras de organización que
influyen en cómo los usuarios pueden navegar a través de estos esquemas. Al
considerar que los esquemas de organización para usar, recuerde la diferencia
entre exacto y ambigua esquemas.
presentación completa:
Suscribirse a:
Entradas (Atom)