Archivo para Junio, 2010

Páginas splash (intro). Pros y Contras

13 de Junio de 2010

¿Qué es una Página Splash?

Una página Splash es una página de introducción a su sitio Web antes de la página principal (home).
El usuario llega a esa página antes de que se le dé permiso de ingresar a la verdadera página principal.

Se caracterizan por ofrecer una o dos de las siguientes características:

  • Gráfico o logotipo
  • Animación o películas flash
  • Elección de la forma de entrar en el sitio (flash / no flash, etc)
  • Requisitos técnicos (navegador, versión, etc)

Las páginas Splash suelen ser muy populares, especialmente entre algunos diseñadores, ya que son una manera de mostrar sus habilidades en Flash y otras tecnologías en una sola página. Pero antes de salir corriendo a construir su propia página de bienvenida, debes considerar todos los pros y los contras.

Pros de páginas Splash

  • Las páginas Splash son de carga rápida, reciben toda la información rápidamente en la primera página sin necesidad de desplazarse.
  • Las páginas Splash se aseguran de que sus usuarios vean la animación flash al menos una vez.
  • Son una excelente manera de mostrar tu trabajo.
  • Las páginas Splash permiten a sus usuarios a elegir la tecnología del sitio que quieren.
  • Utilizan el servidor de logs para ver el desglose de sus clientes reales.

Contras de páginas Splash

  • La usabilidad de una página de bienvenida es completamente nula.
  • A muchos usuarios no les gustan las páginas de bienvenida y según estudios el 25% de los visitantes deja el lugar después de ver una página de ingreso.
  • Las páginas Splash rompen los motores de búsqueda. Dado que muchas páginas de bienvenida, solo incluyen una animación en flash no es posible la optimización para los motores de búsqueda y si se añade contenido a la página de comentarios puede ser penalizado por spamdexing.
  • La animación puede ser repetitiva. A los usuarios que hayan visto el flash mas de una vez, ya no les apetece volver a pasar por el de nuevo, pero si se ha olvidado de incluir la opción “saltar” no tendrán mas remedio que hacerlo y eso será doblemente molesto.


Mi Opinión de las páginas Splash

Me parecen molestas, y no creo que las ventajas de elegir el sitio que mejor se adapte a mi navegador sea mayor que el fastidio de pasar por ellas.
Relentifica y entorpece el proceso comunicacional, puede llegar a frustar al visitante (especialmente si es un visitante asiduo) y agrega un paso extra para que el usuario pueda llegar al contenido que busca de dicho sitio web.
Personalmente, no las recomiendo. Pero una vez que hayas revisado todos los pros y los contras, debes tomar su propia decisión.

Cuándo utilizar formato JPEG o GIF para imágenes Web

13 de Junio de 2010

Las imágenes GIF

Utilizaremos archivos GIF para las imágenes que tienen un número reducido de colores.
Los archivos GIF se reducen siempre a no más de 256 colores.  El algoritmo de compresión para los archivos GIF es menos complejo que para los archivos JPEG.

El formato GIF no es apropiado para imágenes fotográficas o imágenes con gradiente de colores por su número limitado de colores.

Imágenes JPEG

Utilizaremos imágenes JPEG para fotografías e imágenes que tienen millones de colores. JPEG utiliza un algoritmo de compresión complejo que le permite crear gráficos más pequeños aunque nos hace perder algo de la calidad de la imagen. A esto se llama una “pérdida” de compresión, porque parte de la información de la imagen se pierde cuando la imagen se comprime.

El formato JPEG no se adapta a las imágenes con texto, grandes bloques de color sólido, y formas simples con bordes nítidos. Esto es porque cuando la imagen se comprime,el guardado no es tan agudo como lo sería con otro formato.

Las imágenes PNG

El formato PNG se desarrolló como un reemplazo para el formato GIF. Los gráficos PNG tienen una tasa de compresión mejor que las imágenes GIF que dan como resultado imágenes más pequeñas que el mismo archivo guardado como un archivo GIF. Los archivos PNG ofrecen una transparencia alfa.

Las imágenes PNG y GIF no son muy adecuadas para las fotografías. Es posible obtener en torno al tema de bandas que afecta a las fotografías guardadas como archivos GIF con colores reales, pero esto puede dar lugar a imágenes muy grandes. El otro problema con PNG es que sus características especiales no están bien soportadas por Internet Explorer.

Aspectos básicos del diseño Web Colocación y Posición de los elementos.

6 de Junio de 2010

Cuando se comienza un nuevo diseño, no importa la metodología, estamos comenzando desde una página en blanco.
No hay nada en la página web – así que lo primero que haremos es poner algo en ella.

Pero, vamos a pensar en la colocación de los elementos o los vamos a colocar  sin ton ni son?
Un buen diseñador no permite que la posición y colocación se produzca de forma aleatoria.
Primero hay que pensar en:

  • Lo que es el elemento
  • Cómo el elemento se refiere a los objetivos de la página
  • Donde el elemento encaja con los demás elementos de la página

El elemento que se está colocando

Hay muchos elementos comunes en una página Web, tales como: titulares, navegación, imágenes, contenidos textuales y administrativos. Saber lo que es cada elemento,ayuda a determinar donde debe ser colocado en la página. Por ejemplo, normalmente no pondríamos un título de página Web en la parte inferior de la página. La navegación se encuentra generalmente en la izquierda o en la parte superior y la administración se encuentra más comúnmente en la parte inferior.

El elemento en relación a los objetivos

Si conocemos los objetivos y las metas de la página esto será fundamental para su colocación.
Normalmente los anuncios se encuentran en lugares similares en las páginas Web.  Si el objetivo es hacer que la gente haga clic en ellos, los colocaremos en lugares donde históricamente la gente mira y haga clic para así cumplir con nuestros objetivos.


Dónde están los otros elementos de la página

De alguna manera esto parece ser la parte más evidente del diseño – después de todo si ya tenemos un logotipo en la parte superior izquierda, no vamos a colocar contenido en la parte superior de la misma. Pero también hay que pensar en el contexto de sus posiciones. Colocar un bloque de anuncios en medio de un bloque de texto implica un sentido de conexión entre los dos elementos. La colocación de una línea horizontal después de un título o línea puede crear un sentimiento de desconexión entre el título y el contenido. Donde situemos los elementos puede marcar la diferencia.


Encontrar los puntos de interés en tu página

Los puntos de interés son los puntos centrales de un diseño – los lugares donde el ojo es atraído. Al cambiar el espacio en torno a esos puntos de interés puede afectar la manera en que esos temas se ven en la página.

Por ejemplo, una imagen puede ser el punto focal de tu página Web.  Puedes optar por centrar la imagen en la página, pero eso es aburrido y plano. En su lugar puedes jugar con los otros elementos en la página y cambiar los márgenes alrededor de la imagen para crear un diseño que aumente el interés en el dibujo.

Vamos a poner un ejemplo usando tres elementos: un titular, una foto, y una leyenda. Podemos elegir centrar todos los elementos pero con eso conseguiremos un diseño aburrido y no tendremos una jerarquía visual clara. Nuestro ojo será atraído por la imagen porque es una imagen, no por la posición que tiene en el diseño.

DEBIAN_center

Con sólo hacer un par pequeños cambios en la posición de los elementos y de los márgenes alrededor de la imagen, el diseño resultante es más atractivo a la vista. Debido a que el espacio entre el título y la imagen es diferente al de la leyenda y el espacio de la imagen, tenemos la sensación de que el título pertenece a la imagen.

DEBIAN_center_2