Títol: Memòria UdG Sports Alumnes: Xixi Chen, Adrià Crehuet i David Escolano Assignatura: Tecnologies multimèdia Dia d’entrega: 20-02-2019
ÍNDEX Pàg. 1. DISCOVERY 1.1. Debrief 2 1.2. Needs 2 1.3. Research 3 1.4. User research i benchmarking 3 1.5. Target 7 2. DEFINITION 2.1. Brainstorming 10 2.2. Technical requirements 11 2.3. Content requirements 11 2.4. User scenarios 15 3. STRUCTURE
3.1. User flow&Diagrams
16
3.2. Information architecture
16
4. SKELETON 4.1. Sketches 18 5. ANNEX 20
1. DISCOVERY 1.1. DEBRIEF L’aplicació està encarada a tots els usuaris que disposen dels serveis de la UdG Esports. Si no és usuari, hi ha indicacions de guia per registrar-se. Si l’usuari és la primera vegada que entra a l’aplicació, sortirà una pàgina que s’ha de decidir els esports que l’interessa de manera que en l’apartat d’activitats i pistes s’organitzarà segons les seves preferències escollides. L’aplicació està formada per 4 apartats: 1. Activitats: es visualitza tots tipus d’activitats on es pot agregar directament l’activitat interessada a preferides. Els filtres crèdits, preferides i sense crèdits permet classificar-les. Un cop clicada l’activitat, es passa a una pàgina on surt les informacions més definides: un paràgraf d’explicació, nombre de classes, preu, lloc on es practica i quantitat de crèdits si hi ha. Si l’interessa a l’usuari, directament es pot reservar el grup que es vol anar. De seguida surt una pàgina de reafirmació de si es vol reservar, un cop reservada directament es va a la pàgina de perfil per veure les reserves. 2. Pistes: es visualitza totes les pistes. Un cop clicada la pista interessada, es pot veure la descripció, el preu per hora, el lloc on se situa i els crèdits que aporta si hi ha. Si es vol reservar, s’ha de seleccionar el dia i l’hora que es planeja, després de la confirmació de la reserva, es canvia automàticament la pàgina de perfil per veure les reserves. 3. Perfil: en la primera mitja plana se situa les dades principals dels usuaris: nom, grau d’estudi, crèdits i punts acumulats. També es pot veure un botó de carnet en què en clicar sorgeix el carnet d’estudiants en tota la pantalla i un botó de settings en la part superior de la dreta. La resta mitjana plana hi ha 2 botons. Un és l’historial de les reserves i l’altre és per canviar les preferències d’esport. 4. Notícies: es concentren una sèrie de notícies i tornejos. És la part més informativa de l’aplicació, en clicar cada notícia es pot veure informació més detallada.
1.2. NEEDS -Facilitar totes les accions sobre les reserves de UdG Esports per als usuaris. -Informar fàcil sobre totes les possibles novetats, notícies... -Facilitar les consultes sobre les informacions pròpies dels usuaris.
2
1. DISCOVERY 1.3. RESEARCH UDG Sports és l’app que té el servei d’esports de la Universitat de Girona, destinats a tots els usuaris inscrits. Permet facilitar més la reserva de les activitats i pistes, també donant un tipus d’aplicació informativa.
1.4. USER RESEARCH I BENCHMARKING S’ha basat en aquests aspectes: disseny visual, navegació i estructuració per poder avaluar les aplicacions. També considerant els punts positius i negatius d’ells. La puntuació màxima és de 5 punts.
Puntuació
TIMPIK Per promocionar-la a les botigues d’aplicacions d’iOS i Android, els seus creadors destaquen que amb Timpik pots organitzar o apuntar-te a partits de pàdel i futbol en un entorn proper. Però en realitat amb aquesta proposta ideada el 2009 per Camilo López és possible planificar quedades per a qualsevol esport en menys d’un minut i, a més, entre jugadors d’un nivell similar.
Descripció
Disseny visual
3/5
Colors un pèl apagats i “antics”, en haver únicament 2 colors, a vegades no és fàcil trobar certs elements.
Navegació
4/5
Còmode, intuïtiva però poder un pèl sobresaturada.
4/5
No es troba a faltar res i està ben estructurat, és veritat que podrien haver posat més pestanyes i no carregar-les tant.
Estructuració
Punts positius
Bona estructura del contingut, no es troba a faltar res, varietat de funcions (mapa, instal·lacions, direccions, pagar des de l’app, ...).
Punts negatius
Colors antics, no és l’app més atractiva del mercat, tot això va que l’app sembli que s’ha abandonat (Que no s’actualitzi des de fa temps).
3
1. DISCOVERY Puntuació
RUNNII És una aplicació basada en esdeveniments en línia per córrer. Presenten una sèrie de facilitats per poder ajudar a fer aquest exercici, també col·laborats amb una part informativa, cooperativa i social.
Descripció
Disseny visual
4/5
Un disseny bastant modern i bastant fresc, presenta molta concordança.
Navegació
4/5
Bastant fàcil per arribar als apartats que es volen, d’una forma molt intuïtiva i fàcil.
Estructuració
4/5
Hi ha diferents apartats amb moltes funcions, molt complet, arriba a totes les necessitats.
Punts positius
Moltes funcions i fàcils d’arribar, juga amb les metes. El sistema aparellar és molt variat. També es pot fer grups. A més pots accedir com visitant.
Punts negatius
Massa social, perquè pots pujar fotografies teves a tota la comunitat. Puntuació
FUBLES El nom pot enganyar però aquesta aplicació està preparada per organitzar trobades al voltant de qualsevol altra activitat col·lectiva.
Descripció
Disseny visual
4/5
Navegació
3/5
Estructuració
4/5
Simple però efectiu, és veritat que poder hi ha massa text, però també és d’agrair, la cromàtica utilitzada està molt ben escollida i queda perfecte amb la temàtica. No és la navegació més còmoda que he vist, sobretot en la pestanya principal, també trobo bastant innecessari la rellevància que li dóna alguns temes en relació a la navegació. A primera vista, sembla que li faltin elements, però a mesura que la vas utilitzant i familiaritzant, no trobes a faltar res. L’apartat de missatges i inici, no haurien de tenir el mateix pes que el d’organitzar esdeveniments.
Punts positius
Els colors escollits donen molta vitalitat i joventut a l’app, Formació d’equip per posicions, opció de parlar i organitzar grups i et pot pagar a través de l’app.
Punts negatius
L’organització dels elements no és la millor de totes, a primera vista, sembla que només sigui per futbol de manera que pot desinteressar als usuaris d’altres esports. 4
1. DISCOVERY Puntuació
RUNTASTIC És una aplicació on s’enregistra activitats basades a córrer per tal de poder arribar a tindre millors hàbits i objectius pautats.
Descripció Disseny visual
4/5
Bastant bé, transmet comoditat.
Navegació
4/5
Es necessita pocs passos per arribar, gairebé accés directe.
Estructuració
3/5
No hi ha moltes funcions però tots essencials.
Punts positius
Molt senzill, juga a les metes, pots córrer com vulguis.
Punts negatius
Les classes o els plans que t’ofereixen necessiten pagar. Molta publicitat. Puntuació
METUPP
Descripció
No ha estat creada específicament per a amants de l’esport, però aquesta app existeixen 24 apartats al voltant de diferents aficions comunes i una d’elles és “Esports i condició física”, sempre que se seleccioni aquesta categoria.
Disseny visual
5/5
Visualment és molt atractiva i moderna, tot això facilita molt a l’usuari a entendre el funcionament d’aquesta. A més, Tot està molt net.
Navegació
5/5
La navegació és entenedora i simple. És similar a altres aplicacions com Spotiffy, no li trobo cap inconvenient.
4/5
Al estar tan ben estructurada , al principi és difícil recordar on estan certs elements, a més, s’ha de fer bastant scroll, fent que objectes que estiguin a baix de tot, molts usuaris no hi acabin d’arribar.
Estructuració
Punts positius
Disseny, navegació, colors, comoditat.
Punts negatius
L’estructuració és ideal però “discrimina” certs elements que estan al final de tot.
5
1. DISCOVERY UDG SPORTS
Puntuació
Està destinat a tots els usuaris que ha contractat el servei d’esports de la Universitat de Girona.
Descripció Disseny visual
1/5
Disseny molt mal fet.
Navegació
3/5
És fàcil de navegar per la falta d’estructuració.
Estructuració
2/5
Falta molts apartats en l’aplicació per tal de facilitar els usuaris, per exemple: reserves, historials...
Punts positius
-
Punts negatius
La informació no sintetitza bé, té apartats molt pocs i està mal dissenyat. Puntuació
KEEP Aplicació que t’ensenya classes per fer esports de tota mena, destinats a tota la població.
Descripció Disseny visual
5/5
Molt ben dissenyat, un disseny modern.
Navegació
3/5
Massa elements, es pot confondre els elements amb els altres.
Estructuració
4/5
Grans apartats, ben estructurat per categories.
Punts positius
juga amb les metes que et presenten, et mesuren i et fa proves sobre el teu cos... Tenen molts apartats, molt de continguts.
Punts negatius
Difícil de saber els continguts.
6
1. DISCOVERY 1.5. TARGET 1-
Manuela, 25 anys.
Estudia actualment Biologia a la UdG. És simpàtica, molt amigable i sociable, és treballadora però sempre arriba tard a on ha d’anar. Quedar amb els amics, anar al cinema i al teatre, jugar a l’ordinador, fer padel i tenis, vol mantenir-se activa sempre. Viu a Girona amb el seu marit i està embarassada 5 mesos, té el carnet de cotxe i la tarjeta de la Girocleta. Ha treballat durant l’estiu i té unes reserves de diners, a més el seu marit està treballant en una empresa d’ordinadors que va entrar després de fer pràctiques durant la carrera d’informàtica. la Manuela utilitzaria la app per fer tenis i padel però quan el seu embaràs estigui més abançat farà pilates per mantenir-se activa i no perjudicar l’embaràs.
7
1. DISCOVERY 2-
Pep, 30 anys.
Grau en ADE a la UdG, ara està treballant en una gestoria. És tossut, competitiu però bona persona. A la gestoria està còmode treballant. Li agrada la política i anar de viatge.
Viu a Figueres amb la seva xicota, té el carnet de cotxe i de moto.
Com treballa a la gestoria té un bon salari.
Utilitzaria l’app pels caps de setmana per fer una mica d’esport que no pot fer a un altre lloc.
8
1. DISCOVERY 3-
Joan, 18 anys.
Grau en Psicologia a la UdG.
Divertit, estudiant i sociable.
Li agrada jugar a jocs d’ordinador, la fotografia i sortir de festa. És de Sant Andreu de Llavaneres, però resideix en un pis d’estudiants al centre de Girona.
Tot és pagat pels pares, no té ingressos propis.
Li agradaria utilitzar l’app per fer setmanalment alguns dels esports que li agrada com la natació, el bàsquet o l’handbol.
9
2. DEFINITION 2.1. BRAINSTORMING L’aplicació facilitaria a tots els estudiants que estiguin apuntats als serveis d’esports de la UdG, a organitzar-se i apuntar-se als diferents esdeveniments esportius que se celebrin. Aquesta app disposaria de 4 seccions: -Activitats: informació d’activitats, filtració per crèdits, no crèdits i favorits. També inclou la informació de cada activitat en clicar-la i pots reservar directament en la mateixa pàgina. -Pistes: permet consultar la informació de les pistes de l’establiment i pots reservar directament una vegada que s’ha entrat en l’apartat de cada pista. -Perfil: hi ha un resum de les dades personals de l’usuari amb el carnet d’estudiants. Es pot modificar les preferències d’esport i també es concentra les reserves que pots anul·lar, consultar... un cop clicada. -News: una part completament informativa on es concentra una sèrie de tornejos i notícies. Amb tot això, facilitaria molt als usuaris l’organització de les activitats, ja que seria molt més fàcil realitzar les reserves. A més, tindrien tota la informació concentrada en un sol lloc. Un dels principals inconvenients que hi ha és l’existència d’un munt d’aplicacions que faciliten a les persones a organitzar esdeveniments esportius, podria ser un gran problema, però s’ha volgut veure-li la part positiva i és per això que hem analitzat 7 apps per poder apreciar quins són els seus punts forts i febles, i així poder realitzar una aplicació amb molt més criteri. Les conclusions a les quals ven arribar són les següents: -Algunes d’elles tenen dissenys poc vistosos i atractius. -La gran majoria té una estructuració molt detallada i amb molts subapartats. -El sistema de navegació és bastant similar en la majoria d’app (alguns més sintetitzats que altres) Una cosa que si tenen en comú són un sector del públic, es tindrà un target centrat en estudiants de la UdG, els quals els hi agrada aprofitar el seu temps lliure duen a terme activitats físiques. Gran part del públic és gent jove, tot i que també pot haver-hi algú més gran, això fa que estiguin més acostumats a utilitzar el telèfon intel·ligent. Un dels principals
10
2. DEFINITION motius pels quals estan inscrits és perquè no disposen d’una gran quantitat de capital.
2.2. TECHNICAL REQUIREMENTS Es necessitarà una base de dades per poder organitzar i emmagatzemar la informació de les reserves de cada usuari. I altres bases de dades com: -Base de dades de UdG dels usuaris del servei d’esports. -Base de dades de UdG dels esports que fan. -Base de dades de les pistes de UdG. La majoria es podrà aconseguir a UdG.
2.3. CONTENT REQUIREMENTS Per poder sintetitzar més la informació, es presentará a partir d’uns esquemes. Està dividit per apartats.
11
2. DEFINITION
12
2. DEFINITION
13
2. DEFINITION
14
2. DEFINITION 2.4. USER SCENARIOS -User 1: Noia de primer, nova a la UdG vol començar a fer esport. Entra per primer cop a l’aplicació i es logeja amb facilitat. Un cop dins de l’aplicació vol anar directa a afegir els esports que més li agraden. Quan ja ha mirat el que volia es decideix a apuntar-se a fer natació el divendres d’aquella setmana. Per apuntar-se vol mirar els horaris en els quals la piscina està oberta. Vol mirar aquests indicadors perquè té classes d’anglès a la tarda i perquè li agrada nedar amb llibertat. Un cop fa tot això tanca l’aplicació. -User2: Noi exalumne de la UdG, entra a l’aplicació quasi cada setmana per reservar pista de pàdel i jugar amb els seus amics els dies que tots tenen festa. Ell busca a l’aplicació poder programar una reserva el dissabte a una hora determinada. Va la zona de pàdel i mira les pistes que hi ha lliures, un cop fa la reserva, va cap enrere i busca un altre esport per anar ell sol la setmana següent. Vol anar sol però aquest esport és en companyia i vol mirar si pot fer amics o si coneix a algú de vista per apuntar-se amb ell/a. Un cop fa tot el que volia surt de l’app.
15
3. STRUCTURE 3.1. USER FLOW & DIAGRAMS La següent imatge presenta el diagrama de fluxe d’una manera de forma més visual.
3.2. INFORMATION ARCHITECTURE Primer de tot s’obre l’aplicació, aquí es troba l’opció de log-in si s’ha pagat el servei de la UdG esports, en el cas d’oblidament de la contrasenya també hi ha un enllaç que et dóna instruccions i si no hi ha un enllaç en què passes a una web on informa sobre com enregistrar-se. S’entra en l’app. Tot seguit, salta a la pestanya d’activitats, on es pot veure tots els esde16
3. STRUCTURE veniments esportius que ofereix el servei, té l’opció de filtrar-ho segons els teus favorits i si es vol activitats que en donin crèdits o no. Un cop s’ha entrat en qualsevol activitat, s’hi troba una petita descripció, ubicació, preu, sessions, i els crèdits si hi ha. En la mateixa pàgina es pot reservar directament. Un cop reservat el grup, surt una pàgina de confirmació que després d’acceptar et salta al perfil on es pot veure la reserva. Es pot navegar a altres pàgines. Una d’ella és pistes. Com en activitats es pot veure les pistes que pots reservar. Una vegada s’entra en alguna pista, permet consultar alguna informació sobre ella, la ubicació, el preu per hora i els crèdits de les pistes de l’establiment. Com en activitats pots reservar, es confirma i salta a la pàgina de perfil. A la pàgina de notícies es pot veure tots els tornejos i a dintre de cada notícia es pot veure la informació. En el perfil conté diverses funcions. Es pot veure les dates generals de cada usuari: nombre, carnet d’estudiant (si hi ha), crèdits i la fotografia. La segona part està format per les reserves que pots modificar, anul•lar, veure l’historial i els favorits que pots variar.
17
4. SKELETON 4.1. SKETCHES
18
4. SKELETON
19
5. ANNEX Imatges: -Diagrama_de_contingut.png -User_flow.png Mockup: -Mockup1.png -Mockup2.png -Mockup3.png -Mockup4.png Dsseny_final: -Disseny_final _UdG_Sports.pdf.pdf -Disseny_final_UdG_Sports.xd -Cartel_promocional_UdG_Sports.pdf -Llibre_d’estils_UdG_Sports.pdf -Reunions_UdG_Sports.pdf
20