En aquesta entrada us ensenyaré les dues parts d’aquest repte:
Primer de tot he realitzat un UI Kit de l’aplicació d’IKEA, intentant seguir la teoria de l’Atomic Design. En l’arxiu es poden veure les dues tasques que es demanaven: crear els components principals i realitzar una galeria d’instàncies. Podeu visualitzar el contingut a Figma.
Per altra banda, la segona tasca consistia a crear un wireframe per una aplicació destinada als muntadors que treballen a IKEA, per poder visualitzar quins mobles han de muntar, a on i quan. A continuació us deixo el vídeo i el link del prototip a Figma.
Us comparteix el meu prototip. Aquest era el primer cop que feia un prototip d’alta fidelitat a Figma, i m’ha servit molt per aprendre com va el programa i per adorme dels errors que havia fet en anteriors treballs de wireframes. Però amb el poc coneixement que tenia amb l’ajuda de tutorials he aconseguit crer aquest prototip de l’app d’IKEA.
Per aquesta última activitat he fet un storyboard que explica la seqüència d’interacció que fa un grup de companys de classe per programar una videotrucada amb la seva professora. També he realitzat un prototip de com funcionaria aquesta aplicació, on es poden fer algunes tasques com compartir pantalla, fer proves de micròfon, xatejar, etc.
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.
Per l’activitat R4 he seleccionat el següent l’objecte no tecnologic: el vàter. S’ha creat el LabWC, un vàter connectat a una app mòbil que permet a l’usuari analitzar la seva orina per detectar possibles infeccions.
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.
Després d’analitzar els resultats obtinguts en l’enquesta, creada per detectar l’ús i les necessitats dels usuaris amb relació a fer videotrucades en àmbits acadèmics, i en el benchmarking, on s’analitzen quatre aplicacions diferents, es posen en comú les conclusions obtingudes mitjançant un ValueProposition Canvas (VPC).
Una vegada sintetitzada tota la informació extreta de les enquestes i el benchmarking en el Value Proposition Canvas (VPC), es fa una llista de possibles millores dels serveis de videotrucades existents.
Proves de funcionament del micròfon abans d’entrar a les reunions (no totes ofereixen aquest servei).
Millorar la qualitat de les reaccions i els emojis.
Facilitar l’accés a l’eina mitjançant la pàgina web i sense necessitat de tenir un compte.
Millorar el xat perquè sigui més accessible i còmode.
Saber on està la fletxa del ratolí a l’hora de compartir pantalla.
Poder fer enquestes i sales de reunió durant les videotrucades.
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 OptimalWorkshop. 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 standardizationgrid:
Per altra banda, la segona tasca consistia a crear un wireframe per una aplicació destinada als muntadors que treballen a IKEA, per poder visualitzar quins mobles han de muntar, a on i quan. A continuació us deixo el vídeo i el link del prototip a Figma.
Gràcies!!!!
Aquest és un espai de treball personal d'un/a estudiant de la Universitat Oberta de Catalunya. Qualsevol contingut publicat en aquest espai és responsabilitat del seu autor/a.