Publicat per

Árbol de Contenidos / APP UOC

Publicat per

Árbol de Contenidos / APP UOC

La siguiente propuesta del árbol de contenidos se diseñó para reflejar no solo la funcionalidad y la organización lógica de la información,…
La siguiente propuesta del árbol de contenidos se diseñó para reflejar no solo la funcionalidad y la organización lógica…


La siguiente propuesta del árbol de contenidos se diseñó para reflejar no solo la funcionalidad y la organización lógica de la información, sino también la experiencia y el flujo de interacción que esperamos sean de gran utilidad para el usuario, asegurando que cada sección del sitio sea fácilmente accesible y esté organizada de manera que puedan navegar intuitivamente.

Este se inicia con categorías de nivel superior basadas en las principales necesidades de los usuarios: autenticación y acceso, herramientas académicas, comunicación y colaboración, notificaciones y recursos de aprendizaje.

Al haber integrado las preferencias reales de los usuarios en la estructura de la plataforma con nuestra hipótesis, este árbol de contenidos garantiza que la solución final sea no solo técnicamente robusta, sino también increíblemente intuitiva y acogedora, resultado de un proceso de diseño meticuloso y reflexivo, que busca satisfacer las necesidades educativas y técnicas de la comunidad de la UOC, al tiempo que se facilita una navegación lógica y coherente que mejora la accesibilidad y la experiencia de este entorno educativo.

Debat0el Árbol de Contenidos / APP UOC

No hi ha comentaris.

Publicat per

Journey Map

Publicat per

Journey Map

Presentación de Escenario y User Journey Estimad@s compañeros, un muy feliz día. Comparto con ustedes el escenario y la digitalización del user journey que he construido para dar respuesta al reto, que fuera de la generalidad me ha permitido reflexionar sobre las dinámicas que se dan regionalmente, con el ánimo de que la solución final pueda ser un modelo replicable y escalable. ___ Escenario 2: “Marcos y la interacción docente” Marcos Soler, 38 años, Senior UX Designer y profesor colaborador, busca mejorar…
Presentación de Escenario y User Journey Estimad@s compañeros, un muy feliz día. Comparto con ustedes el escenario y la digitalización…

Presentación de Escenario y User Journey

Estimad@s compañeros, un muy feliz día.
Comparto con ustedes el escenario y la digitalización del user journey que he construido para dar respuesta al reto, que fuera de la generalidad me ha permitido reflexionar sobre las dinámicas que se dan regionalmente, con el ánimo de que la solución final pueda ser un modelo replicable y escalable.

___

Escenario 2:

“Marcos y la interacción docente”

Marcos Soler, 38 años, Senior UX Designer y profesor colaborador, busca mejorar la interacción con sus alumnos.

Planteamiento: Marcos quiere ofrecer un feedback constante y constructivo a sus alumnos. Para hacerlo de forma eficiente, se vale de las funciones avanzadas de la app de la UOC.

Acción: Desde su dispositivo móvil, Marcos revisa las entregas, responde consultas y utiliza el sistema de anuncios para comunicar insights relevantes. La app le permite registrar su feedback de manera ágil y acceder a la bandeja de entrada donde gestiona las comunicaciones.

Desenlace: Marcos maximiza su tiempo de enseñanza y sus alumnos se benefician de una comunicación clara y continua, lo que enriquece el proceso de aprendizaje y su propia experiencia docente.

Debat0el Journey Map

No hi ha comentaris.

Publicat per

R5. Prototipat

Publicat per

R5. Prototipat

Bones!! Prototip Comparteixo amb vosaltres el prototip de baix nivell de l’app de FiraTàrrega, on es poden fer les tasques que es mostren…
Bones!! Prototip Comparteixo amb vosaltres el prototip de baix nivell de l’app de FiraTàrrega, on es poden fer les tasques…

Bones!!

Prototip

Comparteixo amb vosaltres el prototip de baix nivell de l’app de FiraTàrrega, on es poden fer les tasques que es mostren en els 4 escenaris. També us adjunto el link per accedir al prototip fet a Figma: Wireframe Figma

Proposta de valor

Finalment, adjunto també la proposta de valor en la qual s’inclou els dos usuaris presentats en un principi.

 

Gràcies!!!!

 

Debat0el R5. Prototipat

No hi ha comentaris.

Publicat per

Propuesta de valor: Desarrollo de APP FiraTàrrega

Publicat per

Propuesta de valor: Desarrollo de APP FiraTàrrega

