Casos+de+diseño+(dos)


 * Casos Diseño web **
 * Javiera García **
 *  Madelayne Monares **

Un ejemplo de lo que podría aplicarse a nuestra primera propuesta de diseño web, es el que se presenta a continuación. Esta es una página creada en 2010, donde se presenta un mapa de Puerto Rico, cuyo objetivo es convertirse en un instrumento que fomente la reflexión sobre la violencia en el país. Para esto, se utilizó un mapa interactivo para que la gente publique el sitio donde ocurrió el asesinato como se observa en la figura N°1. Información que se puede ver desde el año en que fue creado hasta 2012.
 * Ejemplo I **

Para el tema, quizás es necesario realizarlo de forma interactiva, ya que se presente dar una información como un servicio a la comunidad y para que esta pueda ser observada dependiendo la región.El tipo de diseño que se utilizó para el ejemplo del mapa de los asesinatos, es más bien simple. Texto e imágenes. En el costado izquierdo se ubica el mapa, y en el costado derecho se ubica el nombre de la gente que fue asesinada. Arriba, título del mapa y una figura que representa la página.Lo bueno de este mapa, es que destaca el sitio donde ocurrió el hecho, y además al mover el mouse sobre cada nombre se puede observar una ficha resumen de cada caso. Como se observa en la figura N°2.

Figura N°2.
En la esquina superior derecha se observan tres pestañas: Map, Satellite, Hybrid. En el primero, se observa el mapa en blanco ( Figura N°1) con el nombre de las localiades donde se han escrito hechos. En Satellite, se observa el mapa como en google maps, es decir, satelital con relieves y detalles, pero sin el nombre de las localidades ( ver figura N°3) y en el último, es decir, Hybrid, se observa el mapa anterior, pero con el nombre de las localidades. (ver figura N°4)

Otro detalle importante es el que se presenta debajo del mapa, la leyenda. Allí, se especifica con colores a qué corresponde cada marca en el mapa como se observa en la figura N°5.

Figura N°5
Otro elemento que hace interesante este mapa, es que permite al usuario compartir la información a través de twitter y Facebook en las pestañas que se encuentran en el borde superior derecho. (Ver figura N°6)

Figura N°6
Un diseño como este, es el que se podría aplicar a nuestra primera propuesta, ya que la información que se ofrece debe ser la que realmente necesita el usuario, y un exceso de información dificultaría la comprensión por parte de este e implica un menor aprovechamiento de la información realmente útil. Además, los elementos sencillos y uniformes en el diseño facilitan la comprensión del sitio por parte del usuario.En este tipo de diseño se podría implementar un mapa como el que se presenta a continuación. Este es un mapa de Chile interactivo que presenta la información del censo de 2002.

Primero se presentaría el país completo como se observa en la figura N°7.
http://www.ine.cl/canales/chile_estadistico/censos_poblacion_vivienda/censo2002/mapa_interactivo/mapa_interactivo.htm

Figura N°7
====Luego, el usuario al seleccionar cada región obtiene un ficha con la información correspondiente a cada colegio. (Ver figura N°8) ====

Caso II
El segundo ejemplo presentado es la página web llamada //Eternal Egypt.// Lo interesante de este sitio, es la distribución de los ítems, y la alta resolución de las imágenes, lo que implica navegar de manera más fácil, y también su diseño web atrae a las audiencias. En la parte superior derecha tiene la opción de cambiar el lenguaje, lo que permite ser visto por navegadores de todo el mundo.

Este es el inicio de la página web donde explica con claridad en qué consiste la página, y se pueden ver todos los subtemas a los cuales se pueden acceder (al lado izquierdo de la pantalla). Eso mismo se podría aplicar a la propuesta numero 1, una fácil navegación por los subtemas, es esencial para que las personas permanezcan en la pagina.



Figura 2
<span style="display: block; font-family: 'Times New Roman','serif'; font-size: 16px; text-align: justify;">El mapa generado en este sitio, es más complejo que el ejemplo uno. Aquí el mapa permite generar zoom en las zonas de Egipto. Cuando se desea ver el detalle un lugar, aparece su foto, con las características. Los lugares están marcados con tres tipos de colores verde, morado y azul, cada uno explica un tema específico.