Monday, March 14, 2011

Proyecto Final

El proyecto consiste en realizar el diseño de un sitio web para una empresa, aplicando
el conocimiento desarrollado en clase y las herramientes de Fireworks vistas.

Valor: 45%
Fecha de Entrega: Lunes 14 de abril 5pm
Formato de entrega: En CD segun la estructura descrita en el archivo adjunto

Parámetros
La empresa debera ser especificada según los datos del formulario adjunto, previamente
aprobado por el profesor.
El sitio web deberá contener un diseño compuesto, al menos, de lo siguiente:
  1. Logo de la empresa (inventado)
  2. Página de inicio (no de introducción)
  3. Una página secundaria informativa
  4. Una página secundaria de galería o productos (según el tipo de compañía)

El material utilizado deberá ser, en la medida de los posible, original del estudiante.
Está permitido utilizar fotografías de stock.

Evaluación
  • Investigación (formulario) 5%
  • Proceso 20%*
  • Diseño 5%
  • Utilización de herramientas 10% **
  • Jurado 5%

* Este porcentaje será clasificado en los avances de cada semana.
Si el estudiante no se presenta, o no presenta algún avance perderá el porcentaje
evaluado esa semana.

**Se calificara el uso de las diferentes herramientas, manejo y utilizacion de los objetos vectoriales y de bitmap, ademas del manejo de los textos, filtros y mascaras. Tambien se contemplara el uso de objetos interactivos como gif animados, rollover y botones. Otro punto a calificar sera el uso de slices para optimizacion, los cuales deben venir en las diferentes paginas diseñadas.


Clase 9

Ver practica ROLLOVER

Ver practica BOTONES



Monday, February 28, 2011

Cómo crear una página de inicio excelente

Escrito por Leonardo De Seta

Hace un par de días estaba cenando con unos amigos cuando llegó a mis manos el libro Don't make me think, de Steve Krug. El libro está enfocado a la usabilidad de los sitios web: cómo hacer que una página sea facil de navegar, agradable y útil para los visitantes.

Mientras esperábamos que llegara la pizza, me tiré en el sillón a leer algunos capítulos. Me llamó particularmente la atención la sección dedicada a la página de inicio de los sitios web ("home page" que le dicen en inglés).

Y es que, justamente, la portada es la página más importante de cualquier sitio, el primer punto de encuentro visible para los visitantes. ¿Cómo hacer entonces una buena página de inicio? ¿Qué información debe contener? Mientras leía al Sr. Krug, iba aplicando mentalmente sus consejos al diseño actual de Dos Ideas... veamos qué pasó.

Me pregunto, ¿cómo hacer una buena página de inicio?

Tenemos entonces en claro que la portada es, por lejos, la página más importante de nuestro sitio web. Es la primer página que ven nuestros visitantes... y en muchos casos, la única y última para irse a navegar a otros sitios.

Por otro lado, la portada es donde todos quieren poner contenido, ya que será inmediatamente visible y su publicación en la página principal asegura un mayor flujo de tránsito al link en cuestión. Asi, toda el área de la página de inicio se transforma en zonas muy "cotizadas", que son más valiosas mientras más arriba se encuentren.

Está claro entonces que debemos entonces prestar mucha atención a nuestra portada. Pero, ¿qué tener en cuenta al momento de prepara la página de inicio? ¿cómo saber si es adecuada?

Una buena página de inicio debe permitirle al navegante responder estas preguntas:

  1. ¿de qué es el sitio?
  2. ¿cómo puedo buscar contenido?
  3. ¿cómo puedo navegar por el contenido?
  4. ¿dónde está el contenido más importante?
  5. ¿por qué debo quedarme aquí?

1. ¿de qué es el sitio?

Esta es la pregunta más importante que debe responder una página principal. ¿De qué es nuestro sitio? ¿Qué se puede encontrar aquí?

El logo del sitio y su nombre es una parte esencial del diseño, y debe estar presente siempre. En general, el nombre del sitio se ubica en la parte superior de la página, por la izquierda. Es, de hecho, una de las primeras cosas que ve un navegante, y se traduce en la identidad que tendrá nuestro sitio para le usuario.