El desarrollo de una App móvil en el caso específico de FiraTàrrega, brinda un mundo de posibilidades que buscan aportar al crecimiento y mejora de la comunidad tanto para espectadores como colaboradores de este festival. En principio brinda la capacidad de tener en la palma de la mano y en formato portátil todo el contenido e información que la página web de FiraTàrrega brinda. Para espectadores, la App ofrece servicios para dos tipos de consumo, uno físico y otro digital.…
El desarrollo de una App móvil en el caso específico de FiraTàrrega, brinda un mundo de posibilidades que buscan…

El desarrollo de una App móvil en el caso específico de FiraTàrrega, brinda un mundo de posibilidades que buscan aportar al crecimiento y mejora de la comunidad tanto para espectadores como colaboradores de este festival.

En principio brinda la capacidad de tener en la palma de la mano y en formato portátil todo el contenido e información que la página web de FiraTàrrega brinda.

Para espectadores, la App ofrece servicios para dos tipos de consumo, uno físico y otro digital. Por el lado físico permite la búsqueda personalizada de eventos futuros y la posterior compra y acceso a boletos electrónicos evitando el uso excesivo de papel, además incluye un apartado innovador que permite al usuario poder generar un calendario personalizado de manera que pueda organizar todo un día a comodidad y pueda aprovechar al máximo el día y la amplia oferta de nuestros festivales.

Por el lado digital existe una amplia cantidad de funciones direccionados y con el objetivo de mantener a nuestros usuarios activos a lo largo de la época en donde no hay festivales presenciales y a su vez ampliar el volumen de acceso y consumo de nuestro contenido en busca de una mejora en la tasa de conversión al momento de consumir el festival de manera presencial.

Dentro de estos servicios podemos encontrar una amplia biblioteca de contenido relacionado a eventos, espectáculos y negocios presentados en ediciones pasadas del festival y con una capa de personalización que permite a nuestros usuarios crear su propia biblioteca, que tenga acceso libre en cualquier momento del año para disfrute propio.

La App también busca crear e incentivar la comunicación en comunidad, acercando a personas con gustos y consumos similares que por medio de nuestro apartado mensajería interno, tanto privado como público, en versión blog o foro, permite a las personas hablar y comentar sobre cualquier tema sobretodo relacionado al arte y cultura que fomenta nuestros festivales y que encuentren en estos espacios confort y seguridad con resto de participantes.

Para colaboradores, la App además de ofrecer todo lo mencionado anteriormente, se incluyen apartados exclusivos de contenido específico y relacionado al proceso y requerimientos para el acceso y aceptación del producto o servicio interesado en ser parte de nuestros festivales. Desde la comodidad del móvil es posible informarse sobre el reglamento interno del festival, conocer las fechas disponibles a uso, aplicar y enviar la propuesta del producto a ser parte y mantener una comunicación fluida con miembros oficiales y comunidad de colaboradores activa de FiraTàrrega.

Debat0el Propuesta de valor: Desarrollo de APP FiraTàrrega

No hi ha comentaris.

Publicat per

R4. Disseny de la navegació

Publicat per

R4. Disseny de la navegació

