Documento de análisis Callejón de las artes 1-Audiencia 1.1-Introducción 1.2-Objetivos 1.3-Técnicas de análisis 1.3.1-Pre-test de usuario 1.3.2-Técnica personas 1.4-Resultados y valoraciones 1.4.1-Relación del usuario con la tecnología de consumo 1.4.2-Relación del usuario con Internet 1.4.3-Relación del usuario con los sitios web 1.4.4-Visión del usuario en torno al modelado del sitio web 1.4.5-Tabla de claves de la muestra para el modelado de perfiles 1.4.6-Modelado de usuario 2-Comparables 2.1-Casos de éxito 2.2-Criterios 2.3-Tabla de Comparables 2.4-Resultados y valoraciones 3-Arquitectura de la información 3.1-Información 3.2-Comparativa de arquitecturas 3.2.1-Resad 3.2.2-Javier del Real 3.2.3-OnDance 3.2.4- El Callejón de las artes 3.3-Resultados y valoraciones 4-Usabilidad y accesibilidad 4.1-Experiencia de usuario 4.2-Factores que afectan a la experiencia de usuario 4.3-Conceptos: Los siete aspectos de Morville 4.4-Resultados y valoraciones
5-Bases de la propuesta de diseño 5.1-Sobre los usuarios 5.2-Sobre el look&feel del nuevo sitio web 5.3-Sobre la arquitectura de la información
1-Audiencia 1.1-Introducción El análisis de audiencias consiste en conocer el número de personas que han consumido un producto web, ya sea audiovisual, ya sea textual, sonoro, fotográfico o multimedia. Hoy en día se entiende la medición o análisis de audiencias como un estudio cuantitativo, pero que también aporta cierta información cualitativa. Así, el fin básico de estos análisis es descubrir el número de personas que visitan un sitio web, escuchan un programa de radio o ven una película en un canal de televisión, pero también pueden aportar información más específica y segmentada sobre una franja horaria determinada, la edad o el sexo de los consumidores, etc. Los análisis de audiencias se realizan principalmente para dos sectores: los medios de comunicación y las empresas de publicidad. Estas últimas los utilizan para decidir en que soporte (escrito, visual o sonoro) van a publicitarse y elegir el medio y, en su caso, la franja horaria para hacerlo. Los medios de comunicación conocen, a través de la medición de audiencia, el éxito o el fracaso de sus programas, pero no solo eso, pueden descubrir si un cierto tipo de formato podrá tener éxito en el futuro basándose en sus experiencias pasadas, pueden planificar su parrilla del mejor modo posible gracias a la información obtenida e incluso pueden fijar los precios de publicidad según el programa que estén emitiendo. En nuestro caso, enfocando el concepto de “Análisis de audiencia” hacia el entorno web, nos servirá conocer los perfiles de las personas hacia las que enfocamos el uso y gestión de la información del website. Necesitamos conocerlos, saber sus datos, su formación, la frecuencia de visita y el lenguaje que buscan. Necesitamos plasmar un mural lo más amplio posible que nos permita comprender mejor sus necesidades para adaptar nuestros objetivos a ellas.
Es un trabajo mezcla de naturalezas cuantitativa y cualitativa, y que requiere una interpretación lo más fidedigna posible de nuestra audiencia, público objetivo o “target”.
1.2-Objetivos El análisis de la audiencia tiene los siguientes objetivos: 1.-Debe acercarnos de la forma más exhaustiva posible a conocer a las personas interesadas o potencialmente interesadas en el valor ofrecido en nuestro sitio web.
2.-Debe proporcionarnos información fidedigna sobre sus usos, costumbres, relación diaria con la tecnología, edad, nivel formativo y posición social.
3.-Debe ser útil para establecer la siguiente fase de trabajo: la definición de tácticas y estrategias asociadas al sitio web, es decir, para analizar “como llegar” debemos madurar antes “a quién llegar”.
4.-Debe permitirnos asociar fácilmente los usuarios o usuarios potenciales con los servicios, información y funcionalidades que se ofrecerán en nuestro sitio web.
5.- Debe proporcionar una información de valor que permita maximizar la capacidad y posibilidades de difusión del mensaje, contenido y propuesta de valor del proyecto.
6.-Debe ser útil para el diseño de fórmulas que permitan atraer al sitio web nuevos usuarios.
7.-Servir de base para diseñar una propuesta de valor personalizada para cada uno de los perfiles de nuestra audiencia, que entienda inmediatamente y además le resulte atractiva.
8.-Ser útil para crear una experiencia de usuario única, alineada con los valores del proyecto.
1.3-Técnicas de análisis Las técnicas utilizadas para realizar el análisis son las siguientes:
1.3.1-Pre-test de usuario
Para recopilación de datos estadísticos, enfoques cualitativos y cuantitativos. En estas pruebas iniciales necesitamos extraer de una muestra potencialmente significativa información de naturaleza cuantitativa y cualitativa. Necesitamos establecer una inferencia adecuada para todo el universo de clientes y potenciales clientes del callejón de las artes y el modelo de la distribución normal de Gauss no será sumamente útil. Vamos a partir de la base del cumplimiento de la teoría de Gauss en cuanto al modelo de inferencia de la distribución normal y sus propiedades establecidas para los intervalos sigma de la siguiente manera: 1. En el intervalo [μ - σ, μ + σ] se encuentra comprendida, aproximadamente, el 68,26% de
la distribución. 2. En el intervalo [μ - 2σ, μ + 2σ] se encuentra, aproximadamente, el 95,44% de la
distribución. 3. En el intervalo [μ -3σ, μ + 3σ] se encuentra comprendida, aproximadamente, el 99,74%
de la distribución. A partir de este modelo queremos extraer datos sobre las siguientes características: 1-Relación del usuario con la tecnología de consumo: smartphones, tablets, ordenadores de sobremesa y ordenadores portátiles. 2-Relación del usuario con Internet: número de horas de navegación diaria, número de perfiles en redes sociales. 3-Relación del usuario con los sitios web: referencias, gustos, uso. 4-Visión del usuario en torno al modelado del sitio web: colores, formas y usabilidad. Para ello hemos articulado un test de veinte preguntas que debe ser escrito por la mayor cantidad posible de clientes del Callejón de las artes, es importante que sea hecho de manera anónima, para no condicionar las respuestas. También debe ser escrito por los responsable del
Callejón de las artes (los tres), pero para no contaminar la muestra, en este caso de manera atribuida con nombre y apellidos. El test se presenta de la manera más aséptica posible, evitando la aparición de logotipos y marcas. Un texto plano, sin identificación corporativa alguna. Y con las preguntas organizadas de manera aparentemente aleatorias para que no se produzca un condicionamiento de bloque. Hay preguntas clave que marcan el itinerario (la 1 , 6, la 8 y la 11 son de apertura o cierre) y cuestiones de hibridación como el par 13-14 o el par 17-18.
1.3.2-Técnica personas
Estudio en base a los criterios anteriores sobre usos, necesidades y lenguaje de los principales actores de la plataforma. La técnica de diseño de personas o personajes es de gran utilidad a la hora de diseñar productos satisfactorios. Esta herramienta permite alinear las expectativas y necesidades del producto de todos los implicados en el desarrollo. Estos implicados son tanto el core team del producto, como los stakeholders y los hippos. Además, al emplear personajes se evita que se produzcan desviaciones de los objetivos de diseño del producto. Solo por lo anteriormente expuesto, la técnica de personajes ya debería ser obligatoria en cualquier desarrollo. Las dificultades pueden venir por la naturaleza de los personajes, ya que son abstracciones, aunque se basan en datos reales, pero no representan a usuarios reales con un nombre y un apellido, aunque los personajes si los tienen. Los personajes forman parte de la táctica del desarrollo, mientras que los clientes potenciales son un elemento estratégico del producto. La idea principal es que los personajes no representan a un usuario en particular como tal, sino que se componen de características de muchos de los potenciales usuarios. A estas características las vamos a llamar “variables”. Los personajes son abstracciones, pero se basan en datos. No son personificaciones inventadas, hay un análisis e investigación previos. De lo contrario no servirán de nada. Tampoco hay que confundir “que todos lo puedan usar” en términos de usabilidad con “que todos lo quieran usar” en términos de marketing. En ocasiones los debates sobre la
conveniencia del empleo de personajes se hace pensando en como influye sobre la mercadotecnia. Y eso también es erróneo. Puede haber una relación entre personajes y usuarios reales, pero no es una relación directa entre personajes y usuarios o clientes, sino que los personajes y los usuarios se relacionan mediante el producto (en este caso el futuro sitio web del Callejón de las artes a través de variables. Un personaje se compone de variables, a más variables del personaje parece razonable pensar que habrá un número menor de usuarios reales que encajen con el personaje. Esta es una de las razones por las que se emplean personajes. Simplifican enormemente el proceso porque nos permite trabajar con múltiples variables de una sola vez. Además evita la selección y captación de usuarios, lo cual puede ser extremadamente complejo para ciertas variables.
Ejemplo de planteamiento visual para la técnica “Personas”.
1.4-Resultados y valoraciones Muestra: 25 personas (en los casos donde el sumatorio de respuestas no dé lugar a 25, se estima una respuesta en blanco del usuario en el test).
1.4.1-Relaci贸n del usuario con la tecnolog铆a de consumo
Sobre el uso de smartphones:
Sobre el uso de equipos de sobremesa:
Sobre el uso de tablets:
Sobre el uso de portรกtiles:
Sobre sistemas operativos:
1.4.2-Relación del usuario con Internet ¿Cuántas horas al día dedicas a navegar por la red (aproximadamente)? Media aritmética: 3,2 horas. Moda: 2 horas. Mediana: 2 horas. ¿Cuantos perfiles tienes en redes sociales (facebook, twitter, tuenti, linkedin, youtube, etc.)? Media aritmética: 3 perfiles. Moda: 4 perfiles. Mediana: 3 perfiles.
1.4.3-Relaci贸n del usuario con los sitios web
Sitios web visitados más usuales: Facebook, Youtube, Periódicos y noticias. Tuenti. ¿Cuánto tiempo pasas en estos sitios web? Media aritmética: 1,9 (2 horas aproximadas).
1.4.4-Visión del usuario en torno al modelado del sitio web
¿Qué color asociarías a la palabra “música”? Términos más frecuentes: Rojo, azul, verde.
¿Qué color asociarías a la palabra “teatro”? Términos más frecuentes: Rojo, verde, negro.
¿Qué forma geométrica asociarías a la palabra “música”? Término más frecuente: Círculo.
¿Qué forma geométrica asociarías a la palabra “teatro”? Término más frecuente: Rectángulo.
1.4.5-Tabla de claves de la muestra para el modelado de perfiles Género
Mujer
Edad
20 - 35 años
Nivel tecnológico
Medio - Bajo
Heavy-user
No
Early adopter
No
Smartphones
Sí
Consumo diario de internet
3 horas
Redes sociales
3 perfiles
Correo electrónico
Diario
Sitios web usuales
Facebook, Youtube, Prensa online
Claves web
Información, sencillez, colores
Pantones música
Rojo, azul, verde
Pantones teatro
Rojo, verde, negro
Geometría música
Círculo
Geometría teatro
Rectángulo
1.4.6-Modelado de usuario
2-Comparables 2.1-Casos de ĂŠxito Posibles referencias: http://madriddancecenter.wordpress.com/ http://www.spaziodanzamadrid.com/ http://www.escuelaflow.es http://www.spaziodanzamadrid.com/ http://www.rcpdanza.com/ http://www.ondancestudios.com http://www.escueladedanzalaspalmas.com/es/
http://www.escueladeteatromusical.com/
http://www.resad.es De las que seleccionamos tres: http://www.resad.es/ (Real escuela superior de arte dramático) www.escueladedanzalaspalmas.com (Escuela de Danza Javier del Real) http://www.ondancestudios.com (On Dance estudios Sevilla)
2.2-Criterios General Consideraciones generales como si las objetivos del sitio son claros, el contenido, “look and feel”, las URLs. Identidad e información Si se muestran claramente la identidad corporativa y elementos identificables como eslogans. Narrativa Acerca del uso del lenguaje en los sitios web. Rotulado Acerca del uso de rótulos, gráficos en el contenido. Estructura y navegación Acerca de los elementos de navegación que se incluyen en los sitios web. Layout de la página Acerca de la composición de las páginas, la alineación y presentación general de los elementos. Búsqueda Acerca de los elementos y funcionalidades de búsqueda. Ayuda Acerca de las ayudas en pantalla o en documentación.
Accesibilidad Acerca de la accesibilidad de los sitios web. Control y retroalimentación Acerca de mecanismos como formularios de contacto, sugerencias, preguntas frecuentes y otros. Posicionamiento Relacionados con estrategias de posicionamiento y SEO. Tecnología y valores diferenciales Acerca de la tecnología y otros elementos que puedan marcar la diferencia.
2.3-Tabla de Comparables Leyenda Malo Aceptable Bien Muy bien
General ¿Objetivos bien definidos? ¿Contenidos y servicios relacionados? ¿Direcciones URL claras? ¿Diseño general coherente?
Resad
Javier del Real
OnDance
Callejón
Valoración
10/100
10/100
05/100
10/100
Identidad e información
Resad
Javier del Real
OnDance
Callejón
Valoración
10/100
10/100
25/100
30/100
Narrativa
Resad
Javier del Real
OnDance
Callejón
Valoración
10/100
05/100
10/100
15/100
Rotulado
Resad
Javier del Real
OnDance
Callejón
¿Logotipo identificable en todo el sitio? ¿Existe un eslogan claro? ¿Mecanismos claros de contacto o feedback? ¿Se muestra información sobre autores, fuentes y fechas?
¿El sitio web habla el mismo lenguaje de los usuarios? ¿Lenguaje claro y conciso? ¿Amigable, familiar y cercano? ¿1 parrafo = 1 idea?
¿Rótulos significativos? ¿Sistema único de organización visual?
¿El título de las páginas es correcto? ¿El rotulado es controlado y coherente? Valoración
05/100
05/100
30/100
10/100
Estructura y navegación
Resad
Javier del Real
OnDance
Callejón
Valoración
05/100
05/100
10/100
10/100
Layout
Resad
Javier del Real
OnDance
Callejón
¿Hay equilibrio entre profundidad y anchura? ¿Todos los enlaces están conectados? ¿Hay equilibrio en los menús de navegación? ¿Existen páginas huérfanas?
¿Se ha evitado sobrecarga informativa? ¿Zonas superiores para contenidos más relevantes? ¿Se ha controlado la longitud de página? ¿Existe alineación de elementos mediante cuadrículas?
Valoración
00/100
00/100
10/100
20/100
Búsqueda
Resad
Javier del Real
OnDance
Callejón
Valoración
00/100
00/100
00/100
40/100
Ayuda
Resad
Javier del Real
OnDance
Callejón
Valoración
00/100
00/100
00/100
00/100
Accesibilidad
Resad
Javier del Real
OnDance
Callejón
¿Existe y es accesible? ¿Muestra resultados de manera comprensible? ¿Permite búsqueda avanzada? ¿Asiste al usuario?
¿Posee sección de ayuda? ¿Está en zona visible? ¿Hay ayuda contextual para tareas? Si hay FAQ, ¿está bien redactada?
Tamaño de fuente relativo. Contraste entre fuente y fondo. Atributos “alt” en imágenes. Compatible con navegadores.
Valoración
05/100
10/100
05/100
50/100
Control y retroalimentación
Resad
Javier del Real
OnDance
Callejón
Valoración
00/100
00/100
00/100
00/100
Posicionamiento
Resad
Javier del Real
OnDance
Callejón
Valoración
10/100
10/100
10/100
15/100
Tecnología
Resad
Javier del Real
OnDance
Callejón
10/100
10/100
10/100
10/100
Informes de errores al usuario. Control en tiempos de respuesta. Información de estado al usuario. Control de estado.
¿Url limpias? ¿Documentos bien construidos? ¿Correcta densidad de palabras clave? ¿Bien indexado por Google?
¿Contenidos de vídeo? ¿Contenidos de audio? ¿Galerías de imágenes? ¿Sindicación vía RSS? Valoración
Valores diferenciales
Resad
Javier del Real
OnDance
Callejón
Valoración
00/100
00/100
00/100
05/100
Valoración global
65/1200
65/1200
115/1200
215/1200
¿Servicios originales? ¿Atención al usuario? ¿Sección FAQ? ¿Ofrece información segmentada?
2.4-Resultados y valoraciones Identidad, es importante tener una identidad y presencia única. Añadir un eslogan o tag-line ayuda a definir los objetivos de la escuela. Información segmentada, es importante tener un mensaje para cada perfil. Sencillez. Se penaliza la complejidad. Gestión de documentos. Todos los ejemplos contienen una considerable cantidad de documentación e información. Clasificación, etiquetado, y un buen motor de búsqueda pueden ser la clave entre encontrar lo que se busca o no. Es fundamental evitar la mala disposición visual de los elementos más importantes. Ningún ejemplo usa un sistema de cuadrículas (grid) para alinear los elementos. Casi todos los ejemplos no usan el espacio vertical adecuadamente. Es evidente el mal / inexistente uso de estándares. Todos los ejemplos fallaron nuestros tests de validación de código, estilos, enlaces y accesibilidad. También llama la atención el poco / inexistente uso de gráficos y archivos multimedia, para esta temática por lo menos.
Es muy importante priorizar en la jerarquía visual los elementos que aporten un valor añadido a la esencia del negocio: en el caso del Callejón de las artes, por ejemplo el método SLS. Todos los ejemplos observados coinciden en la no existencia de secciones de ayuda ni de preguntas frecuentes (FAQ). Básicamente, ninguna plataforma ofrece elementos de ayuda para el usuario y su experiencia. Y por último la poca implicación con los usuarios (Redes Sociales, participación).
3-Arquitectura de la información 3.1-Información La Arquitectura de Información ha tenido, desde los años 90 del siglo XX, una creciente popularidad. Popularidad que decreció con la caída de las "punto com" en el 2001, pero que volvió a tomar auge en posteriores años. Es lógico que al ser una profesión tan nueva no exista mucha bibliografía sobre los aspectos históricos y teóricos de la misma, posiblemente resultado de que esta disciplina deviene de un actuar eminentemente empírico (práctico) y por lo tanto su teoría está muy condicionada por la experiencia de quienes las desempeñan. Aunque para la mayoría de los usuarios "la interfaz es la aplicación" puesto que es la parte que ven y a través de la cual interactúan (Hartson; 1998) , debemos entender que la usabilidad de la aplicación depende no sólo del diseño del interfaz, sino también de su arquitectura estructura y organización -, en otras palabras, del componente no visible del diseño. Folmer y Bosch (2003) estudian este hecho en aplicaciones software concluyendo que el diseño a nivel de arquitectura tiene una gran influencia en la usabilidad del sistema. En el entorno Web, que es el que nos ocupa en este artículo, la Arquitectura de la Información (AI) es un enfoque de diseño que ha cobrado especial relevancia estos últimos años por esta misma razón. La AI es definida como el arte y la ciencia de organizar espacios de información con el fin de ayudar a los usuarios a satisfacer sus necesidades de información. La actividad de organizar comporta la estructuración, clasificación y rotulado de los contenidos del sitio web (Toub; 2000). Hay dos aspectos de la AI que merece la pena resaltar: La Recuperación de la Información
El objetivo principal de definir una correcta arquitectura de información es facilitar al usuario la recuperación de información. Esto se consigue por un lado posibilitando que el usuario pueda encontrar información - diseño y definición de índices, clasificaciones, taxonomías y sistemas de recuperación de información o sistemas de búsqueda en el sitio web -, y por otro lado posibilitando que cada elemento de información pueda ser encontrado - descripción a través de metadatos y optimización del sitio para buscadores-. Este segundo caso es lo que se denomina "findability", "encontrabilidad" o visibilidad. El diseño a nivel conceptual Las técnicas propias de la AI, dentro del ciclo de vida del desarrollo del sitio, se ubican en fases de diseño conceptual. Las fases de diseño visual están, en cambio, copadas por técnicas de Ingeniería de la Usabilidad, Diseño de Interfaces y Diseño de Información.
3.2-Comparativa de arquitecturas
3.2.1-Resad
Existe una dualidad de home entre resad.es y resad.es/resad.htm, que orienta la navegación a otro menú diferente con elementos ampliados con respecto al menú original.
Donde además en cada elemento de segundo nivel a partir de resad.es/resad.htm existen diversos sitios web autónomos con identidad y look&feel diferenciados.
3.2.2-Javier del Real
En este caso existe una descompesación clara entre la profundidad de navegación a partir del primer nivel, ya que en el menú aparece un elemento de primer nivel con unos cinco elementos hijos de segundo nivel mientras que el resto no tiene hijos.
Las direcciones URL de este sitio web no guardan homogeneidad alguna en cuanto a las rutas, las secciones e incluso algunas muestran faltas de ortografía.
3.2.3-OnDance
El menú de primer nivel de esta plataforma se encuentra saturado con una cantidad de diez elementos de menú de primer nivel. Además, existe una descompesación grande entre el segundo nivel y los elementos que lo componen.
El acceso a la plataforma mediante la estructura de portada previa es innecesaria y crea confusión. Dentro de la navegación del sitio existen conexiones con otros sitios web y microsites para contenidos específicos (como en el caso de artes marciales).
3.2.4- El Callejón de las artes
Existe una descompesación en el primer nivel de navegación de varios elementos. En la zona de actividades (cursos y talleres) no hay coherencia entre las taxonomías de las diversas actividades.
En la zona de profesorados, se produce un desajuste en la profundidad y anchura de la navegación: existen más de diez elementos de menú de segundo nivel para navegar.
3.3-Resultados y valoraciones No tiene sentido alguno presentar el sitio web mediante una “portada” o página de presentación, ya que no hay información añadida de valor y complica el proceso de navegación añadiendo un factor más a clickar, impidiendo de manera clara el acceso directo a la información. No es necesario incluir la llamada al “home” como un elemento más de menú, ya que confunde al usuario y lo hace creer que se trata de una sección con contenido de valor. Es fundamental establecer un óptimo equilibrio entre profundidad y anchura. Un menú de primer nivel no puede contener del orden de diez elementos y en el segundo nivel no puede
haber tal descompensación que haga que un padre tenga diez hijos y el siguiente en orden de prioridad del primer nivel no tenga ninguno. Es necesario establecer una adecuada taxonomía de contenido para preparar una arquitectura de navegación adecuada, optimizada y correctamente jerarquizada. Las direcciones URL deben ser coherentes en todo momento: no es posible tener dos direcciones distintas para un mismo contenido, o bien que dentro de elementos del mismo nivel se presenten rutas con más o menos subsecciones.
4-Usabilidad y accesibilidad 4.1-Experiencia de usuario La experiencia de usuario (conocida también por sus siglas UX en inglés) es el conjunto de factores y elementos relativos a la interacción del usuario con un entorno, en nuestro caso nuestro site web de referencia. Básicamente busca el análisis y estudio de la vivencia del usuario en cuanto a la generación de una percepción positiva o negativa de los servicios, herramientas, navegación y recursos en nuestro site. Los factores de análisis se organizan en dos sectores bien diferenciados pero que resultan complementarios para la extracción de conclusiones. De una parte los factores relativos al diseño y de otra parte aquellos factores relativos a las emociones.
4.2-Factores que afectan a la experiencia de usuario 1. Relativos al diseño: hardware, software, usabilidad, diseño de interacción, accesibilidad, diseño gráfico y visual, calidad de los contenidos, encontrabilidad, utilidad. 2. Relativos a las emociones: sentimientos, construcción y transmisión de la marca, confianza en el producto.
4.3-Conceptos: Los siete aspectos de Morville
A continuación se detallan algunos conceptos transversales que afectan al análisis de la experiencia del usuario. En el contexto web, Morville (2004) propone el análisis de la experiencia del usuario en base a siete aspectos o propiedades que debe cumplir un sitio web:
1. Útil ¿Resulta de utilidad para el usuario? 2. Usable ¿El site es cómodo y amigable en cuanto a uso? 3. Deseable ¿Motiva y atrae a la navegación? 4. Encontrable ¿La información es fácil de localizar dentro del site? 5. Accesible ¿Cumple el site con requisitos de accesibilidad web? 6. Creíble ¿El site es capaz de generar una sensación de buena reputación en los usuarios? 7. Valioso ¿Se aporta valor en los contenidos del site?
4.4-Resultados y valoraciones En esta parte del análisis valoramos cuestiones relacionadas de manera directa con el uso del portal y las percepciones y valoraciones que un usuario hace de cada plataforma. En ello juegan un papel destacado aspectos como los colores y las formas, la tecnología, el cumplimiento de estándares tecnológicos para facilitar el uso desde diferentes navegadores y la utilidad de la información contenida. Pasemos a repasar la tabla de valoraciones:
Valor
Resad
Javier del Real
OnDance
Callejón
Utilidad
Escasa: es un sitio web que soporta contenido en formato .pdf
Escasa: Sitio web desordenado con información superflua.
Abundante: Contenido concreto, esquemático y secuencial.
Normal: Contenido útil.
Usabilidad
Nula: Scroll infinito de contenidos.
Nula: Navegación confusa y poco intuitiva.
Normal: Navegación lineal pero totalmente estática.
Media: Información estructurada a primer nivel.
Deseabilidad
Escasa: Look&Feel desactualizado.
Nula: Colores desagradables e interfaz heterogénea.
Nula: Sonidos, música y efectos activados.
Escasa: Interfaz austera, incoherente y estática.
Localización
Escasa: Faltan sistemas de búsquedas de contenido.
Nula: Falta un sistema de búsqueda interno.
Nula: Falta un sistema de búsqueda interno.
Normal: Carece de un sistema de búsqueda avanzada.
Accesibilidad
Nula: Imposible hacer una correcta navegación con diferentes navegadores.
Escasa: No cumple estándares web.
Nula: Plataforma realizada con tecnología Flash.
Media: Cumple estándares básicos.
Credibilidad
Escasa: Poco contenido propio y ninguna autoría.
Normal: Desordenada, poco motivante.
Normal: Incómoda, molesta y agresiva.
Media: Austera, funcional y formal.
Valor
Nulo: Confuso, desordenado y caótico.
Escaso: Caótico y poco serio.
Normal: Utilidad sobre horarios y formación.
Medio: Información formativa y profesorado.
5-Bases de la propuesta de diseño En función a todos los análisis realizados a lo largo de este estudio, podemos establecer una serie de conclusiones cruzadas que pueden ayudarnos a definir de manera muchísimo más optimizada que objetivos, funciones y planteamiento lógico debe seguir el nuevo sitio web de El Callejón de las Artes.
5.1-Sobre los usuarios Comprendiendo la naturaleza de los usuarios potenciales del sitio web en cuanto a base tecnológica y uso diario de Internet, necesitamos producir un sitio web que sea sencillo, intuitivo, usable y permita a los usuarios acceder a la información de manera sencilla. Además deberíamos incorporar al tratamiento gráfico del nuevo sitio web las claves aportadas por los usuarios a la hora de describir su visión sobre la música y el teatro. Colores rojo, verde y negro. Figuras circulares y rectangulares, para relacionar de manera más íntima su futura experiencia de usuario con los elementos que encontrarán en el portal y sus modelos mentales en torno a la materia. Debemos hacer un sitio web que apunte a la resolución de las necesidades que nuestro usuario tipo se plantea (como vimos en la sección de análisis de audiencia) por lo que el sitio web debe: 1- Tener un posicionamiento SEO adecuado y en base a las actividades y palabras clave que los usuarios potenciales usarán en los buscadores: para esto es fundamental dotar al nuevo sitio web de una “vida” más allá de publicaciones de actividades y objetivos de negocio, es muy importante, dados los últimos cambios sobre los algoritmos de indexación de Google crear un espacio interno donde se publique contenido de valor actualizado y relacionado con el negocio propio, estas son las claves en las que se basa la medición de interés de los motores de búsqueda, y suponen un paso más en la riqueza que tendrá el futuro sitio web.
2-En cuanto se produzca la visita al sitio web, la información en torno a las actividades clave del negocio debe quedar lo más explícitas posibles. Para la información de contexto puede ser suficiente con una descripción a nivel gráfico que a través de un “look&feel” correcto ya genere en el usuario la sensación de la naturaleza del sitio web, sin embargo, la información específica sobre el que, el como, el cuando y el donde deben ser suficientemente explicitadas y expuestas. 3-La siguiente clave para influir en la decisión de participar de una actividad será la presentación del profesorado y su formación como elementos de transmisión explícitas de madurez, compromiso, seriedad y formación de nivel. El usuario debe acceder a la zona establecida para los docentes percibiendo las claves de persuabilidad de esta zona web en particular.
5.2-Sobre el look&feel del nuevo sitio web El Look&feel del proyecto, es decir, la forma gráfica en la que mostraremos la esencia de nuestro negocio y sus actividades, permitirá al usuario una correcta ubicación. En base a los resultados de los análisis anteriores y sus conclusiones, apostamos porque las interfaces observen una pulcritud exhaustiva, prescindiendo de ruido visual o auditivo, e incluso llegar al nivel adecuado de autocontención: en el nuevo sitio web del Callejón de las artes no será necesario explicitar mensajes sobre la empresa, la escuela o el negocio: las imágenes, los colores y las formas serán las formas más adecuadas de expresión de todo ello, transmitiendo a través de los sentidos las claves que el usuario debe comprender en el momento de su llegada al sitio web. El look&feel debe contener sólo los elementos fundamentales en una clara armonía entre linea gráfica y arquitectura, para asegurar una correcta navegación. Además debe tener en cuenta las imágenes visuales y los modelos que manejan nuestros futuros usuarios en cuanto a colores y formas. Queremos que pasen todo el tiempo que les apetezca en el sitio web y se sientan cómodos y atraídos por él.
5.3-Sobre la arquitectura de la información Para la arquitectura de la información debemos realizar un trabajo exhaustivo de diseño priorizado de los contenidos, para lograr el equilibrio adecuado entre los elementos de menús y sus elementos hijos. Un balance óptimo que no produzca descompesación en cuanto a
desequilibrio y de la sensación de estar navegando por una estructura desintegrada y heterogénea. Además debe tenerse en cuenta aquellos elementos que proporcionan una diferenciación acusada frente a la oferta de la competencia y priorizar aspectos tales como el método SLS. El sitio web debe cumplir con todos los estándares tecnológicos que permitan una validación correcta por parte de todos los sistemas operativos y navegadores disponibles en el mercado. También debe proporcionar una buena herramienta de búsqueda, no sólamente de búsquedas usuales de contenidos, si no con la funcionalidad de búsquedas facetadas para hacer una localización exhaustiva y realmente rigurosa de toda la información. Modelo de objetivos para el sitio web de El Callejón de las Artes:
Modelo de arquitectura de la información en base a las rutas de navegación:
Bocetos y jerarquías de contenidos: