Arquitectura de la informació / 1r semestre 24-25 / Héctor Sánchez I Pedrero / 15/01/25

Diagrama World Press

Diagrames de flux

A través dels escenaris, la fitxa de persona i diagrama de la web s’han creat els fluxos dels usuaris i usuàries que realitzarien per tal d’arribar a l’objectiu de cada escenari.

Persona Clara (Escenari 1)

Persona Clara (Escenari 2)

Persona Sofia (Escenari 3)

Persona Sofia (Escenari 4)

Vídeo Prototip

Accés al Figma: https://www.figma.com/design/3IAz9mwe03YVWOQDePXxKw/Untitled?node-id=0-1&t=1toAXMVwgwmvj9Z7-1

Proposta de valor

Insights més rellevants

Conceptualització de la Interacció

En la primera secció del projecte es van analitzar i definir 2 arquetips i es van establir 4 escenaris que refractaven situacions reals relacionades amb activitats del seu dia a dia. Es van analitzar aquests casos a través d’un user journey per obtenir més informació sobre les accions i el que comporten per finalment establir uns requisits els quals estaven relacionats amb la Navegació, accés a contingut, visualització i personalització.

Es van establir dos arquetips clau per treballar obtenint:

• Clara: Necessita cercar recosos fàcils d’accedir per a les seves classes
• Sofia: Busca i analitza les tendències pels seus projectes

A partir de l’anàlisi es va obtenir:

• Reducció d’elements i implicar ús de les eines.
• Implementar sistemes de filtratge avançats per facilitar la cerca.
• Destacar la informació de context i tipologies de premis
• Implementació de sistemes per recomanar contingut d’interès per a l’usuari

Definició de l’organització i etiquetatge

En la segona part de la recerca es van establir i es van proposar elements que podrien introduir-se a les diverses pàgines de l’aplicatiu. Es va realitzar un cardsorting per avaluar i obtenir patrons per incloure-ho. Finalment, es va realitzar el diagrama de navegació per observar les connexions entre els elements.

• La major part dels elements de l’inventari al cardsorting van confirmar les suposicions prèvies.
• Es van establir una quantitat d’elements que finalment es van reduir per no saturar als usuaris en fer servir l’aplicatiu.

Disseny de navegació

Una vegada ja creat el diagrama es van establir els fluxos de navegació que l’usuari havia de fer en l’escenari fent ús de les rutes que el diagrama podia ofereix.

• Les rutes eren possibles de realitzar mitjançant els fluxos del diagrama
• L’usuari per arribar a l’objectiu té diverses rutes les quals es poden adaptar a un número més gran de persones, ampliant la probabilitat d’èxit.
• A través, de l’estudi de Lendsculture i Magnum photos es va reforçar la idea que el diagrama de navegació sigui un element interconnectat.

Insights Generals

En Conclusió, es va començant a analitzar la realitat de l’usuari i estudiant les funcions i accions que fa al detall per posteriorment organitzar els elements de l’aplicatiu i crear un model interactiu per estudiar els fluxos i elements utilitzats.

• S’han realitzat diversos estudis per conèixer els àmbits relacionats i avaluar les suposicions prèvies.
• S’ha fet servir disseny centrat en els usuaris, ja que en tot moment és les proves o avaluacions eren per millorar la qualitat i l’experiència de l’usuari.
• Hi ha hagut canvis en els inventaris de contingut per no saturar amb una gran quantitat d’elements en la pantalla, en canvi, s’han aplicat eines de filtratge que redueixen els elements i faciliten la cerca fent ús de categories, tipologies i paraules clau.

Reflexió

L’arquitectura de la informació és més que organitzar i uns elements si no que el coneixement de l’usuari o context, una recerca prèvia i una avaluació és una part molt important del procés per la creació d’una bona organització dels elements.

