Análisis Crítico Análisis crítico de casos dentro de la misma temática. Se extraen 4 casos como mínimo. Se genera una completa anotación y registro de sus detalles. Se filtra y se observan ciertos elementos que pueden pasar al proyecto. Se busca evaluar los diferentes aspectos, desde diseño y navegación hasta operación y utilidad, para eso se utilizó una serie de preguntas basadas en las pautas de evaluación Heurísticas. Esta escala de evaluación va a de 1 a 5 con los siguientes valores:
1 Muy malo o no funciona: lo evaluado no realiza la actividad o no muestra el contenido que ofrece.
2 Funciona pero no sirve: lo evaluado desarrolla la actividad o muestra
un contenido, pero en general, lo recibido por el evaluador no aporta a La experiencia general del sitio.
3 Funciona pero debe mejorar: lo evaluado desarrolla la actividad o muestra un contenido relativamente útil, pero podría ser mejor. Al respecto el evaluador debe aportar información para hacer mejoras al sitio.
4 Cumple: lo evaluado desarrolla la actividad o muestra un contenido útil. El evaluador debe aportar información para hacer mejoras al sitio.
5 Es lo que el usuario busca: lo evaluado desarrolla la actividad o muestra un contenido útil que cumple o excede la expectativa del usuario.
Carlos Arellano U. Diseño Gráfico
38
Identidad El sitio web entrega información corporativa de la organización Informa datos relevante para quien “no navega (Horas de atención) Entrega información para hacer consultas web o no-web (ej: teléfono)
3 4 2
Diseño El diseño es consistente en todas las pantallas del sitio? Se adapta adecuadamente a las resoluciones más comunes? Las páginas tienen scroll adecuado?
4 4 3
Tiempo de Acceso Tiempo de acceso de la portada bajo 15” en conexión de baja velocidad? Permite ver lo más importante al principio del despliegue de las páginas? Ofrece acceso sólo texto cuando se trata de interfaces gráficas?
4 4 2
Accesibilidad Existe texto alternativo (Alt) en las imágenes? Cuenta con Flash o Plug-ins y los informa? Tamaño de letras es adecuado? Se pueden agrandar?
2 2 3
Navegación Los enlaces son claramente visibles? Se notan los enlaces visitados? El menú del sitio es consistente en todo el sitio? Todos los vínculos funcionan?
4 1 3 4
Operación Presenta fallas de sistema? Se administra el error 404? Existe seguridad adecuada para el tipo de sitio? Si es relevante para el sitio, se explica la seguridad ofrecida?
4 4 ? 2
Utilidad Tiene Buscador? Funciona OK? Permite hacer lo mismo o más que lo que se puede hacer la institución física? Permite resolver las dudas básicas que el usuario tenga sobre sus contenidos? El sitio genera una experiencia que a uno llevaría a recomendarlo a otros?
2 4 3 4
www.singletracks.com Singletracks es una propuesta americana su función es compartir información y recursos relacionados con el deporte del ciclismo de montaña. La mayoría de la información presentada en singletracks.com es GENERADA POR EL USUARIO por los ciclistas de montaña de todo el mundo.
39
Identidad El sitio web entrega información corporativa de la organización Informa datos relevante para quien “no navega (Horas de atención) Entrega información para hacer consultas web o no-web (ej: teléfono)
2 4 4
Diseño El diseño es consistente en todas las pantallas del sitio? Se adapta adecuadamente a las resoluciones más comunes? Las páginas tienen scroll adecuado?
4 4 4
Tiempo de Acceso Tiempo de acceso de la portada bajo 15” en conexión de baja velocidad? Permite ver lo más importante al principio del despliegue de las páginas? Ofrece acceso sólo texto cuando se trata de interfaces gráficas?
2 4 4
Accesibilidad Existe texto alternativo (Alt) en las imágenes? Cuenta con Flash o Plug-ins y los informa? Tamaño de letras es adecuado? Se pueden agrandar?
3 2 4
Navegación Los enlaces son claramente visibles? Se notan los enlaces visitados? El menú del sitio es consistente en todo el sitio? Todos los vínculos funcionan?
3 1 4 4
Operación Presenta fallas de sistema? Se administra el error 404? Existe seguridad adecuada para el tipo de sitio? Si es relevante para el sitio, se explica la seguridad ofrecida?
4 2 ? 1
Utilidad Tiene Buscador? Funciona OK? Permite hacer lo mismo o más que lo que se puede hacer la institución física? Permite resolver las dudas básicas que el usuario tenga sobre sus contenidos? El sitio genera una experiencia que a uno llevaría a recomendarlo a otros?
4 4 3 4
www.vallenevado.com Valle Nevado es por preferencia una de los complejos hoteleros mas importantes de la Región Metropolitana, su fuerte es la temporada invernal, sin embargo en verano, renuevan sus actividades, orientandas al eco-deporte, Renovando el ambiente de su sitio, dependiendo de la temporada.
40
Identidad El sitio web entrega información corporativa de la organización Informa datos relevante para quien “no navega (Horas de atención) Entrega información para hacer consultas web o no-web (ej: teléfono)
4 4 3
Diseño El diseño es consistente en todas las pantallas del sitio? Se adapta adecuadamente a las resoluciones más comunes? Las páginas tienen scroll adecuado?
4 4 4
Tiempo de Acceso Tiempo de acceso de la portada bajo 15” en conexión de baja velocidad? Permite ver lo más importante al principio del despliegue de las páginas? Ofrece acceso sólo texto cuando se trata de interfaces gráficas?
www.alpacaciclismo.com
Empresa establecida en Curicó, contribuye y participa en eventos y actividades organizadas en la región del Maule y entrega apoyo a equipos de intercambio para competencias de ciclismo en Chile.
3 3 2
Accesibilidad Existe texto alternativo (Alt) en las imágenes? Cuenta con Flash o Plug-ins y los informa? Tamaño de letras es adecuado? Se pueden agrandar?
1 2 2
Navegación Los enlaces son claramente visibles? Se notan los enlaces visitados? El menú del sitio es consistente en todo el sitio? Todos los vínculos funcionan?
2 1 3 4
Operación Presenta fallas de sistema? Se administra el error 404? Existe seguridad adecuada para el tipo de sitio? Si es relevante para el sitio, se explica la seguridad ofrecida?
4 1 ? 1
Utilidad Tiene Buscador? Funciona OK? Permite hacer lo mismo o más que lo que se puede hacer la institución física? Permite resolver las dudas básicas que el usuario tenga sobre sus contenidos? El sitio genera una experiencia que a uno llevaría a recomendarlo a otros?
1 3 3 3
41
Identidad El sitio web entrega información corporativa de la organización Informa datos relevante para quien “no navega (Horas de atención) Entrega información para hacer consultas web o no-web (ej: teléfono)
3 3 4
Diseño El diseño es consistente en todas las pantallas del sitio? Se adapta adecuadamente a las resoluciones más comunes? Las páginas tienen scroll adecuado?
4 3 4
Tiempo de Acceso Tiempo de acceso de la portada bajo 15” en conexión de baja velocidad? Permite ver lo más importante al principio del despliegue de las páginas? Ofrece acceso sólo texto cuando se trata de interfaces gráficas?
3 3 2
Accesibilidad Existe texto alternativo (Alt) en las imágenes? Cuenta con Flash o Plug-ins y los informa? Tamaño de letras es adecuado? Se pueden agrandar?
1 3 4
Navegación Los enlaces son claramente visibles? Se notan los enlaces visitados? El menú del sitio es consistente en todo el sitio? Todos los vínculos funcionan?
2 1 3 4
Operación Presenta fallas de sistema? Se administra el error 404? Existe seguridad adecuada para el tipo de sitio? Si es relevante para el sitio, se explica la seguridad ofrecida?
4 1 ? 1
Utilidad Tiene Buscador? Funciona OK? Permite hacer lo mismo o más que lo que se puede hacer la institución física? Permite resolver las dudas básicas que el usuario tenga sobre sus contenidos? El sitio genera una experiencia que a uno llevaría a recomendarlo a otros?
3 4 2
http://www.parquemahuidalareina.cl
Empresa establecida en Curicó, contribuye y participa en eventos y actividades organizadas en la región del Maule y entrega apoyo a equipos de intercambio para competencias de ciclismo en Chile.
42
Tipologías Defina la principal tipología de diseño involucrada en su proyecto (editorial, multimedia, hipermedia, arquigrafía, campaña gráfica, interactividad, etc.) y caracterícela de forma visual. . - Elementos de Promoción y Difusión: En esta tipología incluye los distintos procesos que sirven para lograr lo que es la difusión, a través de el Lanzamiento, junto con elementos de Difusión Pública Masiva, Folletería, Afiches, y otros en Punto de Promoción, Merchandising, Llaveros, Textiles y otros.
Elementos de Promoción y Difusión
43
Tipologías Defina la principal tipología de diseño involucrada en su proyecto (editorial, multimedia, hipermedia, arquigrafía, campaña gráfica, interactividad, etc.) y caracterícela de forma visual. . - Plataforma Web / Móvil Incluiremos los procesos para poder desarrollar la plataforma digital principal, que brindará la información a su paralelo, para la tecnología móvil. Requerimientos TécnicosRequerimientos de DesarrolloMódulo Móvil
Plataforma Web / Móvil
Módulo Móvil
44
Referentes gráficos No necesariamente dentro del tema o área o ámbito de realización. Son proyectos, experimentos, piezas de diseño que inspiran en parte al proyecto en los siguientes aspectos: Forma general, tipografía, uso del color, comunicación con el usuario, tratamiento de la temática, resultado estético. Dos por cada aspecto. Reduzca luego y defina traspasar atributos de al menos 4 de ellos a su proyecto . - http://www.wk.com/wke Wieden+Kennedy Una agencia de publicidad creativa impulsada con sede en Portland. Su sello es bastante particular e interesantes gráficamente hablando. El sitio tiene buenísimos uso de recursos js script, así tambien utiliza recursos que renuevan el sitio con cada click, el sitio no se presenta de igual manera dos veces. Rico contenido multimedia, podcast y visual, es una página que a momentos parece ser muy compleja, pero luego de unos instantes se vuelve amigable.
45
Referentes gráficos - http://www.theberrics.com The Berrics Básicamente es un “skatepark” indoor, apoyado en dos personajes del skateboard internacional, este complejo, genera contenidos audiovisuales consantemente, a través de diferentes secciónes propuestas por ellos mismos. El contenido audiovisual de alta calidad, se renueva día a día con una, dos o más actualizaciónes. Debido a estas actualizaciónes se mantiene a un público interesado en los movimientos de the berrics. Tiene su aplicación de pago a través de Itunes, la que permite visualizar las secciónes y los videos. Si bien su contenido no permite una comunicación directa con los usuarios, es altamente re posteado a través de otros blogs y sistemas sociales. Lo que permite a estar actualizado con respecto a los contenidos. Lo más interesante es la manera en que manejan la los contenidos, en un nivel de entretenimiento audiovisual actualizado constantemente, y respaldado con concursos y otros pero siempre manteniendo el contenido audiovisual como producto medular, dentro del sitio.
46
Referentes gráficos - http://latam.puma.com/ Puma Puma es una de las marcas de ropa deportiva y urbana mas importante actualmente. Mantiene una apariencia elegante, e interesánte manteniendo un orden y jerarquía, aun cuando tiene una cantidad de elementos muy grande. El sitio crea capas para ocultar y ordenar asi los distintos contenidos en sus sub categorías. Mantiene una estética controlada, neutra para no ser demasiado sobrecargado para el distintos públicos a los que está orientado los distintos productos.
47
Referentes gráficos - http://thewildernessdowntown.com/ Arcade Fire - The wilderness downtown Este referente conceptual, posee un impresionante desempeño de la integración de tecnologías, en mapas, y otras técnicas interactivas con el usuario. Un manejo visual bastante elegante y por sobretodo, la inmersión dentro de la plataforma, donde el sitio, abandona completamente su estado estático. El siguiente nivel en el uso de tecnologías nuevas como html5 y css3, para la interacción.
48
Referentes gráficos - http://bitmap.cl/BITMAP/bitmap.html Bitmap.cl Una invitación a recorrer, es la propuesta de bitmap.cl, desde distintos puntos de vista (remixes) desarrollados con el fin incentivar el aprecio por el medio urbano “reinvención del espacio y de su identidad”. Podemos ver como nuevamente aparece una estética simple y neutra, que en combinación con la propuesta moderna, tecnológica, se complementan correctamente. Además tiene la intención de integrar al usuario y ser parte de la experiencia, siendo el el que integra información, a través de concursos participativos.
49