Rediseño completo de un portal web colaborativo

Escola Tècnica Superior d’Enginyeria Informàtica Universitat Politècnica de València Rediseño completo de un portal web colaborativo Proyecto Final de Carrera Ingeniería Técnica en Informática de Gestión Autor: Roberto Álvarez Iglesias Director: David Picó Vila 26/09/2012 Rediseño completo de un portal web colaborativo 2 Resumen El trabajo consistirá en realizar un rediseño completo del portal web colaborativo Gestaltnet.net. Gestaltnet es una web social en la que los usuarios interactúan y comparten contenidos con la comunidad. En ella, podemos encontrar noticias, reseñas de libros, foros de debate, anuncios de actividades, traducciones de textos, etc. El portal ha experimentado un gran crecimiento, tanto de contenidos como de usuarios. Esto ha provocado que la organización de la información sea haya vuelto un tanto confusa, lo que genera problemas a los usuarios. Además, ha ido surgiendo la necesidad de incluir nuevos contenidos y servicios que no estaban previstos en el diseño original y deben ser tenidos en cuenta. Por ello, es necesario un rediseño: es primordial reorganizar el contenido, su categorización y modificar las herramientas de navegación necesarias, con el fin de conseguir una estructura de la información más clara y comprensible para los usuarios, así como dar cabida de forma adecuada a los nuevos contenidos y servicios. El resultado final será una nueva versión del portal con una gestión de los contenidos mucho más sencilla, una navegación más comprensible para todos, un trabajo colaborativo más dinámico y una comunicación entre los usuarios más fluida. Además, contará con nuevos servicios y contenidos útiles para los usuarios. Palabras clave: diseño centrado en el usuario, arquitectura de la información, usabilidad. Rediseño completo de un portal web colaborativo 4 Rediseño completo de un portal web colaborativo 6 Tabla de contenidos 1. Introducción ................................................................................................................ 8 2. Conociendo Gestaltnet ................................................................................................ 11 3. Inventario de contenidos .............................................................................................. 13 4. Estadísticas de uso ...................................................................................................... 19 5. Card Sorting y entrevistas con usuarios ........................................................................ 27 6. Análisis de la información obtenida y nuevas necesidades .............................................47 7. Nuevo diseño ............................................................................................................. 50 8. Conclusiones ............................................................................................................ 112 9. Bibliografía .............................................................................................................. 116 10. Herramientas utilizadas ............................................................................................. 117 Rediseño completo de un portal web colaborativo 8 1. Introducción Descripción Gestaltnet es “una red para la Terapia Gestalt”, un punto de encuentro para terapeutas, estudiantes y demás interesados en la TG en el que pueden intercambiar recursos y experiencias, así como promocionar y divulgar la TG en el ámbito hispanohablante. Su filosofía es la de una web social en la que sean los usuarios los que aporten los contenidos. En Gestaltnet podemos encontrar artículos, noticias, reseñas de libros, vídeos, etc.; además de foros y chats, donde los usuarios pueden interactuar y debatir. Una de sus secciones más importantes es el “laboratorio de traducción” en el que los usuarios pueden traducir, de manera colaborativa, textos de otras lenguas (principalmente el inglés) al castellano. Gestaltnet está implementado en Plone, un sistema de gestión de contenidos (CMS) libre, desarrollado en Python y que funciona sobre Zope. El portal ha experimentado un gran crecimiento, tanto de contenidos como de usuarios. Esto ha provocado que la organización de la información sea un tanto confusa. La estructura inicial de la información se ha quedado pequeña, por lo que ha complicado la tarea de clasificar los contenidos adecuadamente. Un ejemplo son las etiquetas con las que se clasifican los artículos: ha crecido tanto su número que, seguramente, no sean de ayuda a los usuarios en la navegación. Además, se van a incorporar nuevos contenidos y servicios, como la venta online de libros, y se debe estudiar cómo hacerlo correctamente. Objetivos Es necesario un rediseño completo del portal. Los objetivos que debe alcanzar el rediseño son: • Conseguir una navegación comprensible para los usuarios. Es decir, conseguir que encuentren de manera sencilla lo que buscan. • Dinamizar el trabajo colaborativo y la comunicación entre los usuarios. • Añadir los nuevos servicios y contenidos de manera que sean interesantes y útiles para el usuario. Descripción del trabajo La primera tarea a realizar será conocer Gestaltnet: a qué se dedica, con qué finalidad, a qué público va dirigido. El siguiente paso será realizar un inventario del sitio para conocer exactamente qué contenidos alberga. Debemos conocer todos los tipos de contenidos que existen (noticias, información sobre centros de terapia, artículos de opinión, etc.) y los distintos metadatos que se utilizan para ayudar en su clasificación. A continuación, hay que estudiar el uso que hacen los usuarios. Conocer cómo se mueven los usuarios nos ayudará a conocer lo que más les interesa, pero también nos ayudará a identificar posibles problemas o confusiones en su navegación: si encuentran o no lo que buscan y por qué. Para ello es necesario el uso de herramientas, como Analytics de Google, que nos permitirán analizar multitud de estadísticas de uso. Atendiendo a los resultados de estas estadísticas nos será más fácil, posteriormente, mejorar la usabilidad de la web. Ya que se pretende conseguir un diseño centrado en el usuario, es preciso conocer qué opinan los usuarios. Una técnica muy útil para ello es el Card Sorting, que consiste en observar cómo los usuarios ordenan una serie de tarjetas, cada una de las cuales representa una categoría temática. Esto nos ayuda clasificar la información según el modelo mental del usuario. Es decir, podemos conocer la manera más lógica para el usuario de estructurar la información, así como las categorías que están de más, las que faltan, etc. También se anotarán todas sus sugerencias o críticas, y se tendrán en cuenta a la hora de realizar el nuevo diseño. Una vez analizado el contenido, el uso que de él hacen los usuarios y su opinión, estaremos preparados para poder rediseñar el portal y realizar los cambios necesarios en la estructura, categorización, etc. Habrá que tener en cuenta los perfiles de usuarios del sitio y adecuar a estos perfiles la organización de los contenidos. La nueva versión de Gestaltnet ofrecerá también nuevos contenidos y servicios, los cuales deberán ser tenidos en cuenta en el diseño. Algunos de estos servicios son, por ejemplo: • Creación de grupos de trabajo entre usuarios. Pensados para facilitar el trabajo colaborativo y aportar dinamismo. • Venta online de libros de TG y psicología. • Publicidad de centros de terapia y formación, asociaciones, etc. Además, teniendo en cuenta el trabajo previo, algunos de los contenidos y servicios existentes podrán ser modificados e, incluso, eliminados. Para definir la nueva estructura, se deberán diferenciar los bloques de información más importantes. Esto nos permitirá obtener una nueva jerarquía más lógica para los usuarios y válida para clasificar todos los contenidos. Se deberán definir, también, las herramientas de navegación que resulten necesarias. Es importante que la navegación por el portal sea sencilla. Gracias a las estadísticas de uso y a los problemas que han encontrado los usuarios, podremos identificar qué falla o qué se podría mejorar. Entonces, deberemos buscar las herramientas de navegación adecuadas en cada sección de contenidos para mejorar la experiencia de los usuarios: menús y submenús, botones, breadcrumbs, buscadores, mapas web, etc. A continuación habrá que definir todas las páginas, con qué secciones cuentan y de qué elementos se compone cada una de ellas. Además, deberemos dejar clara la navegación entre las páginas. Rediseño completo de un portal web colaborativo 16 Creatividad: 1 Psicofarmacología: 1 Educación: 1 Comunicación: 1 Trabajo social: 1 Terapia con caballos: 1 Depresión: 1 Música: 1 Vemos que hay muchas palabras clave (48 ahora mismo). Algunas engloban a varios elementos, como “Teoría del self”, “XI Congreso” o “Cuerpo” y otras solamente a uno o dos elementos, concretamente las 28 últimas del listado. El hecho de que haya tantas etiquetas, y no estén organizadas siguiendo ninguna estructura, genera problemas a la hora de clasificar los documentos. El usuario, cuando aporta un artículo, por ejemplo, se encuentra con un listado bastante extenso de etiquetas que no sigue ningún orden, por lo que si quiere utilizar la adecuada debe recorrer todo el listado buscándola. Además, el hecho de que el usuario pueda añadir las etiquetas que cree oportunas puede enturbiar la organización porque lo que tiene sentido para un usuario puede no tenerlo para los demás. El hecho de que 17 etiquetas se usen solamente en un elemento puede deberse a la dificultad del usuario de encontrar una etiqueta adecuada o más general que englobe a documentos relacionados. Y el tener una etiqueta por documento no tiene ningún sentido ni ayuda en nada a quien busca información. Los Eventos usan, para su clasificación, las siguientes etiquetas: [Palabra clave]: [número de eventos con esta palabra clave] • Conferencia: con 4 eventos • Congreso: 4 eventos • Encuentro: 5 eventos • Formación: 23 eventos • Taller: 30 eventos Para los Eventos, las palabras claves están cerradas. Es decir, el usuario no puede añadir las que quiera, sino que tiene que limitarse a elegir de entre las cinco posibles. Palabras clave que se utilizan en los Anuncios: • Hay anuncios sin etiqueta, como: 1. “1º nivel de Formación Terapeutas Gestalt”. 2. “Nueva junta directiva de la AETG”. • Hay anuncios con etiqueta de los documentos del Fondo Documental, como: 1. “Ginger y Polster estarán en el XI Congreso”. Etiqueta: “XI Congreso”. 2. Psicoterapia Infantil Relacional (Octubre 2009)”. Etiqueta: “Cursos”. • Hay anuncios con etiqueta de Eventos, como: 1. “Formación en Técnicas Gestálticas aplicadas a la Infancia y Adolescencia 2009-2010”. Etiqueta: “Formación”. 2. “Tren al Congreso de Terapia Gestalt Valencia-Madrid”. Etiqueta: “Congreso”. En los Anuncios, el usuario sí puede elegir las etiquetas libremente y podemos ver la confusión que hay entre los usuarios: • Algunos no usan etiquetas, cosa que impide clasificar el anuncio que acaban de crear. • Otros usuarios usan indistintamente etiquetas de Eventos y del Fondo Documental. Se puede observar lo mismo en los elementos de tipo Enlace: hay enlaces sin etiqueta, Enlaces con etiqueta de documentos del Fondo Documental y Enlaces con etiqueta de Eventos (como “CGSI-Escuela de Formación en la Gestalt-Entrenamiento en Terapia Gestáltica”, etiqueta: “Formación”). Nuevos tipos de Contenido Otra de las razones de necesitar un nuevo diseño es, como hemos dicho, la necesidad de incluir nuevos contenidos y servicios. Unos de los contenidos nuevos son las Fichas de Centros de Formación y Centros de Terapia. Mediante este contenido podrán anunciarse en Gestaltnet centros o academias que impartan formación terapéutica, y centros donde se ejerza la terapia. También queremos que puedan anunciarse Instalaciones o Locales. Es decir, los propietarios de locales que estén dispuestos a alquilarlo para realizar actividades terapéuticas en ellos. Los anuncios serán de pago. Podrán publicitarse estos negocios privados mediante el pago de una cuota. También hemos pensado en incluir un mapa donde situar todo lo relacionado con la TG: centros, eventos, terapeutas, etc. Hemos decidido desdoblar los eventos formativos y terapéuticos, para que sean tipos de contenido y poder clasificarlos mejor. Además, distinguiremos entre Formaciones y Actividades de Terapia de larga y corta duración, para diferenciar las que tienen una duración de días (Talleres, Encuentros, Conferencias) de las que tienen una duración de semanas o meses como mínimo (Cursos semestrales o anuales, terapias largas, etc.). A continuación se listan los tipos de contenido que tendremos, aunque habrá que tener en cuenta los resultados de las estadísticas de uso y la opinión de los usuarios antes de fijar los contenidos definitivamente: Rediseño completo de un portal web colaborativo 18 • Fichas de Centros formativos: contienen la información de los Centros (contacto, localización, formación...) • Fichas de Instalaciones/locales: información sobre los locales (contacto, localización, nº habitaciones...) • Links a Centros de terapia: links a Centros de formación. Son links que pueden poner los usuarios. • Formaciones de larga duración: cursos formativos de larga duración (un mes, un año, etc.). Para formarse. • Formaciones de fin de semana: cursos que duran un fin de semana. Para formarse. • Actividades de terapia de larga duración: grupos de terapia de larga duración. Para recibir terapia. • Actividades de terapia de fin de semana: grupos de terapia que duran un fin de semana. Para recibir terapia. • Chat: para mantener conversación en tiempo real a través de la web. • Foro: exponer consultas, opiniones, etc. • Laboratorio de traducción: donde se traducen, de manera colaborativa, textos de TG. • Noticias de Gestaltnet: noticias propias de Gestaltnet.net. Sobre el sitio web, el equipo, etc. • Editoriales de Gestaltnet: artículos escritos por el equipo de Gestaltnet. Sobre cualquier tema. • Noticias del mundo de la Psicoterapia: noticias relacionadas con la PT (legislación, preparación de congresos...). • Congresos: información sobre los congresos que se realizan (lugar, fecha, temas, etc.). • Conferencias: información sobre conferencias (lugar, fecha, temas, etc.). • Artículos de revistas: artículos extraídos de revistas o sitios web externos. • Artículos de miembros: artículos escritos por miembros de Gestaltnet.net (miembros registrados, no necesariamente del equipo). • Entrevistas: entrevistas realizadas por el equipo de Gestaltnet a personajes relacionados con la TG. • Links sobre Terapia Gestalt: links a sitios con información sobre la TG (wikipedia, etc.). • Links a blogs: links a blogs con contenidos interesantes sobre la TG (explicaciones, dudas, etc.). • Links a recursos: links a webs que ofrecen recursos interesantes para la formación en TG (libros gratis, pdf's, vídeos, etc.). • Reseñas de libros: reseñas de libros sobre TG. • Listados de bibliografía: listas con bibliografía interesante sobre temas de la TG. 4. Estadísticas de uso En este punto vamos a mostrar el tráfico de usuarios que visitan nuestra web y analizaremos su comportamiento. Para ello, vamos a utilizar la herramienta Google Analytics. Ésta es una herramienta de analítica web que permite conocer diversas estadísticas, como quién visita nuestro sitio web, de dónde proviene o qué le interesa, así como medir las ventas o las conversiones. Primero vamos a ver qué hacen los usuarios, es decir, dónde hacen clic cuando se encuentran navegando. Para ello, vamos a utilizar la herramienta de “superposición del sitio” en la página principal de Gestaltnet.net. Esta herramienta nos permitirá conocer en qué elementos hacen clic los usuarios cuando se encuentran en la página principal. Una pega de Google Analytics para los informes superpuestos es que el recuento de clics es según el destino. Por lo que, si hay más de un enlace en la página que lleve al mismo destino (como es el caso) la información que aparece no es el número de veces que se ha usado cada enlace, sino el número de veces que se ha ido a un destino concreto. Para evitar confusión, los enlaces repetidos aparecen en cursiva y no se tendrán en cuenta a la hora de los cálculos. El formato del listado mostrará cada enlace de la página y el porcentaje del total de clics en la página. Por ejemplo, el 3'1% de los clics que se hacen en la página principal son para acceder a la sección Eventos y Anuncios. Así, con los datos del último mes, obtenemos: [Enlace]: [porcentaje del total de los clics en la página] Zonas laterales y superior: • Menú principal: o Eventos y anuncios – 3,1% de los clics o Foros - 2,5% o Chats - 0,7% o Fondo documental - 5,8% o El cojín - 1,7% • Menú superior: o Miembros - 1,1% o Sobre Gestaltnet.net - 0,3% o Contacto - 0,2% Rediseño completo de un portal web colaborativo 20 • Acceso: o Entrar - 3,9% o Registrar - 0,4% • Breadcrumbs - 8,6% • Foros: o En los foros - 0% o “Ayuda en formación...” - 0,1% o “Tesis en Gestalt y...” - 0,6% o Foro general - 0,2% o Foro sobre libros - 0,6% o más - 0% • Anuncios: o Anuncios recientes - 0,1% o “Cine-fórum” - 0,1% o “Congreso bianual...” - 0,9% o más anuncios - 0,1% • Eventos: o Próximos eventos - 0,3% o “Reunión del coloquio...” - 0,3% o “Taller Videoterapia...” - 0,5% o “Los cuatro ríos del...” - 0,3% o eventos próximos - 0,3% • Palabras clave: o Palabras clave - 0,1% o Nube palabras - 0% • Novedades en tu correo - 0,4% • RSS - 0% Zona central: • Colaboración - 0,9% • Qué es Gestaltnet: o Nuestros objetivos - 0,1% o Quiénes somos - 1,4% o Cómo colaborar:  Hazte miembro - 0,2%  Cómo colaborar con contenidos - 0,2%  Laboratorio de traducción - 0,9%  Cómo colaborar económicamente - 0,9% o Foros de discusión - 2,5% o Chats y salas de reunión - 0,7% o Eventos y noticias sobre terapia - 0% o Fondo de documentos - 5,8% o Curiosidades, vídeos, etc. (cojín) - 1,7% • Novedades: o “Cine-fórum” - 0,1% o “Taller videoterapia...” - 0,5% o “Congreso bianual...” - 0,9% o “La canción eres tú” - 1,3% o “Blog Albert Rams” - 0% o “Los cuatro ríos del paraíso” - 0,3% o Navegación - 0% o más - 0,2% • Enviar - 0% • Pie de página (a inicio) - 8,6% Haciendo un cálculo, podemos ver que la suma total de clics de la página principal es de un 58'6%. Esto quiere decir que el 41'4% que falta han abandonado la página o han hecho clic en algún botón como el de “buscar”o “imprimir” (que tampoco los tiene en cuenta Analytics...). Si nos fijamos, el dato que nos proporciona Analytics correspondiente al Porcentaje de Salidas en la página principal es de un 37,7% aproximadamente. Por lo que el 3'7% que falta hasta 41'4% es la gente que hace clic en el buscador o en “imprimir”. Todos estos datos nos permiten calcular, de manera aproximada, que en la página principal: • El 58,6% de los usuarios acceden a otras páginas de Gestaltnet.net. • El 3'7% utiliza el botón de búsqueda, el de imprimir, etc. • El 37,7% abandona Gestaltnet.net. Rediseño completo de un portal web colaborativo 22 Usabilidad La herramienta utilizada (superposición) nos ayuda también a la hora de evaluar y mejorar la usabilidad del sitio. Los lugares más solicitados (los que más clics acumulan) son los que más interesan a los usuarios. Por tanto, deberíamos facilitar su acceso, son los que más “a la vista” deberían estar. Por otro lado, también podemos comprobar qué lugares son los menos solicitados e, incluso, los que no se solicitan. Así podremos considerar su modificación o eliminación de la página. Dicho esto, vamos a proceder a listar los elementos más llamativos: los que son claramente más solicitados y los que menos. Los más solicitados (Porcentaje de clics sobre el total > 1%): • Inicio (breadcrumbs): 8,6% • Fondo documental: 5,8% • Entrar: 3,9% • Eventos y anuncios: 3,1% • Foros: 2,5% • El cojín: 1,7% • Quiénes somos: 1,4% • “La canción eres tú”: 1,3% • Miembros: 1,1% Los menos solicitados -o no solicitados- (Porcentaje de clics >= 0%): • En los foros • más (foros) • Palabras clave • RSS • Eventos y noticias sobre terapia (Qué es Gestaltnet) • Navegación (novedades) • Enviar esto Observando los más solicitados, destaca lo siguiente: • Uno de los elementos del menú principal (Chats) no aparece entre ellos. Es decir, no llega al 1% de los clics totales. Por lo que podríamos considerar quitarlo de una posición tan destacada o, incluso, eliminarlo. En cualquier caso, como mínimo, hay que replantearlo. • El alto uso del elemento breadcrumbs, ya que tiene el mayor número de clics. Lo que probablemente indica que cumple su función de ayuda en la navegación. Aunque también indica que muchos usuarios parecen no tener claro en qué lugar de Gestaltnet se encuentran, porque estando en la página inicial hacen clic para acceder al inicio. Lo más probable es que el hecho de que el link esté activo, cuando no es necesario, confunde a ese 8'6% de los usuarios. • Vemos que la sección a priori más importante de Gestaltnet (el Fondo documental) es también la más solicitada. • También destaca el interés en el artículo “La canción eres tú” que, pese a aparecer desde hace sólo unos días en la página, acumula tantos clics como secciones fijas y más importantes. Por otra parte, atendiendo a los resultados de los menos solicitados, destaca el hecho de que hay hasta siete elementos que prácticamente no tienen clics. Es decir, que no interesan a los usuarios. Además, llama la atención que herramientas que, en principio, son muy útiles para el usuario en la navegación, como la nube de palabras clave y el RSS, no sean utilizados. Esto significa que, o bien no son necesarios estos elementos, o bien están mal utilizados o planteados. Con la nube de etiquetas está claro que es la segunda opción: mal uso o mal planteamiento. Como hemos visto anteriormente, no parece estar bien planteado el uso de las etiquetas y ahora, visto el uso del usuario, se confirma que hay que replantearlo por completo. Una posible solución sería reducir el número de etiquetas de la nube u organizarlas según el tema o alguna otra relación. Análisis del rebote y las principales palabras clave Una información muy útil también es la tasa de rebote para cada palabra clave del sitio. Las palabras clave son las palabras con las que acceden los usuarios desde los buscadores u otras páginas. Por ejemplo, si introduzco en un buscador las palabras “terapia gestalt” y uno de los resultados enlaza a Gestaltnet, la palabra clave con la que hemos accedido es “terapia gestalt”. La tasa de rebote mide la cantidad de usuarios que abandonan nuestro sitio habiendo visitado sólo una página. Es decir, llegan y se van sin hacer nada, ya sea por no encontrar lo que buscan, no interesarles lo que ven, haberse equivocado... La conclusión es clara: tanto mejor cuanto menor sea la tasa de rebote de un sitio. Este análisis nos indicará qué es lo que más buscan los usuarios que acceden desde los buscadores, principalmente Google, que atrae la mayor parte del tráfico, y si encuentran lo que buscaban en nuestro sitio. Palabra clave Visitas Porcentaje de rebote (%) terrorismo intimo 197 82,74 elvira dueñas terapia gestalt 73 83,56 libros gratis de psicologia 40 55 gestaltnet 34 17,65 Rediseño completo de un portal web colaborativo 24 video malcolm parlett 32 87,5 polaridades 31 74,19 autorregulacion organismica 30 63,3 terapia gestalt valencia 30 30 libros gratis psicologia 27 55,56 gestaltnet.net 24 12,5 taller sobre autoestima 24 95,83 talleres sobre autoestima 24 91,67 eva aroca belmonte 23 13,04 fenomenologia del conocimiento 21 85,71 carmen vazquez bandín 18 55,56 polaridades gestalt 17 82,35 gestalnet 16 12,5 la autorregulacion 16 93,75 terapia gestalt 16 56,25 objetivos de .net 13 100 polaridades en gestalt 13 61,54 terrorismo íntimo 13 100 precontacto 11 100 psicolibros gratis 11 27,27 tecnicas gestalticas 11 100 Vamos a centrarnos en la tasa de rebote. Aunque cabe destacar que, generalmente, las palabras clave con la tasa de rebote más bajo, son también la de mayor ratio 'páginas por visita' y 'promedio de tiempo en el sitio'. Lo cual es lógico. Podemos ver que búsquedas con palabras clave sobre temas de la TG o la psicoterapia, como “polaridades” o “autoregulación”, generan bastantes visitas. En cambio, su tasa de rebote es muy alta, siempre mayor del 60% y en muchos casos rondando el 90%. Esto, unido a que el tiempo promedio que pasan en Gestaltnet es de más de un minuto, sugiere que, en su búsqueda, llegan a un artículo que habla sobre el tema que les interesa y, en cuanto acaban de leerlo, se van. Probablemente, estarían muy interesados en información relacionada con el tema y se quedarían consultándola si se la facilitamos. Otras búsquedas que generan bastante tráfico son las relacionadas con libros de psicología. Éstas suelen tener una tasa de rebote baja, lo que sugiere que, quizás, el futuro servicio de venta de libros tenga una buena aceptación. Ahora, vamos a analizar las palabras clave terrorismo intimo, terrorismo íntimo y “terrorismo intimo”. Estas palabras no son más que diferentes búsquedas en los buscadores con el mismo objetivo. Entre las tres entradas suman un total de 213 visitas (197+13+3) siendo, seguramente, el contenido que más visitas atrae. Aunque, por contra, tienen una tasa de rebote muy alta, del 82,74%. Esto es, de cada 100 visitas, 82,74 se van de Gestaltnet sin visitar ninguna otra página más. También es importante conocer el promedio de tiempo en las páginas: 1:43 min. Para comprender todo esto, habría que analizar las páginas a las que llegan los usuarios cuando hacen la búsqueda. Hemos comprobado que sólo hay dos páginas a las que acceden: la reseña del libro “Terrorismo íntimo” y una entrada del foro general en la que un usuario recomienda la lectura del libro. Aplicando la herramienta de “superposición del sitio” observamos que: • En el primer caso, después de leer la reseña un 6,6% de los usuarios sigue navegando por la web; un 83% abandona la web; un 10% pulsa el link “Terrorismo íntimo”. • En el segundo caso, un 28% se dirige al Foro General, mientras que el 72% abandona Gestaltnet. Podemos ver que el primer caso es más grave por varios motivos. En primer lugar, el porcentaje de abandono es más alto. En segundo lugar, hay una confusión con el link “Terrorismo íntimo”, ya que no es más que un enlace al mismo sitio y probablemente los usuarios lo sigan, esperando encontrar más información sobre el libro (esta confusión es igual a la que encontrábamos con el link a Inicio de la página inicial). Y, finalmente, es una página mucho más visitada que la entrada del foro. Rediseño completo de un portal web colaborativo 32 Comentarios al respecto: • Encuentra elementos repetidos como “Revistas” o “Blogs” que son contenidos. Los eliminaría. • Las etiquetas “Depresión” y “Angustia” son demasiado similares. Usando una de las dos es suficiente. • Echaba en falta y añade algunas etiquetas como “Psicosis”. • Las etiquetas de sobre “Teoría del self” no están bien usadas porque faltan varias para que esté completo. O se ponen todas las que faltan, o se quitan todas (egotismo, función personalidad...) dejando sólo la de “Teoría del self”. • No se le ocurren nombres para los grupos que ha creado. 33 Comentarios sobre el estado actual de la web: • Le costó bastante hacerse miembro, no encontraba dónde hacerlo. • No están claros la estructura ni el objetivo de la web. • El tipo de letra usado está muy junto. 2.- Usuario número 2. Datos básicos: Usa la web 2 o 3 veces por semana. Aporta contenidos a menudo y conoce bien las secciones que utiliza (laboratorio, actividades...). Resultados de su ordenación de Contenidos: Comentarios al respecto: • El grupo de “Noticias” está muy relacionado con los de al lado. Resultados de su ordenación de Etiquetas: Rediseño completo de un portal web colaborativo 34 Comentarios al respecto: • La etiqueta “Organizaciones”, ¿habla sobre Psicología de las organizaciones, o sobre Organizaciones, Centros, etc.? • La etiqueta de “Terapia de caballos” no es necesaria. Está por un curso solamente. • Las tres columnas siguientes (grupos) están muy relacionados entre sí. • Elimina un grupo de etiquetas. • La etiqueta “XI Congreso” la elimina. Ya está pasado. • Las etiquetas “Blogs” y “Bibliografías” son contenidos: “Enlaces a blogs” y “Listados de bibliografías”. Comentarios sobre el estado actual de la web: • Es difícil de encontrar el Laboratorio de Traducción. • Da la sensación de que hay demasiada información. • Podría haber un índice con los artículos o que estuvieran mejor ordenados, para poder encontrarlos más fácilmente. • En la bibliografía podría salir la reseña de los libros. 35 3.- Usuario número 3. Datos básicos: Utiliza la web habitualmente. Suele aportar cosas y la conoce bien. Resultados de su ordenación de Contenidos: Comentarios al respecto: • La columna (grupo) 3 podría llamarse “Área documental”. • El contenido “Instalaciones” está muy relacionado con el grupo formado por “Chat” y ”Foro”. • El “Laboratorio de traducción” es un grupo independiente aunque muy relacionado al grupo de “Artículos”. Rediseño completo de un portal web colaborativo 36 Resultados de su ordenación de Etiquetas: Comentarios al respecto: • Teoría del Self: faltan cosas. • Un grupo de etiquetas no se relacionan con nada. Se eliminan. Comentarios sobre el estado actual de la web: • Faltaría una sección de “Qué es la TG”. Es un apartado básico que explicaría qué es la TG y que definiría a Gestaltnet dentro de las corrientes de TG que existen. • La “Teoría del self” junto a las etiquetas que faltan se incluirían dentro de “Qué es la TG”. 37 • El grupo de “Psicopatología” iría también dentro de “Qué es la TG” como un subgrupo que podría llamarse “Clínica”. • La página es confusa, falta cohesión. 4.- Usuario número 4. Datos básicos: La usa mucho, aporta a menudo y la conoce bien. Resultados de su ordenación de Contenidos: Comentarios al respecto: • “Instalaciones/Locales” está muy relacionado con “Formaciones” y con “Actividades”. Estaría a caballo entre los dos grupos. Rediseño completo de un portal web colaborativo 38 Resultados de su ordenación de Etiquetas: • La fila (grupo) de abajo en la foto son etiquetas relacionadas bajo el nombre de “Salud y enfermedad”. El grupo de “Psicopatología” también. Quedando un grupo llamado “Salud y enfermedad” con dos subgrupos. • “XI Congreso”, fuera. Ya ha pasado. • “Teoría del self”, faltan cosas. • “Recursos en internet”, “Blogs”, etc., pueden ser contenidos. • Propone una sección llamada “Qué es TG por dentro” dividida en: “Qué es PT”, “Escuelas” y “Práctica de la terapia”. • Además, “Práctica de la terapia” estaría junto al grupo de “Polaridades”, “Mitos”, etc. Como talleres o “Cursos” posibles a hacer. • El grupo de “Recursos en internet”, “Asociaciones profesionales”, etc., no sabe con qué relacionarlo y, además, están repetidos. Analizando los resultados de la primera sesión • Sobre la ordenación: Pese a que sólo hemos hecho la primera sesión y hemos trabajado con la mitad de los usuarios, podemos ya extraer algunas conclusiones. Los usuario 3 y 4 son los que más coinciden. Al ver algunas etiquetas echan en falta otras. Por ejemplo, los diferentes campos de la Teoría del Self (Cuerpo, Egotismo, Confluencia...). Ambos usuarios coinciden en relacionar algunos conceptos “desde el punto de vista de la Gestalt” (Cuerpo, Neurosis, Función personalidad...). Los cuatro usuarios coinciden en separar las etiquetas que hablan sobre conceptos de la Gestalt o de psicoterapia de las que hacen referencia a contenidos (biografías, revisas, blogs...). También relacionan Blogs con Chats y Foros. Los cuatro eliminarían la etiqueta XI Congreso, porque el citado congreso ya ha pasado. La etiqueta Organizaciones les parece que puede entenderse de dos formas distintas, crea ambigüedad. No encuentran una diferencia clara entre terapia y formación a la hora de hacer la ordenación. Lo encuentran muy relacionado. • Sobre la página web: Algunas de las dificultades que encuentran en la página son: dificultad para encontrar algunos contenidos como el traductor de artículos, problemas para registrarse como miembros y para acceder a la intranet. 39 Para llegar a un artículo determinado hay que buscarlo uno a uno entre todos los artículos publicados. No queda claro del todo el objetivo de Gestaltnet y, en la primera página, la sección de Eventos y Anuncios no ayuda, porque no se diferencian entre sí. No encuentran una estructura clara en la página principal. Con tanta información “se pierden un poco”. El usuario número 3 ve necesaria una introducción en la que se expliquen las corrientes de la TG. Segunda sesión Teniendo en cuenta los resultados del primer día, quedado claro que algunas tarjetas de etiquetas estaban repetidas o eran confusas o innecesarias y, por ello, se han eliminado. Esta decisión se ha tomado teniendo en cuenta los comentarios de los usuarios y los resultados de los dendogramas (explicados en el siguiente punto) Las tarjetas eliminadas son: Literatura, Revistas, Biografías, Bibliografías, Recursos en internet, Blogs, Cursos, Escuelas, Asociaciones profesionales; XI Congreso, Organizaciones, Educación, Temporalidad, Integración de lo diferente, Mitos; las que tratan sobre Teoría del Self, ya que esta tarjeta engloba a todas. 5 – Usuario número 5. Datos básicos: Conoce la web. La visita de vez en cuando, aunque no participa ni aporta contenidos. Resultados de su ordenación de Contenidos: • Los grupos de 'Formaciones', 'Actividades' e 'Instalaciones' son independientes aunque muy relacionados entre sí. • Los grupos de la columna de la izquierda ('Noticias', 'Artículos' y 'ForoChat') y el grupo de su derecha ('Editoriales') están muy relacionados. Resultados de su ordenación de Etiquetas: • Llama así a los grupos: 'Práctica (de la terapia)', 'Teoría', 'Aplicaciones' y 'Síntomas'. Al último no se le ocurre un nombre que lo describa. Comentarios sobre el estado actual de la web: • A veces al buscar contenidos que parece que están en la web, no los puede encontrar. 6 – Usuario número 6. Rediseño completo de un portal web colaborativo 40 Datos básicos: La usa poco. No conoce toda la web. Resultados de su ordenación de Contenidos: • Ha formado seis grupos. • Los links deberían unirse y ser una sola sección. • Faltaría una sección de 'Contacto'. Sección específica con información para contactar con Gestaltnet. Resultados de su ordenación de Etiquetas • Crea tres grupos. Los dos primeros, destinados a Pacientes y el último a Terapeutas. 7 – Usuario número 7. Datos básicos: Conoce la web. El único contenido que ha aportado es un artículo que está traduciendo. Resultados de su ordenación de Contenidos Le siete salen grupos: • Links a blogs, Links sobre TG, Links a recursos. • Bibliografías, Artículos de revistas y de miembros, Entrevistas, Reseñas, Editoriales, Noticias de Gestaltnet y de la psicoterapia. • Instalaciones, Centros de Terapia y de Formación. • Chat, Foro. • Conferencias, Congresos • Formaciones, Actividades. • Laboratorio de traducción. Resultados de su ordenación de Etiquetas • Le salen cuatro grupos: 'Objeto de la TG', 'Método de trabajo', 'Tipos de Terapia' y 'Complementarios a la Terapia'. 8 – Usuario número 8. Datos básicos: Conoce bien la web, aunque sólo como lectora. Últimamente “se pierde en la web”. Resultados de su ordenación de Contenidos: • Encuentra seis grupos. 41 Resultados de su ordenación de Etiquetas • Son ocho grupos, aunque uno de ellos (Comunicación, Temporalidad y Polaridades) está formado por etiquetas que no se relacionan con nada. Este grupo podría eliminarse. 9 – Usuario número 9. Datos básicos: No conoce la web. No es terapeuta. Resultados de su ordenación de Contenidos: • Forma siete grupos. • El grupo de 'Chat' muy relacionado al grupo de 'Noticias'. El grupo de 'Congresos' muy relacionado al de 'Actividades'. Resultados de su ordenación de Etiquetas: • Forma siete grupos. El grupo formado por 'Trabajo social', 'Fenomenología', 'Temporalidad' y 'Relaciones de poder' no se relaciona con nada. Dendogramas Una vez recopilados todos los datos resulta muy útil realizar un análisis estadístico y representarlos gráficamente. Este análisis junto con las opiniones individuales de cada usuario nos permitirán comprender mejor los resultados y llegar más fácilmente a una decisión. Para ello, vamos a utilizar la herramienta Card Sword, un software con licencia libre que nos permite analizar y convertir en datos discretos los resultados del Card Sorting y construir, a partir de ellos, dendogramas. Los dendogramas son diagramas que muestran la clasificación jerárquica y la cercanía entre los grupos. Analizando la agrupación que han hecho los usuarios, el dendograma nos mostrará qué elementos están más relacionados entre sí y qué grupos jerárquicos forman. Además, nos permite crear un diagrama según la distancia entre los elementos que queramos tener en cuenta. Por ejemplo, podemos ver en los dendogramas de contenidos que el 100% de los usuarios agruparon conjuntamente las Reseñas de Libros y los Listados de Bibliografía. Tienen un 100% de coincidencia, o su distancia es igual a cero. A medida que nos acercamos al 100% de coincidencia, el número de grupos formados tiende a N, donde N es el número de elementos a agrupar. Es decir, cada elemento formaría un grupo distinto. Rediseño completo de un portal web colaborativo 48 o Teoría de Campo, Teoría del self, Fenomenología • Bloque 2: o Práctica de la terapia, Qué es psicoterapia • Bloque 3: o Terapia de grupo, Terapia infantil, Terapia de pareja, Terapia con caballos, Terapia existencial, Trabajo social • Bloque 4: o Cuerpo, Comunicación, Emociones, Relaciones de poder, Intimidad, Sexualidad, Amor romántico, Polaridades • Bloque 5: o Ansiedad, Depresión, Angustia, Neurosis, Salud y enfermedad • Bloque 6: o Neuropsicología, Psicofarmacología, Psicodiagnóstico, Psicopatología Además, entre estos bloques, guardan bastante relación el primero con el segundo y el cuarto con el quinto. Las entrevistas con los usuarios nos han ayudado a que nos transmitan algunas dudas o sugerencias. Lo más importante es que a muchos usuarios tienen problemas para encontrar lo que buscan, se pierden ante tanta información. También hemos podido saber que el calendario de eventos y actividades no les resulta demasiado útil. Nuevas necesidades Por último, debemos tener en cuenta las nuevas necesidades que han surgido en Gestaltnet. • Venta de libros En primer lugar, se va a crear un servicio de venta de libros de psicología, psicoterapia y TG a través de la web. Habrá dos tipos de venta: 1. Gestionada directamente por el equipo de Gestaltnet. 2. A través de Amazon. Se mostrarán libros interesantes o reseñas de libros que permitan acceder al Amazon para comprarlos. Los dos tipos de venta deberán estar lo mejor integradas posible. • Mapas Una nueva herramienta serán los mapas. Habrá que integrar mapas para facilitar la búsqueda geográfica de eventos u otros elementos. Añadiremos un contenido nuevo, las Asociaciones. Su contenido será semejante al de los Centros de Terapia, pero en este caso se refieren a colegios y asociaciones de psicología y psicoterapia. 49 • Anuncios Otro nuevo servicio, será la posibilidad de que centros de terapia y centros de formación puedan anunciarse en la web. Los usuarios que deseen anunciarse deberán pagar una cuota para ello. Los anuncios también podrán aparecer en mapas. • Dinamización del trabajo colaborativo Para intentar mejorar y dinamizar del trabajo colaborativo, los usuarios tendrán la posibilidad de crear grupos de trabajo, tanto para las traducciones, como para debatir y compartir la información que deseen. También hay que mejorar el carácter social de Gestaltnet. Para ello se crearán nuevas herramientas para la mensajería privada entre usuarios o para gestionar más cómodamente los comentarios. Se deben integrar, además, redes sociales como Twitter. • Promocionar los servicios web Por último, tenemos que dar a conocer y promocionar los servicios web que ofreceremos para terapeutas y asociaciones de psicología: creación de páginas web, social media, posicionamiento, etc. Rediseño completo de un portal web colaborativo 50 7. Nuevo diseño Para realizar el nuevo diseño con éxito vamos seguir una serie de pasos. Lo más importante será conseguir una nueva arquitectura de la información que se adapte a nuestras necesidades. En primer lugar, tenemos que diseñar la nueva estructura de los contenidos. Para ello, clasificaremos las etiquetas de modo que el usuario las comprenda y le sean útiles. Seguidamente, agruparemos de forma jerárquica los distintos contenidos, teniendo en cuenta los resultados obtenidos hasta ahora en el Card Sorting y las entrevistas. A continuación, definiremos detalladamente cada elemento de contenido: qué es, qué información contiene y cómo será su etiquetado. Teniendo en cuenta que puede ser que cada tipo de contenido no tenga la necesidad de usar las mismas etiquetas. También indicaremos qué contenidos son especialmente interesantes para cada perfil de usuario, con la intención facilitarles su búsqueda. Después tendremos que elegir las herramientas de navegación que utilizaremos, cambiando, eliminando o añadiendo lasque nos hagan falta. Esto incluye también el diseño de los menús o submenús que utilicemos y las herramientas propias para cada sección de contenido. Finalmente, explicaremos cómo será la navegación entre las distintas páginas y detallaremos, gráficamente, cómo serán ésas páginas mediante wireframes. 1.- Sistema de etiquetado Las etiquetas, como hemos visto tras el Card Sorting, han quedado agrupadas en seis bloques. 51 Agrupación de etiquetas de los usuarios Como hemos dicho, en los dendogramas podemos ver que algunos grupos guardan relación con otros (bloque 1 y bloque 2, por ejemplo). El bloque 1 contiene etiquetas que hacen referencia a conceptos teóricos de la Terapia Gestalt y en el bloque 2 encontramos etiquetas referidos a la práctica de la terapia. Nos parece lógico, por tanto, formar un solo grupo con estos dos bloques: “Teoría de la TG”. El bloque 3 contiene información sobre distintas aplicaciones de la terapia en diversos ámbitos: terapia infantil, de grupo, de pareja, trabajo social, etc. Un nombre como “Ámbitos de aplicación (de la terapia)” nos parece que describe adecuadamente el contenido de este grupo. Los bloques 4 y 5 guardan también relación entre ellos. Etiquetas como Cuerpo, Emociones, Ansiedad o Depresión podemos considerarlas como temas específicos de la terapia. Nos parece lógico formar un único grupo a partir de estos dos bloques. Un descriptor adecuado para el grupo podría ser algo como “Temas específicos” o “Temas de terapia”. Finalmente, hemos decidido, a propuesta de un usuario (terapeuta), llamar a este grupo “Conceptos”. Nos ha parecido más clara y concisa este título. El bloque 6 está formado por etiquetas referidas a distintas ramas de la psicología. A priori, parece bastante fácil poner un nombre a este grupo. Nombres como “Rama de la psicología/psicoterapia”, “Disciplina”, “Escuela terapéutica” o “Corriente” describirían bastante bien el contenido de este grupo. Pero, en realidad, aquí nos surge un pequeño problema que no estaba planificado dentro del proceso de la organización de contenidos. En la Terapia Gestalt encontramos distintas “formas de pensamiento”. Una en concreto no entiende la TG como una disciplina o vertiente dentro de una organización jerárquica de la psicología, ni tampoco considera que la TG se divida varias ramas. Por tanto, el nombre que utilicemos puede generar conflicto. Rediseño completo de un portal web colaborativo 52 Después de pensar y discutirlo con algunos usuarios terapeutas, y dada nuestra necesidad de clasificar la información de forma comprensible, hemos intentado encontrar un nombre válido, lo suficientemente explicativo y lo menos “conflictivo” posible: “Línea teórica”. A su vez, en este grupo entrarían también nuevas etiquetas que designen cualquier línea teórica de la psicología y la psicoterapia: Psicoanálisis, Bioenergética o la propia TG. Por otro lado, hemos encontrado necesario distinguir los documentos de tipo divulgativo de los de tipo más especializado. Los usuarios sin conocimientos o con conocimientos básicos sobre la TG, necesitarán documentos de nivel divulgativo. Mientras que los terapeutas o estudiantes de psicología, harán uso de documentos de mayor nivel. Hasta ahora, para saber si un texto era muy técnico el usuario no tenía otra opción que leerlo. Por eso, hemos creído conveniente la creación de etiquetas que faciliten este trabajo. Así pues, la estructura de las etiquetas quedaría así: Agrupación de etiquetas definitiva 2.- Estructura de los contenidos, jerarquía de los grupos Los resultados del Card Sorting, nos indican que, para los usuarios, tenemos siete grupos principales de contenidos. Partiendo de esta base, estudiaremos la mejor forma de organizar los contenidos: reagruparemos, eliminaremos y añadiremos lo que haga falta. Además, daremos un nombre descriptivo cada grupo, intentando que sean lo más cortos y explicativos posibles. 53 Agrupación de contenidos de los usuarios Bloque 1: Este grupo quedará formado por todos los contenidos que tenía hasta ahora: Laboratorio de traducción, Editoriales de Gestaltnet, Artículos de revistas, Artículos de miembros, Reseñas de libros, Listados de bibliografía, Entrevistas. Además, los Grupos entrarán a formar parte de esta sección. Respecto al nombre de este bloque, en un principio nos decantamos por llamarlo “Biblioteca de la Gestalt” aunque, finalmente, se nos ha ocurrido un nombre que da a entender lo mismo, pero en una sola palabra: Gestaltoteca. Lo entendemos como “lugar donde se guarda (-teca) todo la información sobre la Terapia Gestalt”. Nos parece un nombre lo suficientemente descriptivo y llamativo para esta sección. Bloque 2: Incluye las Noticias de Gestaltnet y las Noticias del mundo de la psicoterapia Hemos pensado que “Noticias” es lo suficientemente descriptivo, por ser un nombre estándar que todo el mundo entiende. El bloque 3, se explicará después del bloque 5. Bloque 4 Lo forman Centros formativos, Centros de terapia e Instalaciones / Locales. Usaremos los mapas como herramienta principal de navegación en esta sección. Los usuarios suelen buscar los centros más cercanos en su región, así que un mapa en el que estén situados todos, hará muy fácil su búsqueda. Rediseño completo de un portal web colaborativo 54 Un nombre adecuado nos pareció Mapa de la Gestalt. Aunque, finalmente, siguiendo el ejemplo de la Gestaltoteca, nos hemos decantado por GestaltMaps, un nombre llamativo, conocido, por su relativo parecido a Google Maps, y suficientemente descriptivo. Añadiremos también a este grupo el nuevo contenido Asociaciones. Además, el tipo de contenido Instalaciones/Locales lo renombraremos Espacios, mucho más conciso. Bloque 5 Contiene: Actividades de terapia de larga duración, Actividades de terapia de fin de semana, Formaciones de larga duración y Formaciones de fin de semana Se han estudiado opciones para describir este bloque como “Gestaltnet propone”, “Gestaltnet sugiere”. Aunque han sido descartadas, ya que las actividades aquí anunciadas serán creadas por los usuarios, no por el equipo de Gestaltnet. Una solución que no da a entender que las actividades las organiza directamente Gestaltnet y, a la vez fácilmente reconocible, por ser totalmente estándar, es “Agenda”. Bloque 3: Formado por Congresos y Conferencias Los contenidos de este bloque se integrarán en el bloque de actividades de terapia y formaciones (bloque 5). Pese a estar en bloques separados en los resultados, al tener una fecha concreta, puede encajar adecuadamente bajo el nombre de Agenda. Bloque 6: Formado por Links sobre TG, Links a recursos y Links a blogs Los links que en realidad sean anuncios (de terapeutas, de centros de formación, etc.), pasarán a la sección correspondiente en GestaltMaps. Los demás, podrán incluirse en los grupos de trabajo, perfil del usuario, etc. Por tanto, no habrá una sección específica para ellos. Bloque 7: Formado por Chats y Foros Los Chats los eliminaremos a causa de la falta de uso debido a la existencia de herramientas que ofrecen un mejor servicio. A cambio, los usuarios contarán con Grupos y mensajería interna para comunicarse y dinamizar su trabajo. Los foros se mantienen. Otro bloque de información necesario será “Sobre Gestaltnet”. Aquí tendremos toda la información sobre Gestaltnet: quiénes somos, compromiso ético, política de privacidad, política de publicación, etc. También contendrá todos los textos explicativos que aclaren posibles dudas sobre el funcionamiento de la web: cómo publicar artículos, cómo anunciarse, cómo comprar libros, etc. 55 Agrupación definitiva de los contenidos 3.- Descripción detallada de los tipos de contenido Los tipos de contenidos del nuevo diseño de Gestaltnet serán los que ya existían, con los cambios oportunos, más los que surgen de las nuevas necesidades. A continuación enumeraremos todos los tipos de contenido, detallando todas sus características: qué información representan, cómo será su etiquetado y que campos de información necesitan. Contenidos de la Gestaltoteca Empezaremos por los contenidos de la Gestaltoteca. Por un lado, tenemos los artículos, reseñas, bibliografías, editoriales y entrevistas (este grupo lo denominaremos “Artículos”) que tendrán la misma estructura. Las Reseñas serán resúmenes o trabajos sobre un libro concreto. Si el libro al que hace referencia la Reseña está disponible en Gestaltnet, estos dos contenidos estarán vinculados. De modo que se podrá acceder al Libro desde la Reseña, y desde el Libro a todas las Reseñas que le hagan referencia. Las Bibliografías serán colecciones sobre temas concretos. Una bibliografía contendrá un conjunto de referencias bibliográficas o links a documentos sobre un tema concreto. El tipo Artículo incluirá los siguientes campos de información: • Título del artículo. • Autor: contendrá el nombre y apellidos del autor del documento. Es decir, quién lo ha escrito originalmente, no quién lo ha aportado a Gestaltnet. Rediseño completo de un portal web colaborativo 56 • Tipo de documento: si es un Artículo, una Reseña, una Entrevista, etc. • Lugar de publicación: nombre de la revista donde se ha publicado el documento. Si no proviene de ninguna publicación se dejará en blanco. • Extensión: número de páginas del documento. • Fecha de publicación. • Campo de texto donde irá el cuerpo del artículo. • Imagen, opcionalmente. Además, utilizará todos los grupos de etiquetas en su sistema de etiquetado: • Teoría TG • Ámbito de aplicación • Línea teórica: • Conceptos • Nivel. Por otro lado, tendremos los Libros, nuevo tipo de contenido necesario para la venta de libros. Contendrán los siguientes campos de información: • Título del libro. • Autor: contendrá el nombre y apellidos del autor del libro. • Editorial: editorial que lo ha publicado. • Reseñas sobre el libro. La reseña o reseñas que se hayan publicado en Gestaltnet sobre el Libro. • Extensión: número de páginas del Libro • Tamaño: medidas del libro... • Fecha de publicación. • Precio de venta. • Tipo de venta: indicará si la venta se gestiona en Gestaltnet o en Amazon. • Imagen, opcionalmente. • Listado de Reseñas disponibles en Gestaltnet. Como vemos, el Libro no necesitará un campo que informe sobre el tipo de documento. Los Libros están bastante diferenciados del resto de documentos de la Gestaltoteca. Utilizará el siguiente sistema de etiquetado: • Ámbito de aplicación • Línea teórica • Conceptos Contenidos de la sección GestaltMaps Los tipos de documentos que contendrá la sección GestaltMaps son: • Centros de Formación: centros que den formación en psicoterapia. 57 • Centros de Terapia: terapeutas que anuncien sus consultas. • Espacios: instalaciones y locales que estén disponibles en alquiler para organizar actividades relacionadas con la psicoterapia. • Asociaciones: asociaciones y colegios de psicología y psicoterapia. Los campos de información comunes a todos los tipos de contenidos son los siguientes: • Datos de contacto o Nombre o Teléfono o Mail o URL o Dirección • Campo de escritura libre. Para que puedan explicar lo que necesiten. • Datos de geolocalización. El anunciante deberá señalar en un mapa la localización del contenido que registre. Los Centros de Terapia y los Centros de Formación utilizarán los siguientes grupos de etiquetas: Ámbito de aplicación y Línea teórica. Para los Centros de Formación habíamos pensado, en un principio, incluir un campo en el que se señalase la estructura de la formación que se imparte. Esto estaba pensado para diferenciar las formaciones generales en TG, de los cursillos o talleres de unas pocas horas y las supervisiones. Pero, finalmente, hemos decidido que no será de utilidad, puesto que prácticamente todos los centros incluirán los tres tipos de estructura. De las Asociaciones sólo hay que añadir que su localización se corresponderá con la dirección de su sede oficial. Las asociaciones y los colegios profesionales suelen tener varias delegaciones en diversas ciudades. Lo más sencillo de implementar es que el campo de geolocalización incluya sólo una dirección. De este modo facilitamos su implementación y no perdemos información, ya que en el campo de escritura libre se pueden añadir todos los datos que se necesiten. Los Espacios tendrán dos campos más de información: • Aforo máximo: número de personas que caben en el local. • Tipo de espacio, según el uso que se le puede dar. o Sala de grupo o Sala de terapia o Salón de actos o Hospedaje o Entorno natural Contenidos de la Agenda Los contenidos incluidos en la Agenda se llamarán Actividades, y contendrán la siguiente información: • Título de la actividad. • Tipo de actividad: o Actividad terapéutica o Actividad formativa Rediseño completo de un portal web colaborativo 64 • Slider con las opciones del tercer perfil: • Slider con las opciones de los servicios web: Herramienta “more like this” Esta herramienta de navegación sirve para sugerir al usuario elementos relacionados a los que está viendo actualmente. Muestra varios elementos según las facetas en las que esté incluido: más elementos del mismo tipo, del mismo ámbito de aplicación, del mismo autor, etc. Este herramienta ayuda a que los usuarios sigan navegando por la web (disminución de la tasa de rebote) una vez han visitado el documento que les interesaba. 5.- Proceso de compra Con la introducción de un nuevo servicio de venta de libros, se hace necesario diseñar un proceso de compra sencillo para los usuarios. Tendremos dos tipos de venta distintos, uno gestionado por Gestaltnet y el otro por Amazon. El primero estará implementado en nuestra web con un carro de la compra propio y el segundo, implementado con la API de Amazon y el carro de la compra de la Amazon Store. 65 Para no generar confusión habrá que integrar las dos compras de forma clara. Por un lado, estará todo el proceso explicado en “Cómo comprar” en la sección “Sobre Gestaltnet”. Esta información estará accesible para el usuario cuando vaya a empezar el proceso de compra. Por otro lado, el acceso a los Libros será indistinto. No importará mediante qué tipo de venta está disponible el libro para poder acceder a él. Una vez acceda, junto a toda su información asociada, se indicará qué tipo de venta tiene. En el momento en que seleccione la opción “Comprar”, se iniciará la venta: bien añadiendo el libro al carro de la compra de Gestaltnet, o bien accediendo a la Amazon Store. Por lo demás, el carro de la compra funcionará de la manera tradicional. 6.- Potenciar el carácter social de la web Gestaltnet es un portal web colaborativo y pretende ser un punto de encuentro para los interesados en la TG. Por tanto, el modo en que los usuarios puedan interactuar es crucial para cumplir los objetivos. Grupos Una de las herramientas más importantes es el Laboratorio de traducción, en el que los usuarios trabajan conjuntamente para traducir documentos. En el nuevo diseño vamos a mantener esta herramienta y, además, intentaremos potenciar este tipo de trabajo. La principal herramienta para ello serán los Grupos, donde los usuarios tendrán un espacio en el que compartir información. El Laboratorio estará integrado como un grupo más. Los usuarios podrán crear grupos privados o públicos, según la función del grupo. Por ejemplo, grupos públicos para el estudio de tema cualquiera, o grupos privados de trabajo. Se podrá trabajar de manera colaborativa, como se hace en el Laboratorio de Traducción y crear wikis. Los usuarios pueden tener blogs internos, listas de correo, RSS propio; pueden organizar un calendario de eventos del grupo o reuniones virtuales de usuarios, etc. Distinguiremos cuatro tipos de grupos: • Grupos geográficos: son los grupos que reúnan a los usuarios de una zona geográfica determinada. Por ejemplo, un grupo de terapeutas de la Comunidad Valenciana. • Grupos de trabajo, dedicados al trabajo sobre psicoterapia: traducción, redacción, etc. • Grupos de debate. Para debatir sobre temas concretos. • Grupos de eventos. Creados expresamente con motivo de la preparación de eventos. Rediseño completo de un portal web colaborativo 66 En esta imagen podemos ver como ejemplo el grupo DevOps de Drupal. Un grupo de trabajo sobre desarrollo en Drupal2. Mensajes privados Dotaremos a los usuarios de la posibilidad de enviarse mensajes privados entre ellos. Con esta herramienta, mejorarán las relaciones entre usuarios, ya que dispondrán de una herramienta para dialogar o compartir información de forma privada. La mensajería interna estará integrada en el Perfil de cada usuario. Desde ahí se tendrá acceso a la bandeja de entrada y la gestión de los mensajes. Comentarios En todos los tipos de contenido, los usuarios podrán añadir Comentarios. Así expresarán un opinión respecto al documento: qué les ha gustado o no, ideas que añaden, link a otros recursos, 2 Drupal DevOps; [En línea] Fecha de consulta: 26/09/2012; Disponible en: http://groups.drupal.org/devops 67 etc. Los comentarios podrán ser valorados por el resto de usuarios, como forma de destacar los que aporten ideas más útiles u opiniones más interesantes. En cada comentario constará un título, el nombre del usuario, la fecha de publicación, la valoración y el cuerpo del mensaje. Todos los comentarios de cada usuario podrán encontrarse también en su Perfil. Valoraciones De forma parecida a los comentarios, los usuarios también podrán votar los documentos que les gusten. Esto es, destacar los documentos más votados, los favoritos de los usuarios, en cada sección. Cada valoración supondrá un voto más para el documento. Elementos más comentados y valorados Esta herramienta mostrará a los usuarios los elementos más valorados o los más comentados de Gestaltnet. Twitter y Facebook Las redes sociales tienen actualmente un uso mayoritario entre todos los tipos de usuarios. Una forma de dar a conocer la web y aportar dinamismo es integrarla con alguna red social, como Twitter. Los usuarios podrán seguir los últimos documentos creados a través de nuestra cuenta de Twitter. De modo que los usuarios de esta red social podrán estar al tanto de las novedades en Gestaltnet y, a la vez, nuestros usuarios podrán seguir las novedades en TG que vayan apareciendo en Twitter. Tendrán también la opción de compartir documentos a través de Twitter y Facebook. Referencias y contenidos que “siguen” los usuarios Basándonos también en herramientas que usan las redes sociales, vamos a añadir dos opciones nuevas. Por un lado, los usuarios podrán “seguir” lo que les guste. El funcionamiento es el mismo que el botón “Me gusta” de Facebook. La idea es que los usuarios puedan seguir los Centros de Terapia o de Formación que aprecien, así como las Asociaciones o Espacios. Por otro lado, también podrán indicar sus Referencias. Es decir, aquellos elementos que el usuario considera de referencia para él. Podrán ser Artículos, Libros, Centros, etc. Ambas opciones estarán integradas en el Perfil del usuario. Rediseño completo de un portal web colaborativo 68 RSS, Recomendar a amigo Otras herramientas que teníamos en el diseño original de la web y vamos a mantener en el nuevo diseño son el RSS y la opción de recomendar un contenido a un amigo por correo electrónico. Nos ha parecido útil mantenerlas debido a su facilidad de implementación y el alto grado de conocimiento que los usuarios, en general, tienen de ellas, pese a que su uso era bastante bajo. 7.- Perfil de usuario Los usuarios tienen un perfil en el que se recoge información sobre ellos que ellos mismos añaden. Además podemos encontrar todos los contenidos que han aportado: documentos, comentarios, eventos, etc. Junto al contenido que tenemos, necesitaremos integrar también los Grupos de los que forma parte, los Anuncios que ha publicado, la mensajería privada, las cosas “que sigue” y sus Referencias. 8.- Publicación de anuncios A partir de ahora tendremos la opción de que los usuarios publiquen anuncios de pago en la web. Por un lado, se podrán anunciar Centros de Terapia y de Formación, Espacios, Asociaciones y Actividades. Y, por otro, tendremos anuncios destacados en la Agenda, para las actividades que quieran aparecer de forma más visible, y en la Gestaltoteca, para anuncios sobre temas editoriales. Estos anuncios destacados aparecerán en forma de banner en una zona bien visible, de modo que destaque lo suficiente frente a los anuncios normales. Para las Actividades, el pago será por un período de tiempo determinado, pudiendo elegir el anunciante cuánto tiempo aparecer. Se considerarán actividades “activas” las que estén dentro de ese plazo. 69 9.- Menús y submenús. Pie de página. Logo y herramientas del usuario. Como guía en la navegación contaremos con dos menús, una zona con el logo y herramientas del usuario, y un pie de página que serán comunes a todas las secciones y harán de nexo entre todas las paginas. Los menús, el logo y las herramientas del usuario aparecerán en la parte superior de todas las páginas. El pie de página, en la parte inferior. Menú sobre Gestaltnet Por un lado, tendremos un menú con información de ayuda sobre Gestaltnet y la forma de contacto con el equipo. Estará formado por tres elementos: • Inicio: enlace de acceso a la página inicial. • Sobre Gestaltnet: acceso a la información del bloque de contenido Sobre Gestaltnet, descrito anteriormente. • Contacto. Acceso a un formulario de contacto y explicación de cómo contactar con el equipo de Gestaltnet. Junto a este menú, aparecerá siempre el buscador general. Menú de contenidos Por otro lado, utilizaremos un menú para la navegación por los contenidos de la web. Desde él tendremos acceso a las tres secciones de contenido más importantes y a los dos elementos principales de interacción de usuarios: • Gestaltoteca • GestaltMaps • Agenda • Foros • Grupos Las Noticias no son tan relevantes como para incluirlas en el menú. Es un tipo de contenido más secundario al que sólo se tendrá acceso desde la página inicial: se listarán las últimas noticias y se dará acceso al archivo completo de las noticias publicadas. Pie de página El pie de página será también igual en todas las secciones. Tendrá una parte en forma de menú, dividido en cuatro secciones, desde el que se tendrá acceso a contenidos, y otra parte con información institucional. El menú estará estructurado así: Rediseño completo de un portal web colaborativo 70 • Sobre Gestaltnet. Acceso a la información de ayuda a los usuarios. Dará acceso a las tres secciones: o Qué o Cómo o Quién • Gestaltoteca. o Documentos o Libros en venta o Grupos de trabajo • GestaltMaps o Actividades o Centros de formación o Centros de terapia o Asociaciones o Espacios • Participa o Usuarios. Búsqueda de usuarios y acceso a su perfil. o Foros o Twitter o Facebook o RSS o Newsletter El objetivo de este menú es poner al alcance fácilmente información que pueda ser de ayuda, potenciar los contenidos más importantes de cada sección y remarcar el carácter social, presentando las principales herramientas de comunicación entre usuarios. La parte institucional contendrá acceso a la siguiente información: • Quién está detrás • Compromiso ético • Política de privacidad • Política de publicaciones Esta información sirve para transmitir seguridad a los usuarios, ya que pueden identificar fácilmente quién está detrás de la web. Logo y herramientas del usuario Habrá una zona que contendrá el logo de Gestaltnet. A lado, aparecerán las herramientas del usuario: • Log in / Log out • Registrarse • Acceso al perfil • Carros de la compra 71 10.- Wireframes Ahora que ya hemos definido detalladamente la estructura del sitio, los contenidos que albergará y las herramientas de navegación que utilizaremos, podemos afrontar, para finalizar, el diseño visual de las distintas páginas de contenido con las que contará Gestaltnet. Para ello, vamos a realizar wireframes para todas y cada una de las páginas. Los wireframes son representaciones visuales de la organización del contenido y de las herramientas de navegación de una página. No representan el aspecto final del diseño, pero sí la forma en la que se presentan los contenidos en la pantalla. Mostraremos todos los wireframes diseñados. Para cada uno, detallaremos su información relevante. Todas las páginas tendrán la misma estructura. Un menú superior, una zona con el logo, un menú de contenidos y un pie de página. Bajo el menú de contenidos y sobre el pie de página se extiende la zona que variará según la sección. En ella, tendremos una zona de contenidos, que ocupará la mayor parte de la superficie, y una zona lateral a la derecha. Además, todas las páginas principales de cada sección contendrán un área con un breve texto explicativo de la sección, de cómo buscar la información. Tendrán también acceso a respuestas a las posibles dudas que puedan generarse con los contenidos. Rediseño completo de un portal web colaborativo 72 Página principal, home 73 • El punto 1, es el menú superior con información de ayuda sobre Gestaltnet y la forma de contacto con el equipo, explicado anteriormente. • El punto 2 es la zona en la que se sitúa el logo y las herramientas del usuario. • El punto 3 es el menú principal de contenido. • El punto 4 se refiere al slider con la información de los perfiles y los servicios ofrecidos. Los demás perfiles están detallados en la parte inferior de la imagen. • Los puntos 5 y 6 hacen referencia al pie de página. En la zona de contenidos tendremos las últimas noticias, los últimos documentos publicados y la agenda. Las noticias y los documentos aparecerán por orden cronológico. Esto no será así, para las actividades de la Agenda. Debido a que los anunciantes han pagado por aparecer, si se mostraran en la página principal (la que más visitas tiene) sólo las últimas publicadas, habría actividades que se verían apartadas de la home. Por ello, se mostrará un grupo aleatorio de actividades de entre todas las que estén activas. En la barra lateral tenemos: • Herramienta para que los usuarios hagan login. • Últimos comentarios en Twitter. • Herramienta para invitar a un amigo a Gestaltnet por correo electrónico. • Últimos comentarios de los usuarios de Gestaltnet. Tenemos una página principal con un acceso claro al contenido de la web. Se puede navegar tanto directamente a una sección determinada, como a la información útil según el perfil. Además, la página tiene un aspecto dinámico. El usuario puede ver que está visitando una web activa en la que se generan noticias, documentos, comentarios, actividades y se interactúa con redes sociales. Agenda Para esta sección disponemos de dos diseños distintos. En ambos, las actividades se podrán buscar mediante un mapa y accediendo al listado de actividades. En el primer diseño, las dos opciones de búsqueda se muestran en pestañas, una opción en cada pestaña. Por tanto, se cargan el mapa y el listado a la vez. En el segundo diseño, cada opción de búsqueda está en una página distinta. Se carga o el mapa o el listado. La duplicidad del diseño se debe a que el hecho de cargar a la vez el mapa y el listado puede retardar mucho el tiempo de carga de la web si el número de contenidos es bastante elevado. Pudiendo hacer desesperante la experiencia de la por esta sección. Así que hemos decidido diseñar las dos alternativas para que, durante la implementación, se elija la opción más adecuada. Rediseño completo de un portal web colaborativo 80 • El punto 2 los anuncios destacados. • El punto 3 la búsqueda actual. Es decir, los filtros que hemos aplicado en la búsqueda por facetas. • El punto 4, las facetas. • El punto 5 es la herramienta de ordenación de los resultados. • El punto 6 es la paginación. Desde las páginas de búsqueda de actividades, sin importar el diseño elegido, accederemos a los documentos con la información referente a cada Actividad, su ficha. 81 Ficha de la Actividad: Rediseño completo de un portal web colaborativo 82 • En el punto 1 tenemos la información básica sobre la actividad: título, fecha, Organizadores, etc. • El punto 2 es el mapa que muestra su geolocalización. • El punto 3 es la imagen de la actividad. • El punto 4 muestra el campo de texto libre de la actividad. Bajo estos contenidos tenemos la opción de publicar comentarios y la lista de comentario hechos. En la barra lateral, bajo los anuncios destacados, tenemos una herramienta de navegación en la que se sugiere visitar más contenidos del mismo tipo, del mismo ámbito de aplicación, etc. Sobre Gestaltnet La página principal de la sección y desde la que se accede a todo el contenido tendrá el siguiente diseño. 83 Sobre Gestaltnet • El punto 1 son los contenidos de la sección. Tenemos tres bloques y para cada bloque, maquetados a dos columnas, se listan los enlaces de los documentos. Rediseño completo de un portal web colaborativo 84 • El 2 es el índice de los contenidos de la sección. Contiene links a todos los documentos. Pudiendo así, navegar de un documento a otro, según nuestras preferencias. • El punto 3 es la herramienta de navegación entre las distintas páginas. Podemos navegar de forma secuencial entre ellas y, también, subir de nivel, al índice del capítulo. • El punto 4 nos muestra el acceso a la información más útil para cada perfil de usuario. GestaltMaps. Esta es la página principal de la sección. Desde aquí tendremos acceso a cada uno de los tipos de contenidos del bloque: Centros de Terapia y de Formación, Espacios y Asociaciones. 85 GestaltMaps, página principal • El punto 1 es el texto explicativo: qué hay aquí y cómo encontrarlo. Contiene, también, links a las preguntas frecuentes necesarias (páginas de Sobre Gestaltnet). • El punto 2 es el acceso a cada uno de los cuatro mapas que tenemos. • El punto 3 nos sugiere Centros, Espacios y Asociaciones que se encuentren próximos del área geográfica del usuario. Rediseño completo de un portal web colaborativo 86 En esta sección ocurre lo mismo que en la Agenda. Tenemos dos diseños distintos: uno con navegación con pestañas y otro con navegación con páginas independientes. Los motivos y las soluciones propuestas son los mismos que en Agenda. Opción A: navegación con páginas independientes La página que contendrá el mapa y las herramientas de búsqueda seguirá este diseño. 87 Página del mapa • Encontramos zonas similares que en el diseño de la Agenda. Tenemos un mapa (punto 1), una herramienta de búsqueda avanzada (2, para Centros; 3, para Espacios) con acceso al listado (4). Además, se incluye un acceso a los otros tipos de mapas (punto 5). Rediseño completo de un portal web colaborativo 88 Página del listado • El punto 1 muestra los resultados de búsqueda. • El punto 2 es la búsqueda actual. • El punto 3, las facetas. • El punto 4 es la herramienta de ordenación. • El punto 5 es la paginación. 89 Opción B: navegación con pestañas Pestaña del mapa • El punto 1 señala las pestañas con las que cambiar del mapa al listado. Rediseño completo de un portal web colaborativo 96 • En el punto 1 tenemos el área con la información básica sobre el usuario: nick y nombre completo, imagen, link para enviarle un mensaje, página web y campo de texto para su descripción. • El punto 2 son los últimos comentarios y documentos que ha aportado. • El punto 3 es el listado de los elementos que “sigue”. • El punto 4, sus referencias. • El punto 5 es el acceso a la edición del perfil. Sólo tiene acceso el propio usuario. • El punto 6 es el acceso a la mensajería privada. • El punto 7 son los últimos anuncios que ha publicado. Gestaltoteca. Esta es la sección más importante de Gestaltnet. Aquí tenemos todos los documentos que se publican y los grupos de trabajo, entre los que destaca el Laboratorio de Traducción. Definiremos un diseño para la página principal, para página de resultados de búsqueda, para los documentos en general y para los Libros. 97 Página principal • En primer lugar se muestra la zona explicativa (1). Rediseño completo de un portal web colaborativo 98 • El punto 2 son las herramientas de búsqueda por facetas. Se podrá buscar por Tipo de documento, por Tipo de terapia (Ámbito de aplicación), por Concepto (Teoría TG) y por Línea teórica (Psicología). • Además, podremos seleccionar sólo los elementos de carácter divulgativo (4) y buscar por texto (3). • Se muestran los últimos documentos publicados y la última actividad en los grupos. • En la barra lateral tenemos una zona de anuncios destacados (5). • Bajo esta zona encontramos, un acceso directo a la venta de libros de los dos tipos, con la publicitar este nuevo servicio. • También remarcamos el acceso a los Grupos y mostramos los documentos más valorados y los últimos comentarios. Desde esta página, una vez hecha una búsqueda, accedemos a la página de resultados de búsqueda. 99 Resultados de búsqueda de documentos Rediseño completo de un portal web colaborativo 100 • Encontramos un listado de documentos (1) con su herramienta de paginación (5) y una zona de anuncios editoriales destacados (2). • También tenemos las opciones de la búsqueda facetada: la búsqueda actual (3), las facetas (4) y la herramienta de ordenación (5). • De cada documento del listado se muestra su título, su tipo de documento, el autor, la fecha, la valoración y el número de comentarios. Al acceder a un documento obtenemos su ficha: 101 Documento de la Gestaltoteca Rediseño completo de un portal web colaborativo 102 • El punto 1 es la información del documento: título, fecha, etc. Valoraciones y número de comentarios. Imagen asociada. Campo de texto. Además está la opción de que el usuario añada el Documento a sus referencias. • El punto 2 es la herramienta para compartir el documento con otros usuarios a través Facebook, Twitter y correo electrónico. • Los puntos 3 y 4 son los comentarios. • El punto 5, la herramienta de navegación “more like this”. Nos muestra documentos del mismo autor, del mismo tema, etc. • Además, se mantiene un acceso a la venta de Libros y los Grupos. Por otro lado, si el documento al que se accede es un Libro. Tendríamos la siguiente disposición de los contenidos. 103 Libro Rediseño completo de un portal web colaborativo 104 • El punto 1 es la información básica del Libro: título, autor, editorial y año de publicación; ámbito de aplicación, línea teórica y conceptos; valoraciones y número de comentarios. Además está la opción de que el usuario añada el Libro a sus referencias. • El punto 2 es la zona de información de venta. Tenemos el precio del libro, el tipo de venta (Amazon o Gestaltnet) y el botón para iniciar la compra. • El punto 3 es el listado de reseñas que tengamos publicadas en la Gestaltoteca sobre el libro. Puede que no haya ninguna o que haya varias. Sobre cada reseña tenemos el título, el autor, la fecha, la valoración y un breve fragmento. Además del link para acceder a la reseña completa. • El punto 4 es la herramienta de navegación “more like this”. • El punto 5 nos indica los libros más vendidos y los mejor valorados por los usuarios. Carro de la compra Así será el carro de la compra que ayudará a los usuarios a administrar las comprar que realicen en la web. 105 Carro de la compra Veremos un listado de los productos añadidos al carro de la compra con su información: imagen asociada, nombre, cantidad de elementos (con opción de modificarla) y precio. Además se muestra el precio total de la compra, un botón para limpiar el carro, lo que eliminaría los productos añadidos, y un botón para ejecutar la compra, que nos llevaría a la pasarela de pago. Tenemos, en la barra lateral, la opción para hacer login y acceso de nuevo a la venta de libros. Rediseño completo de un portal web colaborativo 112 8. Conclusiones El proyecto ha abarcado una serie de trabajos muy variados y distintos entre sí. Yo, como se ha visto, he asumido el rol encargado del diseño y la arquitectura de la información. El proyecto de rediseñar Gestaltnet ha supuesto un trabajo muy amplio y variado en el que hemos participado varias personas: • Yo, Roberto Álvarez Iglesias, he asumido el rol de diseñador y arquitecto de la información. • Un compañero, en el marco de su Proyecto Final de Carrera, se ha encargado de la implementación del portal mediante Drupal. • David Picó Vila, el director del proyecto, se ha encargado: o Como director del proyecto, de resolver las dudas y guiarme en el trabajo. o Como miembro de Gestaltnet, trabajando tanto en el diseño como en la implementación, y coordinando el trabajo de las dos partes. Dentro de la variedad de trabajos que he llevado a cabo, puedo destacar: 1.- El análisis del tráfico El análisis del tráfico de la web me parece uno de los puntos de partida imprescindibles a la hora de preparar cualquier rediseño que pretenda estar centrado en el usuario. Me ha resultado muy interesante porque me ha permitido profundizar en el uso de la herramienta Google Analytics y conocer todas las posibilidades que nos ofrece y la gran cantidad de estadísticas del tráfico que pueden obtenerse. Nos permite encontrar fallos y problemas en la navegación, contenidos que más y que menos interesan, comportamiento de los usuarios, etc. 2.- El Card Sorting El Card Sorting y el tratamiento de sus resultados mediante dendogramas también me parece uno de los puntos imprescindibles si se quiere conocer mejor cómo piensan los usuarios. Es un trabajo bastante laborioso y ocupa mucho tiempo. Hay que preparar las tarjetas, citar a un número determinado de usuarios, explicarles el proceso, llevar a cabo la ordenación, realizar las entrevistas, anotarlo todo y, finalmente, digerir los resultados. Pese a todo, la experiencia con los usuarios resulta muy agradable y fructífera. Y los resultados son muy clarificadores, nos permiten conocer de cerca la opinión de los 113 usuarios y su modelo mental. Partiendo de los resultados, y respetándolos todo lo posible, nos permiten llegar a nuevos diseños de contenidos comprensibles para los usuarios y, por tanto, que tengan buena aceptación. 3.- El proceso de diseño El proceso final del diseño también ha resultado interesante, pues ha incluido varias reuniones entre David Picó, el compañero encargado de la implementación y yo para coordinar el trabajo de diseño e implementación en las que hemos podido trabajar en equipo. Durante este trabajo en equipo, hemos tenido que pensar, debatir y probar hasta llegar al resultado deseado. El interés de esta experiencia proviene de que se ha trabajado como en un equipo real de desarrollo web. Esto me ha permitido aprender la dinámica de trabajo dentro de un equipo, realizando un trabajo coordinado entre diversas personas que asumen roles distintos, para alcanzar los objetivos fijados. 4.- El diseño de los wireframes También estoy satisfecho del diseño de los wireframes. Ha sido bastante costoso el hecho de encontrar la herramienta adecuada para hacerlos, después de probar varias, y el hecho de tener que dibujar todas y cada una de las pantallas posibles. Pero los resultados han sido muy buenos, ya que se ha conseguido definir claramente la estructura de los contenidos, las herramientas de navegación y el modo en que se mostrarán en pantalla. Partiendo de los wireframes y las explicaciones de cada uno, los responsables de la implementación sabrán concretamente qué deben hacer. Los objetivos que teníamos propuestos han sido cumplidos: • Por un lado, los nuevos servicios y contenidos hemos conseguido integrarlos correctamente con los demás. • El trabajo colaborativo y la comunicación entre los usuarios es más dinámica. Pueden crear grupos de trabajo en los que compartir información, organizar eventos y estar conectados entre ellos. Además se ha habilitado un servicio de mensajería privada entre usuarios. • La navegación es más comprensible gracias a la nueva estructura de contenidos que hemos definido y las herramientas de navegación añadidas, como la búsqueda por facetas o los mapas. También facilita la navegación el hecho de haber reunido la información más útil para cada perfil y mostrársela de manera clara. • Con herramientas como las de tipo “more like this” invitamos a los usuarios a seguir navegando por contenidos de su interés. Por los que reducimos la tasa de rebote, es decir, el número de usuarios que abandonan la web. • Por último, algunos errores que habíamos encontrado, como los links engañosos, los hemos corregido. Rediseño completo de un portal web colaborativo 114 En definitiva, el haber acabado este proyecto, me ha servido para: • Conocer en profundidad el proceso de diseño de la estructura de los contenidos de un sitio web, pasando por todas sus fases: estudio del cliente; inventario de los contenidos, estadísticas de uso de los usuarios, análisis de necesidades; Card Sorting y entrevistas, construcción de la arquitectura de la información, prototipado y wireframing, etc. • Saber realizar un diseño centrado en el usuario, de modo que el usuario se sienta cómodo navegando por la web. • Aprender cómo trabaja un equipo de desarrollo en la vida real: interactuar y coordinarse con varias personas con distintas funciones y conseguir cumplir los objetivos planteados. 115 Rediseño completo de un portal web colaborativo 116 9. Bibliografía • ROSENFELD, Louis. MORVILLE, Peter. Information architecture for the World Wide Web (2º edición); O'Reilly, 2002. ISBN: 05-960-0035-9 • RONDA LEÓN, R., (2007), La diagramación en la arquitectura de la información. No solo usabilidad. [En línea] 25/12/ 2007. [Citado el: 26/09/2012]. Disponible en: http://www.nosolousabilidad.com/articulos/diagramacion.htm • ARENCIBIA COBAS, J.; TOLL PALMA, Y.; SOTO PÉREZ, J.; TAMAYO RUEDA, D.; MOYARES NORCHALES, Y.; RIL GIL, Y. (2012), Guía práctica de Arquitectura de Información para aplicaciones multimedia educativas. [En línea] 09/02/ 2012. [Citado el: 26/09/2012]. Disponible en: http://www.nosolousabilidad.com/articulos/guia_ai.htm 117 10. Herramientas utilizadas • Google Analytics;[En línea][Consultado en: 26/09/2012] Disponible en: http://www.google.com/analytics • Card Sword; [En línea][Consultado en: 26/09/2012] Disponible en: http://cardsword.sourceforge.net • Gliffy ;[En línea][Consultado en: 26/09/2012] Disponible en: http://www.gliffy.com Rediseño completo de un portal web colaborativo 118