Héctor Sánchez i Pedrero | Disseny d’interacció | 21/01/25 

Storyboard

1. Cercar una activitat: Un usuari obre l’app i cerca pels seus interessos: història local i activitats culturals. L’aplicació mostra una llista d’activitats disponibles, seleccionant un tour cultural pel barri.
2. Confirmar participació: L’usuari escull l’activitat i veu quantes persones estan apuntades. Es pot visualitzar els usuaris i la seva edat i se selecciona una hora que pot assistir.
3. Inici del tour cultural: Els participants es troben al punt de trobada.
4. Col·laboració entre generacions: Durant el Tour, tots participen donant explicacions i es graven les històries. Això crea un moment d’aprenentatge compartit i intercanvi cultural.
5. Finalització del tour: Els participants celebren l’experiència. Es fa una foto de grup i s’agraeix la contribució de tothom.
6. Digitalització del tour: Els joves editen els àudios i vídeos enregistrats, afegint informació addicional sobre el barri i música de fons.
7. Publicació del contingut: Es puja el contingut de les històries locals amb una descripció atractiva i una imatge del grup. Tothom pot accedir-hi fàcilment.
8. Interacció amb altres usuaris: Altres usuaris veuen el contingut, deixen comentaris i proposen noves idees per a futurs tours.

Esbós bàsic i prototip

• Incloure una gran quantitat de temàtiques per arribar al públic més gran possible en termes de número i de diversitat d’edat incloent activitat relacionades amb la cultura, natura, art i altres aspectes que permetin una gran diversitat d’activitats.
• Creació de comunitats perquè els participants puguin connectar després de les activitats i mantenir una relació més activa entre ells per tal de combatre la soledat de la població.
• Creació d’una app que sigui accessible i intuïtiva per a la gran part dels usuaris només fent ús dels elements necessaris perquè pel grup d’edat gran sigui més simple i fàcil el seu aprenentatge.
• Fer ús d’elements cromàtics i visuals per facilitar la identificació de les tipologies d’activitats i pàgines per on naveguen.
• Fer ús d’estructures conegudes pels usuaris prèviament per facilitat la cerca de contingut i facilitant la navegació a través de l’aplicatiu.

Prototipat:

Ús del color per destacar categories: Es fan servir diversos colors per agrupar diversos elements relacionats amb les categories temàtiques (com es pot veure a la pàgina d’inici.

Ús del principi d’agrupació: Es fa ús del principi d’agrupació per una fàcil comprensió del text i la fotografia, facilitant la selecció de la comunitat a l’usuari.

Ús del principi de similitud: Es fa servir la mateixa tipografia i fons en les pàgines d’assistència perquè l’usuari identifiqui aquesta tipologia de pàgines.

Minimitzar aprenentatge: És més fàcil que els usuaris naveguin per interfícies amb elements els quals coneixen prèviament, en aquest model s’han fet servir estructures que una gran part dels usuaris coneixen adaptades a les necessitats pròpies.

Espaiat entre elements: Es deixa un espaiat entre els elements per tal que per a la gent amb menys precisió disposin d’una àrea més àmplia per seleccionar l’opció desitjada.

Ús del principi de la metàfora: Es fan ús d’icones que simbolitzen elements de la realitat per poder relacionar el significat d’una forma més intuïtiva

Fons cromàtics: Quan es naveguen per fitxes o comunitats que formen part d’una categoria es modifica el fons per facilitar la la identificació de la tipologia d’activitats.

Conclusions Generals:

Inclusió i Comunitat: Incorporació d’una gran quantitat de tipologies d’activitats per incloure al nombre més gran de participants en termes d’edat i interessos per la creació de comunitats que es creïn a partir d’activitats formant grans famílies les quals obtindran un contacte a través de la pàgina de comunitat i en persona.

Disseny Accessible i Centrat en l’Usuari: El desenvolupament d’una eina intuïtiva i accessible amb elements com els colors per categoritzar, espaiats per millorar l’experiència i l’ús d’elements visuals faciliten el seu ús per a la gran major part de generacions que fan ús de l’aplicatiu. A més a més, diversos principis com agrupació, metàfores visuals i estructures conegudes ajuden al fet que l’aplicatiu sigui més intuïtiu, agilitant i facilitat el seu ús.

Impacte Visual i Experiència Consistent: Un dels elements més importants i que milloren l’experiència de l’usuari és utilitzar els canvis cromàtics i fons per facilitar la identificació de categories i activitats, ja que crea una experiència on tot segueix la mateixa identitat visual que permet identificar en tot moment en quina tipologia et trobes.

Disseny d’Interacció: processos, mètodes i tècniques / Héctor Sánchez I Pedrero / 24/12/24

Introducció

En aquest projecte a partir dels coneixements previs s’havia de crear un disseny especulatiu d’un objecte quotidià no tecnològics per tal de crear una nova realitat amb aquell objecte i crear una possibilitat de debat sobre ell i la tecnologia utilitzada.

Objecte escollit

En aquest cas es va escollir un objecte quotidià que es fa servir diàriament i es troba a totes les cases del món. El plat és un objecte simple i divers que pot tenir moltes millores implementant elements tecnològics, actualment existeixen versions, però és un àmbit que està en constant evolució.

Els plats tenen una gran varietat de disseny i formes, varien en dimensió i forma, però les majors diferències provenen dels plats plans i fons, ja que els continguts canvien. En termes de materials poden variar notablement, però els més utilitzats són de ceràmica. Són objectes molt intuïtius i independent el plat es pot conèixer la seva funció com:

• Contenir líquids
• Facilitar transport de menjar
• Proporcionar una superfície
• Proporcionar el menjar

Els plats es troben en 3 grans escenaris:

A una casa o és un objecte que la seva funció és servir el menjar i facilitar el menjar però en aquest cas s’ha de rentar, servir menjar, guardar i més accions relacionades amb el plat.

En els Restaurants i grans esdeveniments es fan servir per repartir el menjar entre les persones, proporcionar el menjar i per repartir i servir el menjar.

Per últim, un dels menys quotidians és la decoració en galeries o vitrines on la seva funció és decorar un espai, normalment són objectes de gran valor.

Altres elements relacionats amb el plat son objectes quotidians relacionats amb l’acció de menjar com:

• Taula o superfície plana
• Utensilis per menjar (forquilla, ganivet, etc)
• Menjar o líquids.
• Persones que preparen i que gaudeixen del menjar.
• Material de taula (gots, mantell, etc)

Disseny especulatiu

S’estableix un nou escenari en el qual s’automatitza tot en un restaurant o gran esdeveniment millorant la comunicació i optimitzant el servei aportant aquestes millores:

• Optimitzant el servei reduint els errors i mantenint la millor qualitat de producte
• Personalització del plat i facilitació per la seva entrega 
• Gestió de l’esdeveniment organitzada i clara mitjançant informació i un aplicatiu.
• Mostra una analítica amb la informació dels aliments i servei per millorar el servei i corregir

Enllaç del vídeo: https://www.youtube.com/watch?v=TQqIPSTo2s4

R2. Media: Mitjans tradicionals / Formats digitals

En aquesta publicació de folio és veure un vídeo on es resumeix i s’analitza el diari la vanguardia. En aquest vídeo es veurà quan es va fundar i perquè aquest diari segueix tenint la importància arreu el país avui en dia. A més es podrà veure un wareframe d’una de les pàgines de la web del diari per poder veure la seva estructura i veure els seus elements d’interacció

Video.

.Enllaç per accedir al vídeo

Wireframe.

El wireframe representa l’estructura de les pàgines eliminant tots els detalls per centrar-se en els elements compositius i elements d’interacció. En aquest cas s’ha escollit la pàgina de la secció d’esports per la seva diversitat de tipologies de notícies i principis visuals i interactius.