Fernando Córdova - Taller de diseño VI 10 de Septiembre 2008 Diseño Gráfico
Indice The Guardian
6
Yahoo!
10
MySpace
14
Entel Pcs
18
Falabella
22
Análisis de la Arquitectura de la Información en un sitio Web En la Gráfica de hoy en día, debemos ser capaces de saber los pro y contra del entorno web, darse cuenta de ésto nos ayudará a crear de mejor manera y nos alientará a no cometer errores en las propuestas de Diseño Web del día de mañana Saber plantear y estructurar un sitio no debe ser visto con gustos propios, es la manera de emitir contenidos y mensajes que se transformarán en una vía de comunicación.
The Guardian The Guardian es un periódico Británico propiedad de Guardian Media Group. Se publica de lunes a sábado. Tiene su base en Londres desde 1964 (con servicios de imprenta tanto en Manchester como en Londres) Las editorales de este periódico suelen ser normalmente de tendencias izquierdistas. El sitio web del periodico ha recibido numerosos galardones y reconocimientos, tales como el “Premios Webby”; “Eppy”; “Mejor Diario en Linea” (seis veces consecutivas) y un galardon en 2007 por ser el “diario mas transparente”, otorgado por la U de Maryland en EEUU.
Aspectos de Navegación Rotulación: La rotulación está conformada por los contenidos referenciáles del periódico, con tipografías formales y un buen espacio de separación. Cada contenido está diferenciado por un color, el cuál sirve como un buen elemento gráfico. Navegación: Posee un Menú en la parte superior del portal y debajo de éste se puede ver las diferentes secciones que existen, esto puede verse en todas las páginas del portal. Su orden (en el caso del color) y fácil navegación, lo hacen un sitio funcional y bien estrúcturado.
Diseño Consistencia del contenido: Está compuesto por los contenidos propios de un períodico, con link multimedia (videos y fotos), con acceso a diferentes blog de la web, noticias del momento (pasan por una barra en la parte superior),etc. Lo mas rescatable del portal son los datos que dá para tener una mejor calidad de vida, respondiendo preguntas q les envían a sus lectores. El punto en el que falla, es el nó contar con la edición impresa en su portal.
Estructura Visual: Sus dos columnas principales, en las cuales se distribuye la información, hace que sea mas fluido la emisión de información, la barra de navegación como eje principal del portal es sumamente funcional. Los espacios entre tablas y link son apropiados, los colores como elementos divisórios funcionan; hace que el navegar entienda donde está. La uniformidad en contenido y gráfica hace que álla consistencia en el contenido.
Yahoo! Yahoo! Inc. es una empresa global de medios con sede en Estados Unidos, cuya misión es “ser el servicio global de Internet más esencial para consumidores y negocios”. Posee un portal de Internet, un directorio Web y una serie de servicios, incluido el popular correo electrónico Yahoo!. Fue fundada en enero de 1994 por dos estudiantes de postgrado de la Universidad de Stanford, Jerry Yang y David Filo. Yahoo! se constituyó como empresa el 2 de marzo de 1995 y comenzó a cotizar en bolsa el 12 de abril de 1996. La empresa tiene su sede corporativa en Sunnyvale, California, Estados Unidos.
10
Diseño Aspectos de Navegación Rotulación: La rotulación está compuesta por los principales elementos de busqueda del portal (en la parte superior del portal), y con un sub menú al lado izquierdo de la web con links variados. Utiliza íconos para distinguir botones, pero en la barra de busqueda no incluye este elemento. Navegación: La variada información en el Home podría dar un mal resultado, pero la buna separación, el color y la forma, hace que se produzca una buena navegación del portal. Al seguir navegando el menú principal se pierde, lo que hace que allá un desorden en la propuesta gráfica
Consistencia del contenido: El portal fue creado como buscador de información, pero luego fue transformándose en un portal completo, con secciones de música, viajes, juegos, deportes, noticias,etc. El darle importancia a la busqueda, en este caso, en la barra superior, y dejar el contenido inferior como noticias, me parece acertado, ya que de esta forma se jerarqueriza el contenido. 11
Estructura Visual: Su estructura ya no sé centra en el uso del buscador, los demas elementos gráficos e informáticos toman mayor relevancia dentro del portal. La diagramación no es constante, ya que al saltar a otra página se pierde el menú inicial, como también las tablas principales. La gran cantidad de contenido en un pequeño espacio (en el caso de News), hace que se produzca un desorden en el mensaje. El uso de la tipografía y el color de ésta funciona, no se produce una saturación en el contenido y los espacios entre éstas son adecuados. La coherencia visual se mantiene, ya que se respeta la paleta cromática y la diagramación del portal.
12
13
MySpace MySpace es un sitio web de interacción social formado por perfiles personales de usuarios que incluye redes de amigos, grupos, blogs, fotos, vídeos y música, además de una red interna de mensajería que permite comunicarse a unos usuarios con otros y un buscador interno. Fue creado por Tom Anderson y en la actualidad es propiedad de News Corporation, cuenta con 300 empleados, con 200.623.371 usuarios. Su sede central se encuentra en Santa Mónica, California, Estados Unidos y además tiene otra sede y servidor en la ciudad de Nueva York, Estados Unidos. MySpace es el séptimo sitio más visitado de toda la red y el cuarto sitio más visitado de la red de lengua inglesa; aunque por otro lado, este sitio es poco frecuentado en Europa 14
Diseño
Aspectos de Navegación Rotulación: El rotulado del sitio es simple, está compuesto por lo más importante del sitio. Con un color dinámico y con tipografia poco llamativa funciona. Navegación: Al tener un rotulado simple y funcional, la navegación se realiza rápido y fácil. La barra principal actúa como pilar líneal del portal. El acceso a los contenidos se realizan de una manera dinámica y directa.
Consistencia del contenido: Los contenidos del portal al igual del concepto se muestran claramente. No representa mayor dificultad al nevegar en éste, no presenta contenidos que no sean los estípulados en su concepción. Y la publicidad en la página no representa mayor complicación de navegación.
15
Estructura Visual: La estructura de MySapce no se mantiene de forma líneal, en el caso de la tablas y la jerarquía, varías páginas se diferencian cláramente, lo que hace que haya una confución en el portal. En lo visual, la inclusión de contenido e imágenes es evidente, pero lo dinámico y bien estructurado de éste hace que sea fácíl de navegar. La segmentación del contenido a travez de tablas y colores hace que se produzca una navegación entretenida. En el sentido de coherencia visual no se respeta en algunos casos, ya que en algunas páginas no se mantiene similitud con las otras, pero el hilo conductor de ésta es la barra de navegación, ella hace el movimiento dentro de la Web.
16
17
Entel pcs Entel PCS es una operadora chilena de telefonía celular, filial del Grupo Entel Chile. Actualmente, es la segunda operadora de telefonía móvil en número de clientes con más de 6,2 millones de abonados, detrás de Movistar Chile con 6,4 millones; y la primera en ventas debido al mayor porcentaje de abonados postpago en relación con sus competidoras (más del 25% de los clientes).
18
Aspectos de Navegación Rotulación: El rotulado mantiene formalidad y ésta íntegramente relacionado con el contenido de la empresa. La simplesa es su eje fundamenta. Navegación: La formalidad y simpleza se sus botones hace que sea fácil de navegar por ella, pero la saturación de información en su Home y en las páginas siguientes, hace que se produzca un desorden en el contenido final. El menú principal está presente siempre.
Diseño
Consistencia del contenido: Los contenidos están bien estructurados, no hay nada que quede afuera. El portal presenta consistencia, ya que todo los mostrado en ella tiene directa relación con el servicio que proporciona.
19
Estructura Visual: La diagramación y estructura de la página es mas bien tradicional y formal, y no presenta mayor novedad alguna. El uso de la tipografia y el color de ésta funciona, es más bien rígida, pero es adecuada y funciona de buena manera. La coherencia visual se mantiene, ya que se respeta la diagramación del portal.
20
21
Falabella Falabella es un holding de empresas chileno, comercializadora de productos que opera bajo los conceptos de tiendas por departamentos, mejoramiento del hogar homecenters, supermercados e hipermercados, con presencia en Chile, Argentina, PerĂş y Colombia.
22
Aspectos de Navegación
Diseño
Rotulación: La rotulación está conformada por los contenidos de Falabella, distribuido por secciones. La gran barra de color verde en la parte superior de el portal, emite sensación de sobriedad con un toque algo actual. Navegación: Sigue el patrón de Departamentos (barra de navegación), las barras superior y la del lado izquierdo ayudan a tener una mejor navegación. Es complejo manejarse en la página, pero lo bien estructurado que esta todo, facilita el trabajo.
Estructura Visual: Cumple con una diagramación alta en contenido y relativamente espaciada, su estructura simplista y limpia la hacen uniforme. Los colores que empléa son los de la imagen corporativa, la paleta cromática no es muy variada. Al incluir poco texto y gran cantidad de imágenes , hace que sea agradable visualmente, sin saturarlo demasiado. La monótonia del contenido y su gran capacidad de segmentar, la hace una página que cumple con coherencia visual.
Consistencia del contenido: El ser una tienda por departamento, ese es su finalidad, y lo cumple a cavalidad. El contenido emitido tiene directa relación con los elementos mostrado en la web. 23
24
25
26
27