El valor que aporta la disciplina és que proporciona estructures que faciliten trobar la informació de forma intuïtiva, assegurant una interacció fluida. Tot l’estudi previ garanteix que el contingut funcioni minimitzant  les frustracions dels usuaris permetent adaptar les estructures a partir de l’obtenció de patrons els quals s’han obtingut amb investigacions extretes de les avaluacions.

Durant aquesta assignatura s’han pogut observar una gran quantitat de mètodes que han permès analitzar les situacions com User Journey, Benchmarking, Cardsorting, Diagrames, creació de fluxos sempre tenint l’usuari al centre de forma figurativa a través d’avaluacions o analitzant-lo fent ús de mètodes sense la necessitat de tenir un usuari presencial.

Malauradament, no es dona i no es té el coneixement de la importància que implica en la creació d’un aplicatiu com aquest cas o en organitzar grans quantitats d’informació en altres suports digitals o físics. Per aspectes econòmics moltes empreses no poden realitzar estudis molt extensos per conèixer als usuaris per tal de crear un arquetip detallat amb estudis de benchmarking o inclús User journey.

En conclusió, coneixent la seva importància en el món per tal d’organitzar correctament i facilitat i optimitzar l’accés a la informació es tindrà en compte per pròxims projectes la implementació de les eines que siguin possibles fer ús d’elles per les restriccions temps o econòmiques, però en tot moment la recerca prèvia amb un criteri que comporti una conceptualització prèvia, definició de contingut i etiquetatge i creació de fluxos estarà present en la feina com a dissenyador.

La propuesta de valor de nuestra aplicación móvil se ha centrado en satisfacer algunas de las necesidades principales que presentaban nuestras usuarias potenciales.

De esta manera hemos tratado de crear una herramienta sencilla de utilizar, donde el exceso de información y el ruido visual no sea un problema para el visitante. Además hemos desarrollado procesos sencillos para comprar entradas de eventos, registrarse en concursos o descargar y crear material educativo.  A través de cuatro sencillos flujos de interacción hemos tratado de dar respuesta a los principales objetivos que podemos abarcar a través del uso de esta aplicación.

A continuación pasaremos a explicar uno de los principales flujos de interacción que hemos desarrollado en el prototipo de la aplicación. En este caso se trata de la compra de entradas para eventos.

Bona tarda companys, us adjunto la proposta de valor i el prototip final creat.

La reestructuració de la pàgina web de World Press Photo perquè s’adapti als dos usuàris proposats i s’adaptin a les seves necessitats.
El resultat final es pot visualitzar al següent enllaç: https://www.figma.com/proto/fiG2gXzx1u71LVvJODp9i8/Ramon-Casas-R5?node-id=4-2&p=f&t=0S6QF9iXUEpAECMp-1&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=44%3A332

He preparat la informació per mostrar una petita part de la interacció segons els diagrames de flux creats a les anteriors activitats.

Proposta de valor

El redisseny de l’arquitectura de la informació de la pàgina de World Press Photo s’ha fet amb Figma. La proposta creada genera més simplicitat i facilitat per accedir a les fotografies de manera clara. Els principals valors afegits són els següents:
•La simplificació de les paraules permet que els dos perfils arribin a on desitgen ser amb més rapidesa.
•Les formes permeten saber la direcció o l’interacció que poden generar de manera més cognitiva.
•El peu de pàgina és de suport i no té informació important pel funcionament de la pàgina web.
•La proposta s’ha generat plantejant els 4 diagrames de flux fets anteriorment i presentant l’arbre de continguts.

Expectatives dels usuàris

La primera usuària, la Sofía Martí, té més facilitat per trobar la informació de manera clara i entenedora sobre el concurs. La simplificació de la informació i l’utilització de certes formes fa que la pàgina web del World Press Photo sigui més intuitiva.
•La segona usuària, la Clara Martínez, té més accessibilitat als continguts històrics de manera més clara a aquests. També l’informació present sobre certs temes educatius està més sintetitzada i permet ser compartida de manera més directa.

1 flux de navegació creat:

Salutacions