Acompañando al nombre suele ir una pequeña frase descriptiva, conocida como tagline. Un buen tagline es tan importante como un buen nombre. El tagline es la frase que responde a la pregunta "¿de qué es el sitio?", y suele ubicarse debajo del logo principal.

La mayoría de los sitios tienen un tagline, aunque no siempre sea bueno. Un buen tagline debe:

  • ser consiso: debe tener pocas palabras para describir la idea, no tiene que ser un párrafo completo.
  • ser claro: debe expresar claramente el contenido del sitio y su objetivo.
  • diferenciar: debe diferenciar al sitio de otros similares. ¿qué es único en este lugar?

Algunos sitios muy conocidos no tiene un tagline, ya que su marca es automáticamente reconocida y asociada por los visitantes. Este es el caso de Amazon, Google, CNN y otros tantos. Sin embargo, para llegar a este nivel de reconocimiento, muchos de estos sitios usaron un tagline en sus orígenes (como ser el caso de Amazon, que en el mismo logo usaba el tagline "Earth's Biggest Bookstore", o "La librería más grande del mundo").

2. ¿cómo puedo buscar contenido?

Nuestros visitantes entran al sitio a buscar algo, ya sea sabiendo lo que quieren o no. Así, un usuario puede saber exactamente lo que necesita, o puede querer simplemente navegar por el contenido hasta encontrar aquello que le llame la atención.

Para el caso de los usuarios que buscan contenido en particular, que son además los más apurados, es necesario un buscador. La página principal tiene que dejar en claro cómo buscar contenido en el sitio. Idealmente, este mismo mecanismo debería estar compartido para el resto de las páginas.

3. ¿cómo puedo navegar por el contenido?

Los usuarios que no saben exactamente lo que buscan suelen querer navegar por el contenido. Es decir, alguna forma de poder ir pasando por las diferentes secciones que tiene nuestro sitio.

Para esto se suele utilizar una barra de navegación. Las barras de navegación suelen contener las secciones del sitio, y posiblemente sub-secciones dentro de cada área. Además, tiene que ser posible para el usuario volver rápidamente a la portada.

Es conveniente que las barras de navegación estén siempre disponibles a través de todo el sitio, idealmente en el mismo lugar.

4. ¿dónde está el contenido importante?

Cuando un visitante entra a nuestro sitio generalmente quiere ver el contenido más importante. De hecho, esto es lo que busca un visitante que regresa a nuestro sitio. ¿Qué hay de nuevo hoy?

Las portadas suelen así ser refrescadas habitualmente, ubicando allí el contenido más relevante y novedoso.

Otra opción muy usada son las áreas de contenido destacado. Estas áreas contienen información sobre eventos o contenido que queremos destacar por sobre el resto, incluso dentro de la misma página principal. Muchas veces se ubica arriba de todo, inmediatamente debajo del logo o barra de navegación.

Las áreas de contenido destacado suelen estar visibles al acceder al sitio por primera vez, ofreciéndole al visitante promociones o contenido de interés destacado.

5. ¿por qué debo quedarme aquí?

Y esta es una pregunta dificil de responder. ¿Qué hace de nuestro sitio algo único? ¿Qué nos diferencia de los demás?

Ante todo, tenemos que hacer del sitio algo útil para el visitante. El usuario tiene que sentirse a gusto, con contenido que le sirva de manera simple. Debe poder sentir que el sitio evoluciona, que siempre podrá encontrar algo novedoso y de utilidad.

Tenemos que invitar a nuestro visitante no sólo a quedarse, sino también a regresar y recomendar el sitio a más personas. Y eso se logra, en gran parte, con el contenido que ofrecemos.

Zona Segura

Para recordar las medidas en las que debemos diseñar en este link pueden ver la comparacion de zonas seguras den diferentes navegadores y resoluciones.

http://www.designerstoolbox.com/designresources/safearea/compare/

Proyecto 1

Esta semana trabajaremos en clase el primer proyecto.
El proyecto consiste en diseñar la pagina de inicio de un sitio sobre una persona a eleccion del estudiante. El diseño debe reflejar directamente a la persona, ya que este es el objetivo del sitio.

Se tomara en cuenta la distribucion de los elementos, klas medidas del documento y el manejo de los recursos, tanto vectoriales como bitmap.

Valor: 10%
Fecha de entrega: lunes 7 de marzo.