Hola companys, A continuació us adjuntaré el PDF del repte 4, a on vaig un anàlisi crític, un Benchmarking i un diagrama de flux de cadascuna de les webs seleccionades: Primavera Sound (https://www.primaverasound.com/en/tickets) Bilbao BBK Live (https://bilbaobbklive.com/) He considerat que són rellevants pel nostre projecte de remodelació de la pàgina web de “FiraTarrega” per diverses raons: Experiència d’usuari: Aquestes pàgines web són conegudes per oferir una bona experiència d’usuari. Poden servir com a model per entendre com presentar informació, navegar entre…
Hola companys, A continuació us adjuntaré el PDF del repte 4, a on vaig un anàlisi crític, un Benchmarking…

Hola companys,

A continuació us adjuntaré el PDF del repte 4, a on vaig un anàlisi crític, un Benchmarking i un diagrama de flux de cadascuna de les webs seleccionades:

  1. Primavera Sound (https://www.primaverasound.com/en/tickets)
  2. Bilbao BBK Live (https://bilbaobbklive.com/)

He considerat que són rellevants pel nostre projecte de remodelació de la pàgina web de “FiraTarrega” per diverses raons:

Experiència d’usuari: Aquestes pàgines web són conegudes per oferir una bona experiència d’usuari. Poden servir com a model per entendre com presentar informació, navegar entre les opcions i millorar la usabilitat.

Procés de compra d’entrades: L’èxit d’un esdeveniment com FiraTarrega depèn en gran mesura de la facilitat amb què els usuaris poden comprar entrades. Analitzar els processos de compra d’entrades d’esdeveniments similars pot proporcionar idees per simplificar i millorar aquest procés a la pàgina de FiraTarrega.

Plataformes externes: Ambdós esdeveniments fan servir plataformes externes per a la compra d’entrades. Aquest enfocament pot ser rellevant per FiraTarrega si vol oferir una integració amb altres serveis o si hi ha avantatges específics en utilitzar aquestes plataformes.

Debat0el R4. Disseny de la navegació

No hi ha comentaris.

Publicat per

R4. Anàlisi de referències i anàlisi

Publicat per

R4. Anàlisi de referències i anàlisi

Hola a tots! Per aquest repte he buscat dues referències que fossin rellevants pel nostre projecte, i s’han fet un diagrama de…
Hola a tots! Per aquest repte he buscat dues referències que fossin rellevants pel nostre projecte, i s’han fet…

Hola a tots!

Per aquest repte he buscat dues referències que fossin rellevants pel nostre projecte, i s’han fet un diagrama de flux de l’acció de comprar entrades. Les dues pàgines web escollides han sigut la del Festival Ítaca i la del Teatre Municipal Ateneu, ja que són dues webs de festivals o teatre no gaire grans, i per tant servirà per conèixer com funcionen aquestes webs més petites. Així doncs, podrem descobrir com és el procés de comprar entrades, mirar la programació o iniciar sessió en aquestes webs.

El Festival ÍTACA, Cultura i Acció, proposa actuacions musicals en alguns dels espais més bonics de l’Empordà. Hi ha propostes culturals de qualitat a un preu assequible, amb l’objectiu de reivindicar la cultura com a dret bàsic. Per altra banda, el Teatre Municipal Ateneu, és el teatre municipal d’Igualada, on es fan obres de teatre setmanalment, per públic adult i infantil, i concerts.

DIAGRAMA DE FLUX: FESTIVAL ÍTACA
DIAGRAMA DE FLUX: TEATRE MUNICIPAL ATENEUANÀLISI DE LES PÀGINES

En aquest apartat s’han analitzat les dues pàgines web tenint en compte diferents factors:

  • Acció: clics totals, pàgines obertes i pestanyes externes obertes.
  • Pàgina principal: anàlisi visual i dels components que té.
  • Programació: anàlisi visual i dels components que té.
  • Detalls de l’event: anàlisi visual i dels components que té.
  • Login: anàlisi visual i dels components que té.
ANÀLISI DE LES PÀGINES

En conclusió, crec que la web del Festival Ítaca està millor desenvolupada i és més clara per l’usuari que l’utilitza. Tot i això, m’ha agradat alguna de les funcions que té la del Teatre Municipal Ateneu com la de triar el seient del teatre, que serviria en els espectacles que es fessin amb aforament limitat i numerat.

Crec que per desenvolupar l’app de Fira Tàrrega s’ha de seguir el model del festival Ítaca, que és molt més visual, clar i juvenil.

Debat0el R4. Anàlisi de referències i anàlisi

No hi ha comentaris.

Publicat per

FiraTàrrega / Arbol de Contenido

Publicat per

FiraTàrrega / Arbol de Contenido

Proyecto: Diseño de la plataforma digital interactiva para FiraTàrrega “Una Experiencia Cultural Expandida” – Parte 2 La organización del árbol de contenidos se basa en las preferencias y percepciones de los usuarios recopiladas durante la actividad de card sorting. Esto asegura que la estructura del sitio esté alineada con las expectativas de los usuarios y mejora la usabilidad. Para estructurarlo se ha tenido en cuenta la frecuencia y la calificación de cada alimento en las categorías para determinar su ubicación…
Proyecto: Diseño de la plataforma digital interactiva para FiraTàrrega “Una Experiencia Cultural Expandida” – Parte 2 La organización del…

Proyecto:
Diseño de la plataforma digital interactiva para FiraTàrrega
“Una Experiencia Cultural Expandida” – Parte 2

La organización del árbol de contenidos se basa en las preferencias y percepciones de los usuarios recopiladas durante la actividad de card sorting. Esto asegura que la estructura del sitio esté alineada con las expectativas de los usuarios y mejora la usabilidad.

Carregant...

Para estructurarlo se ha tenido en cuenta la frecuencia y la calificación de cada alimento en las categorías para determinar su ubicación en el árbol de contenidos. Por ejemplo, los alimentos más frecuentemente asociados con el desayuno están listados bajo esa categoría y los alimentos que han recibido una percepción mixta o negativa (como “Yuck I wouldn’t eat it”) no se han incluido explícitamente en el árbol de contenidos, pero se pueden abordar en el blog para ofrecer perspectivas o recetas que podrían cambiar esas percepciones.

Debat0el FiraTàrrega / Arbol de Contenido

No hi ha comentaris.

Publicat per

Reto 3 – Árbol de contenidos

Publicat per

Reto 3 – Árbol de contenidos

Para la actividad del Reto 3 que corresponde al inventario de contenidos así como el card sorting y árbol de contenidos de…
Para la actividad del Reto 3 que corresponde al inventario de contenidos así como el card sorting y árbol…

Para la actividad del Reto 3 que corresponde al inventario de contenidos así como el card sorting y árbol de contenidos de FiraTàrrega, decidí, en primer lugar, en realizar un card sorting cerrado con 4 categorías definidas pues, en primer lugar, se debe adaptar a una interfaz para smartphone, es decir, más pequeña y con menos texto, con más presencia de iconos propio de estas interfaces si las comparamos con las webs. Por otra parte, la se trata de un producto aunque novedoso, con una serie de etiquetas definidas en el briefing por lo que, teniendo en cuenta estas dos consideraciones, la apuesta por el card sorting cerrado y abierto a feedback por parte de los participantes, depararía el árbol de contenidos que veremos a continuación.

Tal y como apreciamos en la imagen anterior, las cuatro categorías son: Artistas, Eventos, Usuario y Más opciones. Sin embargo, en el card sorting, los participantes en su feedback establecieron otra categoría Búsqueda. Además, hay diferentes puntos críticos en el que genera confusión a los participantes , determinadas etiquetas, pues mucho de los participantes no saben donde ubicarlas, por esta razón, se ha tenido en cuenta estas condiciones y se ha intentado ubicar en la categoría donde mejor corresponda aunque siempre teniendo en mente el testeo de la aplicación para modificaciones o nuevas implementaciones.

Para este card sorting han participado cinco personas, del mismo grupo de edad pero con diferentes variables. Por tanto, el árbol de contenidos, teniendo en cuenta estos resultados es el siguiente:

https://www.figma.com/file/HDRSvLRSm1rXDXWSxlEkkz/ArbolContenidos?type=whiteboard&node-id=0%3A1&t=KwOAMyywfVICdU6i-1

Debat0el Reto 3 – Árbol de contenidos

No hi ha comentaris.

Publicat per

R3 – Arbre de continguts

Publicat per

R3 – Arbre de continguts

Hola a tots!! En aquesta activitat, havíem de fer un arbre de continguts a partir del card sorting realitzat. El primer pas va ser…
Hola a tots!! En aquesta activitat, havíem de fer un arbre de continguts a partir del card sorting realitzat. El primer…

Hola a tots!!

En aquesta activitat, havíem de fer un arbre de continguts a partir del card sorting realitzat. El primer pas va ser crear un inventari de continguts amb tota la informació que havia de tenir la nostra aplicació. Per fer-lo, es va extreure tota la informació de la pàgina web actual de la Fira Tàrrega i es van afegir els apartats necessaris per complir amb els requisits del brífing del client. Així doncs, l’inventari de contingut va quedar de la següent forma, separant les categories principals i els ítems que aniran en aquestes.

Un cop s’havia fet l’inventari, tocava passar tota la informació al card sorting, que es va fer amb l’eina Optimal Workshop. El meu card sorting, es va fer “híbrid”, ja que es va creure que d’aquesta manera se li donava a l’usuari una base sobre apartats que havia de tenir l’app, però també se li deixava crear-ne de nous. El card sorting, va ser respost per 8 persones, que tot i no ser gaires, em va permetre veure quin era el punt de vista de l’usuari. La informació es va extreure a partir de la standardization grid:

Així doncs, els resultats van quedar així:

Home: Activitats properes, Agenda, Amfiteatre virutal, Comprar entrades, Galeria fotogràfica i Notícies.

Nosaltres: Blog, Contacte, Equip, Qui som i Xarxes socials.

Cercador: Filtrar per categoria, per data, per nom i per puntuació.

Perfil: Canvi d’idioma, Gestiona les teves entrades, Gestió del perfil, Inciar sessió, Llista de preferits, Notificacions.

Edició 2023: Amfiteatre virtual, Artistes participants, Circuit, Descarregar videos, Edicions anteriors, Espais, Programació, Puntuació d’espectacles, Trailers.

Fira Tàrrega Pro: Acreditació Pro, Registra’t a Fira Tàrrega Pro i Xat entre artistes participants.

Mercat de paradistes: Companda de productes, Productes del mercat, Serveis del mercat i Sol·licitud de parades.

Futurs artistes: Bases de participació, Convocatòria 2024, Hivernem i Territori creatiu.

Informació pràctica: Horaris, Mapa i Serveis.

Finalment, un cop recopilats i analitzats el resultats del card sorting es crea l’arbre de continguts de l’app.

Gràcies!

 

 

Debat0el R3 – Arbre de continguts

No hi ha comentaris.

Publicat per

M4.352 – Arq. de la informació – R3. Presentación del Árbol de contenidos

Publicat per

M4.352 – Arq. de la informació – R3. Presentación del Árbol de contenidos

¡Hola a todo el mundo! Para este reto debíamos elaborar un árbol de contenido a partir de un Card Sorting realizado previamente.…
¡Hola a todo el mundo! Para este reto debíamos elaborar un árbol de contenido a partir de un Card…

¡Hola a todo el mundo!

Para este reto debíamos elaborar un árbol de contenido a partir de un Card Sorting realizado previamente. Como primer paso de esta práctica tuvimos que realizar un “inventario de contenidos” de toda la información que pudiera contener nuestra aplicación. Obviando la información del ‘Perfil de Usuario’, la cual tendremos en cuenta en próximos retos, nos centramos en recoger toda la información de la página de FiraTàrrega actual (lo cual era un requisito indicado en el Briefing del cliente), y añadir aquella que nos pudiera ser útil para cumplir con los objetivos de la aplicación: espectáculos en streaming, información importante dependiendo del tipo de usuario, etc.

Por lo que, el inventario de contenidos, en mi caso quedó de la siguiente manera:

Habiendo realizado este “inventario”, era hora de dar un poco de orden a toda esta información recogida, por lo que se nos proponía realizar un Card Sorting con la ayuda de Optimal Workshop. En mi caso, el Card Sorting realizado fue “abierto” (permitiendo a los usuario agrupar y categorizar las agrupaciones bajo su criterio) y tan solo 6 personas participaron en esta actividad, pero fueron más que suficientes para llegar a la conclusión de que con 4 grandes categorías bastaban para clasificar todo el contenido de la aplicación. No nos equivoquemos, los usuarios crearon hasta 36 categorías distintas, pero apoyándonos en la Proximity Matrix que nos ofrece Optimal Workshop pudimos llegar a las agrupaciones siguientes:

  • La categoría “Portada” recogía la información “Qué es FiraTàrrega”, la “Agenda de espectáculos” y “Venta de entradas”. Lo que podría considerarse el flujo de actividad principal de la aplicación, ya que fundamentalmente los usuarios querrán utilizar la app para consumir estos 3 grandes bloques de información que engloba.
  • La categoría “Contenido” engloba a “Blog”, ”Destacados”, ”Espectáculos en streaming 360º”, ”Espectáculos en vivo”, “Galería de fotos y vídeos” y “Grabaciones de espectáculos pasados”. Se trata, sobretodo, de contenido multimedia generado por FiraTàrrega.
  • La categoría “Información y contacto” toda la información de “Noticias”, “Contacto FiraTàrrega”, “Información para el público”, “Información para la prensa” y “Información para profesionales”. Podría tratarse de una categoría construida a partir de la información de interés para cada tipo de usuario, junto con la información de “contacto” que podría ofrecer una atención más personalizada en caso de que fuera necesario.
  • Y por último, la categoría “Sobre FiraTàrrega” contiene toda la información relativa a la organización, como son los apartados de: “Equipo de FiraTàrrega”, ”Patrocinadores”, “Cómo colaborar con FiraTàrrega” y “Documentación”. Aunque curiosamente, el apartado de “Qué es FiraTàrrega” han decidido agruparlo en “Portada”, como ya hemos mencionado.

Junto con los resultados del Card Sorting, ya podíamos construir nuestro “árbol de contenido”, que no Arquitectura de la Información, y es que trata de un esquema sencillo que representa las agrupaciones de contenido de nuestra aplicación, lo cuál nos será útil para profundizar en futuros User Flows o en la propia Arquitectura de la Información.

Por lo que, ya conociendo todo el proceso anterior, el árbol de contenidos de nuestra aplicación queda así:

Lo que nos quedaría perfecto en el Navigation Bar de nuestra aplicación, por ejemplo. Aunque eso es algo de lo que se trabajaría más adelante del Proceso de Diseño ;)

Un saludo, y gracias por leerme hasta aquí!

Debat0el M4.352 – Arq. de la informació – R3. Presentación del Árbol de contenidos

No hi ha comentaris.