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.

Repte 4: Disseny de la navegació

En aquest repte es treballarà els diagrames de flux, creant uns de nous i analitzant-los.

Primerament, a través de les dades de les anteriors activitats es crearan fluxos de navegació dels 4 escenaris que es van establir al repte 2.

En segona posició, s’analitzarà 2 pàgines web relacionades i es crearan els diagrames web per posteriorment analitzar el flux de navegació i la seva distribució.

Part 1: Diagrames de flux

Diagrama World Press Photo

User Persona

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: Preparació material per una classe

Ha de preparar el material sobre una classe que parla sobre la desigualtat de les ciutats de l’africà, ha de trobar material il·lustratiu perquè els seus alumnes puguin visualitzar millor la problemàtica. A més una petita explicació de l’esdeveniment per després adaptar-la al vocabulari dels estudiants.

Escenari 2: Cerca de material addicional a classe

Està a classe i apareix un nou tema que deriva del temari preparat per a la classe, és una temàtica que no havia pensat i és de molt interès. Necessita revisar de forma ràpida per tal de mostrar a través d’elements visuals l’esdeveniment que es parla.

Persona Sofia

Escenari 3: Anàlisi per crear un nou projecte

Ella té pensat participar en la següent edició i no sap què fer i on presentar-se. Ha de buscar referents per veure quin reportatge i a quina categoria podria presentar-se. Està al metro mirant mentre fa un trajecte al seu lloc de feina i aprofita per explorar pel seu projecte personal.

Escenari 4: Veure quins nous premiats hi ha

Rep una notificació que ja han sortit les noves fotografies seleccionades i fa molt temps que espera, li interessa secció de documentals i ho vol veure perquè ho ha esperat durant molt temps. El seu objectiu és saber quins reportatges han estat seleccionats.

Part 2: Anàlisi crític

En la segona part del repte s’analitzaran 2 pàgines de la competència a través d’un benchmarking combinat amb elements de l’avaluació heurística per tal d’obtenir les conclusions des d’un punt de vista crític.

Per poder analitzar-ho s’han construït els diagrames web de les dues propostes per tenir un punt de vista més objectiu.

LensCulture és una plataforma que mostra i descobreix la visió més contemporània de la fotografia mostrant nous punts de vista i consells per a tots els nivells.

L’altres és Màgnum photo és una cooperativa de fotògraf amb una importància global que va ser creada el 1947, actualment ens té gran importància en el món de la fotografia.

Diagrames

Diagrama Lens culture

Diagrama Màgnum photo

Benchmarking

Conclusións

Lensculture té una organització del contingut molt intuïtiva, amb unes interaccions reduïdes pel seu contingut més limitat i menys detallat. Les rutes que han de fer els usuaris són lineals, i no hi ha gran possibilitat d’escollir més d’un camí i no és possible trobar variants perquè les seves connexions entre elements són més reduïdes. La seva navegació es pot dificultar per la carència de categories o filtres que ajudin a cercar la informació de forma òptima.

Màgnum és una pàgina amb molt contingut, fer que afegeix dificulta l’organització dels elements. Perquè l’usuari pugui arribar al seu objectiu, si és traca de molt específics, haurà de fer moltes interaccions. Per resoldre aquesta problemàtica, fan ús de filtres i categories les quals faciliten la cerca del contingut, reduint la cerca i el nombre d’interaccions.  Aquesta web destaca respecte a l’altra per la seva interconnexió entre els elements, fet es pot apreciar analitzant el diagrama i també les seves diverses rutes per arribar al mateix objectiu.

En conclusió, les 2 propostes són intuïtives i l’ordre dels continguts mostra una jerarquia que prioritza els elements més importants, agrupant tots els elements en agrupacions que facilitant a la persona arribar al seu objectiu. D’altra banda, la principal diferència han sigut els fluxos entre elements de Màgnum, en contraposició a la seva carència d’ells a Lenculture. Aquesta decisió es pot comprendre, ja que els continguts que es mostra en cada web varia i les interconnexions són més necessàries en presència de grans volums d’informació. Totes les dues webs ofereixen una navegació eficient i s’adapten a les necessitats segons la tipologia i la quantitat de continguts que treballen.

Magnum Photos. (n.d.). Magnum Photos. Recuperado el 18 de diciembre de 2024, de https://www.magnumphotos.com

LensCulture. (n.d.). LensCulture. Recuperado el 18 de diciembre de 2024, de https://www.lensculture.com

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

Repte 3 Definició de l’organització i de l’Etiquetatge

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

Introducció

En aquest folio es mostra el Repte 3 de l’assignatura arquitectura de la informació. En aquest projecte es va haver de designar l’inventari dels elements de la web i fer ús de la tècnica de cardsorting per tal de fer un estudi i extreure conclusions sobre l’estructuració i organització dels continguts.

Elements a organitzar i categories

Per la creació de l’inventari es va tenir en compte les necessitats prèvies i primerament es va pensar en les pàgines que tindria l’aplicatiu per posteriorment establir els elements que tindria cada pàgina. Es va decidir un llistat d’apartats/pàgines i els elements interns que eren provisionals, es revisarà quan es creï el cardsorting.

Inicio

• Galería de fotografías destacadas
• Enlace directo a los `premiados de la última edición
• Configuración de cuenta
• Acceso a menú

Premiados y seleccionados

• Consulta de los premiados de una edición específica.
• Consulta de los premiados a través de temáticas
• Filtrado por regiones específicas
• Biografías de los premiados
• Acceder a información técnica de las fotografías y reportaje
• Acceso a menú

Fichas de reportajes

• Descripción del reportaje
• Galería de fotografías relacionadas
• Información del contexto de la región del reportaje
• Botón para guardar reportaje
• Enlace externo para acceder a más información sobre el contexto
• Acceso a menú

Archivo histórico

• Búsqueda de contenido de contenidos de ediciones pasadas
• Visualización de contenidos de forma cronológica (formato galería)
• Consulta de archivos y reportajes específicos históricos.
• Explorar fotografías ganadoras de otras ediciones.
• Acceso a menú

Recomendaciones

• Reportajes de interés basados en tus interacciones previas.
• Recomendaciones de colecciones temáticas
• Reportajes con un interés popular.
• Notificar cuando hay nuevo contenido sobre una temática de interés
• Acceso a menú

Educación

• Sección con las Bases de la narrativa visual y documentación
• Sección de Información de interés para crear narrativas y reportajes
• Fotografías destinadas para uso educativo
• Acceder a Recursos para preparar contenido educativo
• Plantillas prediseñadas para contextualizar una colección de reportajes.
• Videos explicativos sobre los reportajes, su contexto y sobre los autores de interés.
• Acceso a menú

Perfil de usuario

• Creaciones de colecciones propias y personalizadas
• Ajustes de personalización de la aplicación
• Configuración de preferencias de notificaciones
• Selección de temáticas de interés y gustos del usuario.
• Acceso a menú

Ordre establert

Dades obtingudes amb l'estudi

Organització dels elements segons els resultats de l'estudi.

Diagrama

En el diagrama flux es pot observar l’estructura de la web amb tots els seus continguts i relació entre elements per observar-ho més gràficament. En aquest model es fan servir elements cromàtics per destacar elements inicials i passos de seqüència i elements finals.

Diagrama de continguts de l'aplicatiu de World Press Photo

En conclusió, es pot veure els elements que conformaran l’aplicatiu, permet-nos tenir l’estructura de la pàgina en una mateixa pàgina.

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