User experience & web design Progettare una startup
comix fandom Studente:
Eleonora Porena
Docenti:
Stefano Dominici Maria Cristina Lavazza
Introduzione: il progetto Tema del corso: realizzare un’applicazione Idea di progetto: Comics Fandom Il nome
p. 6 p. 6 p. 6
Il perchè ROI Gli obiettivi
p. 7 p. 7 p. 7
La ricerca Analisi dei competitors
p. 11
•
My Kollektion
p. 12
•
Lambo
p. 14
•
Anime e Manga
p. 16
•
Google goggle
p. 18
Analisi degli utenti
p. 22
•
Obiettivi della ricerca
p. 23
•
Domande della ricerca
p. 23
•
Questionario di screening
p. 24
•
Domande script
p. 25
•
Risultati
p. 26
Personas
p. 30
Scenari e tasks
p. 36
Touchpoint
p. 41
Lo sviluppo Casi d’uso e wireframe
p. 44
Scenario 1 Scenario 2
p. 46 p. 54
Tema del corso: realizzare una sturtup Il seguente documento presenta il progetto di gruppo elaborato dagli studenti: Eleonora Porena e Alice Cellupica durante lo svolgimento del corso di User Experience & Web Design, tenuto dai docenti Stefano Dominici e Maria Cristina Lavazza. Il seguente documento è, nello specifico, la versione di presentazione personale del suddetto progetto.
Idea di progetto Si tratta di un’applicazione per smartphone dedicata ai collezionisti ed appassionati di fumetti. Le funzionalità che l’app svolge sono principalmete di archiviazione, di riconoscimento ottico delle immagini, di compravendita e scambio ed infine di informazione.
Il nome
comix fandom Comix+ (Fan)atic + Kin(dom)
6
“mondo degli appassionati dei fumetti”
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Il perchè L’idea è nata da un’esperienza personale in cui l’attività di collezionismo si è rivelata difficoltosa all’aumentare dei pezzi della raccolta. Abbiamo quindi pensato a risolvere questo problema attraverso un’applicazione che ti permetterà di archiviare e ricordare in modo facile e veloce tutti i fumetti posseduti. Grazie a questa app gli amanti dei fumetti possono interagire tra loro e in generale con il mondo dei fumetti.
ROI È previsto che si fornisca inizialmente una versione di prova dell’app per poi richiedere la somma di 0,89 centesimi per continuare ad utilizzarla. Inoltre, chiunque tra negozianti e case editrici, voglia inserire promozioni, eventi e sconti pagherà lo spazio pubblicitario.
Obiettivi •
Realizzare un sistema semplice ed intuitivo per riconoscere ed archiviare i fumetti;
•
Tenere aggiornati gli amanti di fumetti su tutto ciò che è relativo alla loro passione;
•
Creare un spazio social nel quale poter scambiare, vendere ed acquistare gli articoli di interesse;
•
Dedicare uno spazio agli inserzionisti.
Progetto Comics Fandom
7
Analisi dei Competitors Una volta decise le linee generali del progetto è nata la necessità di inserirsi all’interno del mercato, per tale motivo è stata effettuata un’analisi delle applicazioni già esistenti che offrono un servizio analogo alla proposta progettuale. L’analisi si concentra su tre applicazioni e comprende: •
Analisi s.w.o.t.;
•
Analisi qualitativa, che analizza le interfacce grafiche;
•
Analisi quantitativa, che pone a confronto le diverse funzionalità.
Progetto Comics Fandom
11
MyKollektion - analisi qualitativa
Piattaforma Appstore
Elenco contenuti
Prezzo 5,99 €
Menù
Barra di ricerca
Descrizione Nasce in Italia la prima App per collezionisti ideata e sviluppata per smartphones e tablets. La gran parte dei collezionisti compra opere ma poi non ha modo di conservare alcune importanti informazioni che è utile, invece, ricordare o addirittura tramandare ai propri familiari: chi è l’artista, la sua importanza, in che anno ha realizzato l’opera, se ha esposto in qualche museo, dove sono conservate le sue opere e il valore che potrebbero avere oggi e chi meglio di un collezionista può avere queste informazioni? Difatti grazie a questa applicazione potrai creare il tuo catalogo compilando nella massima semplicità schede sulle opere della tua collezione, seguendo una griglia appositamente studiata; potrai condividere la tua collezione, in tutto o in parte, con amici collezionisti, galleristi, musei, case d’asta, ecc. al fine di sottoporre alla loro attenzione alcune informazioni o proposte. Infine con la modalità vetrina potrai lasciare il tuo dispositivo in mano a chiunque in tutta tranquillità, in quanto attivando questa modalità sarà impossibile visualizzare le informazioni economiche e apportare qualsiasi modifica alla tua collezione.
12
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
MyKollektion
Analisi S.W.O.T.
Valutazione complessiva
Punti di forza
Punti di debolezza
Molto chiara ed immediata • Condivisione • Creazione archivio personale • Sicurezza dei dati personali elevata
•
•
Progetto Comics Fandom
Eccessivamente settoriale • Nessun riconoscimento OCR
Chiarezza organizzativa
ECCELLENTE
Chiarezza del design
BUONA
Leggibilità e scansione delle informazioni
ECCELLENTE
Capacità riassuntive
ECCELLENTE
Customizzazione
BUONA
User friendly
BUONA
Facilità con la quale l’utente raggiunge l’obiettivo
ECCELLENTE
13
Lambo - analisi qualitativa
Piattaforma Appstore
Elenco contenuti
Prezzo Gratis
Menù
Barra di ricerca
Descrizione Lambo è una app pensata per archiviare documenti importanti, garanzie, scontrini ecc. Si può scattare la foto al documento, o caricarlo direttamente dalla Libreria foto. Lambo rileva automaticamente i bordi e migliora la qualità dell’immagine attraverso quattro stili predefiniti. Si assegna ad ogni documento una categoria tra le otto predefinite e uno specifico set di informazioni sulla base della categoria di appartenenza. Questo rende la ricerca del documento desiderato semplice e veloce grazie anche alla barra di ricerca e alla catalogazione in categorie. Anche Lambo è un competitor indiretto per Comix Fandom e verrà analizzato per la sua funzione di archivio personale. Lambo svolge questa funzione in modo impeccabile, è semplice e immediato e si possono inserire di volta in volta i documenti senza perdite di tempo. Si hu un menù con delle categorie nelle quali si può scorrere l’elenco dei propri documenti. L’unica cosa che potrebbe essere gestita in modo diverso in Comix Fandom è il fatto di visualizzare una piccola preview delle copertine nell’elenco dei fumetti archiviati e non limitarsi al titolo, al numero e informazioni simili in modo che l’utente li possa riconoscere a colpo d’occhio.
14
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Lambo
Analisi S.W.O.T.
Valutazione complessiva
Punti di forza
Punti di debolezza
Molto chiara ed immediata • Pochi passaggi • Elevate capacità riassuntive • Riconoscimento OCR
•
•
Progetto Comics Fandom
Design poco accattivante
Chiarezza organizzativa
ECCELLENTE
Chiarezza del design
BUONA
Leggibilità e scansione delle informazioni
ECCELLENTE
Capacità riassuntive
ECCELLENTE
Customizzazione
BUONA
User friendly
BUONA
Facilità con la quale l’utente raggiunge l’obiettivo
ECCELLENTE
15
Anime e manga - analisi qualitativa
Piattaforma Appstore
Elenco contenuti
Prezzo 0,99 €
Menù
Barra di ricerca
Descrizione Grazie a quest’applicazione potrete avere un grande database con tutte le informazioni utili sul mondo dei manga e degli anime direttamente sul vostro iPhone. Si avrà modo di consultare una lista con tutti i cartoni e fumetti orientali che si possano desiderare, con tanto di schede dettagliate sulle informazioni di ciascuno di essi e la possibilità di inserirli tra i preferiti, visibili nell’apposita sezione “Preferiti”.
16
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Anime e manga
Analisi S.W.O.T.
Punti di forza • •
Grafica chiara La sezione “Preferiti”
Progetto Comics Fandom
Valutazione complessiva
Punti di debolezza Poche immagini Mancanza di curiosità Scarsità di contenuti aggiuntivi • Pubblicità invasiva • • •
Chiarezza organizzativa
BUONA
Chiarezza del design
INSUFFICIENTE
Leggibilità e scansione delle informazioni
BUONA
Capacità riassuntive
BUONA
Customizzazione
INSUFFICIENTE
User friendly
INSUFFICIENTE
Facilità con la quale l’utente raggiunge l’obiettivo
BUONA
17
Google Goggles - analisi qualitativa
Piattaforma Appstore
Cattura immagini Informazioni
Prezzo Gratis
Descrizione Applicazione per il riconoscimento visivo delle immagini con tecnologia OCR, che usa la fotocamera del telefonino per fare la scansione di una foto per riconoscerla e poi intraprendere azioni diverse a seconda del tipo di ricerca effettuata. Si può inoltre cercare la provenienza e l’origine di qualsiasi immagine e scoprire da dove è stata presa. Le sue funzioni sono: • Lettura di codici a barre per trovare informazioni sui prodotti; •
Lettura di codici QR per estrarre informazioni;
•
Riconoscimento di luoghi e monumenti famosi;
•
Traduzione attraverso fotografie di testi in lingua straniera;
•
Aggiunta di contatti attraverso lettura di biglietti da visita o codici QR.
18
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Google Goggles
Analisi S.W.O.T.
Punti di forza • •
Riconoscimento OCR Informazioni facilmente reperibili
Progetto Comics Fandom
Valutazione complessiva
Punti di debolezza Design poco accattivante • Funzioni limitate •
Chiarezza organizzativa
BUONA
Chiarezza del design
BUONA
Leggibilità e scansione delle informazioni
ECCELLENTE
Capacità riassuntive
BUONA
Customizzazione
INSUFFICIENTE
User friendly
BUONA
Facilità con la quale l’utente raggiunge l’obiettivo
ECCELLENTE
19
Analisi S.W.O.T. di Comics Fandom Punti di forza • • • • • • • • • • • •
Immediata User Friendly Grafica accativante Veloce e ricca d’informazioni Non ha competitor diretti Facilità di utilizzo Elevata leggibilità Chiaro e intuitiv o Specificità dei contenut i Aiuto per la memoria OCR Social
Opportunità • • •
20
Settorializzazione Investimento iniziale Accesso agli store di distribuzione multimediale
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Punti di debolezza • • •
Applicazione sconosciuta Per il riconoscimento OCR È necessario possedere uno smartphone o un tablet
Minacce • • •
Ingresso nuovi competitors Competitors già esistenti Mercato del compratore
Studente Eleonora Porena
Analisi quantitativa
Profilo personale (login tramite facebook)
Customizzazione
Archiviazione
Riconoscimento OCR
Info e notifiche
Shop e scambio
MyKollektion
Lambo
Anime e manga
Google goggle
Progetto Comics Fandom
21
Analisi degli utenti - Interviste one to one Nello svolgere la ricerca con le persone abbiamo optato per una linea qualitativa che ci permettesse di indagare le esperienze delle persone intervistate, facendoci raccontare ciò che di positivo o di negativo vi hanno trovato, per poi migliorare l’usabilità del servizio in fase di progetto.
Target Collezionisti ed appassionati di fumetti tra i 18 e i 50 anni. Devono essere in possesso di smartphone. La maggiorparte di loro deve aver partecipato almeno una volta ad eventi relativi al mondo dei fumetti (es. Romics). Devono essere forti collezionisti.
Motivazioni Le interviste permettono di instaurare un contatto più ravvicinato con le persone e di conoscere così in maniera più dettagliata ed esaustiva le abitudini e le esperienze dei collezionisti di fumetti o dei negozianti.
22
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Obiettivi della ricerca •
Capire come avviene l’archiviazione dei fumetti;
•
Capire se i collezionisti sono interessati ad attività, oltre a quella di archiviazione, relative al tema dei fumetti;
•
Capire quali sono;
Domande della ricerca •
Come archiviano i fumetti?
•
Ricordano tutti i numeri che possiedono?
•
Come li ricordano?
•
Quali sono le attività che concernono il collezionismo dei fumetti che possono interessare le persone e perché?
•
Come hanno iniziato la loro collezione?
•
Hanno mai avuto l’esigenza di vendere o scambiare e perché?
•
Da dove vengono a sapere di un’ edizione speciale? Una nova uscita? Ecc?
•
Cosa fanno quando vengono a sapere di una nuova uscita?
•
Come e con che criterio arricchiscono la propria collezione?
Progetto Comics Fandom
23
Questionario di screening
Descrizione Collezionisti ed appassionati di fumetti tra i 18 e i 50 anni. Devono essere in possesso di smartphone. La maggiorparte di loro deve aver partecipato almeno una volta ad eventi relativi al mondo dei fumetti (es. Romix). Devono essere forti collezionisti. Domande generali 1. Da quanto tempo collezionate fumetti?
dell’intervista in tutte le altre combinazione l’intervista continua. 3. Avete parteciapato ad altri test di questo tipo negli Fine intervista ultimi 6 mesi? Continua intervista • Sì •
No
4. Quanti anni avete? •
Minorenne
•
Meno di 6 mesi
•
18-25
•
Da 6 mesi a 2 anni
•
26-30
•
Da più di 2 anni
Fine intervista Continua Continua Continua Continua Fine intervista Fine intervista
2. La vostra collezione è: •
Monotematica
•
Pluritematica
Se meno di 6 mesi ma monotematica allora fine
24
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Domande di script
5. Possedete uno smartphone? Sì No
Continua Fine intervista
6. Avete una connessione internet? Sì No
Continua Fine intervista
7. Avete partecipato ad un evento relativo al mondo dei fumetti in cui era possibile acquistarli? Mai Almeno una volta Più di una volta
Fine intervista Continua Continua
8. Avete fatto acquisti su internet? Mai Sì, almeno una volta Abitualmente
Progetto Comics Fandom
Fine intervista Continua Continua
•
Nome?
•
Età?
•
Da quanti anni collezioni fumetti?
•
La tua colleziona è monotematica o pluritematica?
•
Parlami del modo in cui archivi i tuoi fumetti.
•
Come ricordi tutti i fumetti che possiedi?
•
Raccontami come hai iniziato.
•
Hai mai avuto l’esigenza di vendere e/o scambiare e perchè?
•
Come arricchisci la tua collezione?
•
Partecipi ad eventi relativi al mondo dei fumetti?
•
Come vieni a sapere di questi eventi? (es. Romics, Lucca Comics, mercatini, fiere ecc.)
•
Ti interessi alle edizioni speciali e/o rare?
•
Come ne vieni a conoscenza?
25
Risultati
Abbiamo sottoposto il questionario ad un campione di 8 intervistati. EtĂ
Da quanto tempo collezionano
18-22 anni
25%
piĂš di 10
50%
22-25 anni
50%
5-10 anni
37,5
25 anni in su
25%
Tipologia della collezione
2-5 anni
12,5
Metodo di archiviazione serie
50%
100% 0% 26
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
formato
25%
nazionalitĂ
25%
Studente Eleonora Porena
Come ricordano
Hanno esigenza di vendere/scambiare
no
50%
carta e penna
87,5%
si
50%
metodo mnemonico
12,5%
Come hanno iniziato curiositĂ /amicizia
25%
12,5% anime
12,5% Progetto Comics Fandom
topolino
25%
Come arricchiscono la collezione
25%
acquisto (anche usato)
75%
acquisto/regalo
25%
27
Partecipano ad eventi
Come sanno di questi eventi
web
25%
si
100%
25%
0%
socialnetwork
12,5%
Come vengono a sapere delle edizioni speciali
poco
50%
no
37,5%
si
12,5%
28
37,5%
passaparola
no
Hanno interesse per le edizioni speciali
pubblicitĂ
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
negoziante/case editrici
50%
web
25%
passaparola
25%
Studente Eleonora Porena
Come si muovono quando devono acquistare
Sono disposti a pagare 0,89 centesimi per scaricare l’app
internet/negozio
si
solo negozio
no
87,5% 12,5%
Progetto Comics Fandom
87,5% 12,5%
29
Personas Dopo la ricerca con le persone, che ci ha permesso di figurarci la tipologia di utente e i bisogni che dobbiamo soddisfare, abbiamo creato i nostri “personaggi” da tenere sempre presenti durante la progettazione dei wireframe. Le personas sono state arricchite di dettagli per renderle più realistiche possibili e permetterci di rimanere focalizzati sulle necessità delle persone riportate nella fase delle interviste. Sono stati così creati quattro personaggi: •
Riccardo;
•
Andrea;
•
Elisabetta;
•
Irene.
30
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Il collezionista romantico Chi è Riccardo Riccardo è un lavoratore a tempo pieno che si districa quotidianamente tra scadenze, appuntamenti e impegni vari. Nonostante tutto la sera, prima di andare a dormire, riesce sempre a trovare un pò di tempo per leggere i suoi adorati fumetti.
Touchpoint tecnologici Conoscenze tecnologiche Interazione con i social network Fiducia nel e-commerce Apertura al nuovo
Nulla potrà mai sostituire l’odore e la bellezza della carta stampata. Obiettivi Nome: Riccardo Età: 33 anni Città: Roma Professione: libero professionista Elementi personali: single, eterno bambino
Progetto Comics Fandom
•
•
Necessità
Riuscire a trovare nuovi pezzi per la sua collezione di fumetti;
•
Essere sempre aggiornati sulle ultime novità, uscite ed eventi;
Partecipare spesso a fiere ed eventi specifici.
•
Segnare i numeri mancanti così da non dimenticarli;
•
Avere un negoziante di fiducia.
Frustazioni •
Perdere un’occasione;
•
Dimenticare un numero.
31
La social Chi è Elisabetta
Una volta sono rimasta senza internet. È stato il giorno più brutto della mia vita.
Nome: Elisabetta Età: 23 anni Città: Piacenza Professione: studentessa Elementi personali: single, dipendente dai social network
32
Elisabetta è una studentessa universitaria laurenda in lettere. Cura un blog sulla sua più grande passione: i fumetti. Grazie a questo strumento riesce ad essere sempre in contatto con altre persone che condividono il suo stesso hobby e passa la maggior parte del suo tempo libero chattando online. Non esiste social network al quale non sia registrata.
Obiettivi •
Condivedere la sua passione con più persone possibili;
•
Trovare un’area social su un’applicazione focalizatta sul mondo dei fumetti.
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Touchpoint tecnologici Conoscenze tecnologiche Interazione con i social network Fiducia nel e-commerce Apertura al nuovo
Necessità
Frustazioni
•
Voler dare maggiore visibilità al proprio blog;
•
Non avere la possibilità di navigare e chattare;
•
Conoscere interessi e storie altrui;
•
Dover interagire con sistemi poco user friendly.
•
Parlare della propria passione con gli altri.
Studente Eleonora Porena
L’acquirente tecnologico Chi è Andrea
Utilizzo internet per quasi tutti i miei acquisti, andare in giro per negozi non fa proprio per me.
Nome: Andrea Età: 25 anni Città: Roma Professione: studente Elementi personali: single, amante della tecnologia
Progetto Comics Fandom
Andrea è uno studente all’ultimo anno di ingegneria informatica. Lo studio gli porta via molto tempo, ma riesce sempre a ritagliarsi dei momenti per dedicarsi alla passione che ha per i fumetti. Usa moltissimo internet per i suoi acquisti non avendo negozi forniti vicino casa e vorrebbe una piattaforma online dedicata ai fumetti che gli fornisca velocemente offerte e promozioni. Obiettivi •
Trovare un sito nel quale svolgere le attività di cui ha bisgono.
Touchpoint tecnologici Conoscenze tecnologiche Interazione con i social network Fiducia nel e-commerce Apertura al nuovo
Necessità •
Seguendo tente serie ha bisogno di promemoria che gli ricordino le uscite;
•
Vorrebbe un’unica piattaforma in cui riassumere tutte le informazioniche cerca per non doversi districare tra i vari blog e e-commerce.
Frustazioni •
Ha paura di dimenticare ladata delle uscite e non essere al passo con la serie;
•
Ha paura di perdere delle occasioni, sconti e promozioni.
33
L’acquirente cauta Chi è Irene
Mia figlia ormai è una fan più accanita di me!
Irene è docente presso un liceo scientifico della sua città ed è felicemente sposata con una figlia che le porta via molto tempo. Nonostante gli impegni quotidiani riesce ad unire il suo hobby per i fumetti con il tempo che dedica alla figlia, avendole trasmesso questa sua passione. Irene adora fare shopping, ma non si fida dei venditori online e quindi tende a essere restia ad acquistare fumetti su internet. Obiettivi
Nome: Irene Età: 43 anni Città: Torino Professione: insegnante Elementi personali: sposata, amante dello shopping
34
• •
Touchpoint tecnologici Conoscenze tecnologiche Interazione con i social network Fiducia nel e-commerce Apertura al nuovo
Necessità
Trovare un sito trasparente;
•
Comprare da un venditore fidato.
•
Trovare un venditore affidabile online;
•
Risparmiare tempo.
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Fare acquisti comodamente da casa;
Frustazioni •
Paura di essere truffata;
•
Teme che le condizioni del prodotto non corrispondano a quelle dichiarate.
Studente Eleonora Porena
Personas a confronto
Archiviazione e personalizzazione
Community Riccardo 33 anni Roma Libero professionista Single, eterno bambino
Elisabetta 23 anni Piacenza Studentessa Single, dipendente dai social network
Nulla potrà mai sostituire l’odore e la bellezza della carta stampata.
Una volta sono rimasta senza internet. È stato il giorno più brutto della mia vita.
Andrea 25 anni Roma Studente Single, amante della tecnologia
Irene 43 anni Torino Insegnante Sposata, amante dello shopping
Utilizzo internet per quasi tutti i miei acquisti, andare in giro per negozi non fa proprio per me...
Mia figlia ormai è una fan più accanita di me!
Shop
Progetto Comics Fandom
Blog
35
Scenari Una volta creati i personaggi si è pensato a loro come persone vere che utilizzano per la prima volta l’applicazione. L’obiettivo è stato cercare di prevedere e progettare i bisogni e le risposte che il servizio deve offrire. In questo modo si è pensato a cosa dover inserire per poter facilitare il porcesso di iscrizione, archiviazione, ricerca e acquisto online. Per facilitare il più possibile la loro esperienza d’uso abbiamo cercato diprevedere le loro azioni, dubbi, frustrazioni ed obiettivi per poter far sì che le risposte del sistema fossero chiare, intuitive, funzionali e mirate a risolvere le loro necessità.
36
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Riccardo
Alcune volte dimentico i numeri dei fumetti che mi mancano, così li segno su un foglio di carta, che spesso poi lo perdo!
Scenario
Come aiutare Riccardo
Domande
Riccardo desidera, come ogni anno, partecipare al Romics con la speranza di trovare i numeri mancati per completare le sue collezioni e/o scoprire particolari edizioni speciali/rare. Come sempre vuole essere sicuro di ricordare tutto ciò che possiede e quello che gli manca, per questi motivi decide di appuntare su un foglio di carta le informazioni di cui necessita. Nonostante siano anni che adotta tale metodo, Riccardo desidererebbe trovare un modo più veloce, pratico ed efficace per ricordare i numeri dei fumetti.
Riccardo ha bisogno di uno strumento che lo aiuti a ricordare e che sia semplice, veloce ed intuitivo. L’uso di un mezzo tecnologico come lo smartphone potrebbe essere la soluzione ideale per chi quotidianamente, anche per lavoro, lo utilizza.
•
Come avverrebbe l’archiviazione?
•
Posso leggere i fumetti direttamente sullo smartphone?
•
Come aggiorno la mia collezione?
Soluzioni
Obiettivi
•
Funzione OCR veloce ed intuitiva;
•
Segnare i numeri mancanti così da non dimenticarli;
•
Possibilità di archiviazione;
•
•
Notifiche sulle proprie preferenze.
Utilizzare uno strumento pratico e veloce;
•
Essere sicuro di non dimenticare nulla e di non perdere nessuna occasione.
Punti di attenzione Semplicità Immediatezza
•
Linguaggio chiaro e veloce;
Velocità
•
Sistema di suporto logico (archivio, OCR);
•
Interfacce accattivanti e a tema.
Funzionalità
Progetto Comics Fandom
37
Elisabetta
Mi piacerebbe far parte di una community in cui tutti hanno la mia stessa passione.
Scenario
Come aiutare Elisabetta
Domande
Elisabetta ama chattare e curiosare i profili degli altri, adora i social network e possiede un blog personale nel quale parla della sua passione per i fumetti. Elisabetta vuole trovare un modo per unire il suo hobby con un sistema che ha caratteristiche simili a quelle di un social network. Su suggerimento di un’amica decide di scaricare l’applicazione “Comics Fandom” in cui è presente una community privata dedicata al mondo dei fumetti.
Elisabetta ha bisogno di un’applicazione che le consenta di chattare con persone con la sua stessa passione.
•
Devo creare un mio profilo per accedere alla community?
•
Posso inserire post e commenti?
Soluzioni
Obiettivi •
Avere la possibilità di registrarsi con Facebook;
Interagire con un’interfaccia semplice e intuitiva;
•
Potersi collegare agli altri social.
Comunicare costantemente;
•
Scambio di opinioni e informazioni sul suo hobby.
•
Community con interfaccia e funzioni simili ai social;
• •
Punti di attenzione Immediatezza
•
Linguaggio chiaro e veloce;
User friendly
•
Possibilità di inserire post e commenti facilmente;
•
Interagire con altri collezionisti.
Carattere social Intrattenimento
38
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Andrea
Leggere varie collane di fumetti è impegnativo, mi piacerebbe che ci fosse qualcosa che mi tenga aggiornato su tutto.
Scenario
Come aiutare Riccardo
Domande
Andrea è iscritto a molti siti internet che lo tengono aggiornato sul mondo dei fumetti ed esegue quasi tutti i suoi acquisti online. Un suo amico gli consiglia di scaricare l’applicazione “Comics Fandom” che gli permetterebbe di essere sempre aggiornato gratuitamente sulle ultime novità e acquistare in modo sicuro e trasparente. Andrea scarica l’app e visita lo shop online, rimanendo soddisfatto delle funzionalità. Navigando nello shop trova il fumetto che cercava da tempo e decide di acquistarlo.
Andrea ha bisogno di notifiche che lo informino di tutte le nuove uscite così da poter essere sempre aggiornato. Necessita di un’applicazione che sia veloce ed intuitiva e che dia la possibilità di acquistare online in tempi brevi e con pochi passaggi.
•
Posso avere degli aggiornamenti che mi avvertono su ciò che mi interessa senza essere “bombardato” di notifiche?
•
Posso acquistare o scambiare fumetti?
Soluzioni
Obiettivi
•
Personalizzazione dei propri campi d’interesse;
•
Piattaforma e-commerce che gli permetta tramite filtri di trovare facilmente ciò che cerca.
•
Limitare la perdita di tempo nel cercare le informazioni;
•
Non dimenticare eventi importanti, uscite e promozioni.
Punti di attenzione Affidabilità Informazione
•
Linguaggio chiaro e veloce;
Immediatezza
•
Possibilità di personalizzazione del proprio profilo;
•
Filtri per una ricerca veloce nello shop.
Personalizzazione
Progetto Comics Fandom
39
Irene
Non mi fido mai di gente che non conosco e cose che non posso toccare con mano.
Scenario
Come aiutare Elisabetta
Domande
Irene è interessata a comprare i fumetti su internet in quanto tra lavoro e famiglia non ha tempo per andare di persona in fumetteria, però non si fida degli e-commerce perchè ha paura delle condizioni in cui può arrivare il prodotto o di essere truffata dai venditori online. Grazie all’applicazione “Comics Fandom” ha scoperto un modo trasparente e fidato di conoscere i venditori tramite l’area riservata alle interviste e commenti ai “best seller”.
Irene ha bisogno di una piattaforma e-commerce che sia trasparente nelle informazioni e le dia le giuste garanzie sia sui prodotti che sui venditori.
•
Posso vedere i feedback lasciati dagli altri acquirenti?
•
Posso avere informazioni o contatti diretti sui venditori?
Soluzioni
Obiettivi
•
Rating sui venditori;
•
•
Acquisto anche tramite paypal.
Risparmiare tempo acquistando online;
•
Essere informata riguardo ai venditori;
•
Avere una garanzia che la renda serena nella fase di acquisto.
Punti di attenzione Immediatezza
•
Linguaggio chiaro e veloce;
Informazione
•
Feedback degli acquirenti sui venditori.
Affidabilità Trasparenza
40
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Touchpoint La raccolta avviene del tutto on-line, sarebbe quindi funzionale che i punti di accesso fossero sia Smartphone sia Tablet che Computer, variando la user experience in base all’utilizzo.
Smartphone Più pratico per il tracking e la comparazione delle copertine in situazioni di dinamicità.
Computer Difficilmente si utilizzerà il riconoscimento tramite la WebCam del pc, quindi questo strumento potrà essere utilizzato per sfogliare la propria raccolta on-line, gestire l’account utente, le vendite o gli scambi.
Tablet Dato che l’hardware e le dimensioni dello schermo lo consentono racchiude tutte le funzioni sia dello Smartphone che del Pc, la sua comodità consiste nell’avere uno schermo di dimensioni maggiori.
Progetto Comics Fandom
41
Site Map Passati alla fase di sviluppo abbiamo applicato nel pratico quanto verificato nella ricerca, progettando una site map dell’applicazione che fosse il più chiara possibile così che si possa avere una panoramica delle varie funzionalità, favorendone la ricerca e minimizzando i passaggi. Dalla site map si evince che le funzioni principali che la app svolge sono: • Archiviazione e personalizzazione del proprio profilo per coloro chehanno necessità di ricordare non solo gli eventi ma anche gli albi posseduti; • Community per coloro che vogliono scambiare i propri albi, ma anche opinioni e passioni; • Shop per coloro che nella routine quotidiana non riescono a ritagliare tempo per arricchire di persona la propria collezione; • Blog per coloro che vogliono essere sempre aggiornati e richiedono trasparenza attraverso un contatto che gli permetta di conoscere i venditori.
Casi d’uso e Wireframe Durante l’ultima fase di progettazione ogni membro del gruppo ha interpretato in maniera personale i wireframe del sito studiato. I wireframe qui proposti riguardano l’iscrizione e la creazione del proprio archivio (Ricccardo) e l’iscrizione e l’inserimento di un post nella community (Elisabetta). Per la progettazione dei wireframe ci siamo serviti dei casi d’uso e delle personas. Abbiamo preso in esame il comportameto del personaggio e le risposte del sistema per ogni punto dell’interazione.
44
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Site Map
Progetto Comics Fandom
45
Scenario 1 - Riccardo Riccardo come ogni anno partecipa al Romics e ha la necessità di ricordare tutti i numeri della sua ampia collezione. Parlando della sua esigenza, un amico gli consiglia di scaricare l’applicazione Comics Fandom che grazie all’archivio virtuale gli permetterà di ricordare i numeri che gli mancano e di riconoscerli velocemente anziché appuntarli come sempre su un foglio di carta. Una volta scaricata l’applicazione procede con la registrazione e la creazione del proprio archivio. Funzionalità coinvolte •
Registrazione
•
Archivio
•
Dettagli
Caso d’uso Registrazione e creazione del proprio archivio con inserimento di immagini e dettagli.
Cosa fa Riccardo Clicca sul bottone “Registrati” 1. Cosa fa il sistema Carica la schermata del modulo d’iscrizione Cosa fa Riccardo Digita i dati e clicca su “invia” 2. Cosa fa il sistema Restituisce un feedback e carica carica la schermata “personalizzazione del profilo” Cosa fa Riccardo Clicca sul bottone “crea archivio” 3. Cosa fa il sistema Carica la pagina “inserisci titolo collezione” Cosa fa Riccardo Clicca sul bottone “avanti” 4. Cosa fa il sistema Apre la fotocamera Cosa fa Riccardo Scatta una foto 5. Cosa fa il sistema Carica la pagina “aggiungi dettagli” Cosa fa Riccardo Digita i dettagli e clicca su “salva” 6. Cosa fa il sistema Restituisce un feedback e salva nell’archivio il nuovo albo
46
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Home
Non autenticato Registrati
Modulo d’iscrizione Invia
Feedback Crea archivio
Avanti
Fotocamera Scatta foto
Vai indice
Aggiungi altro albo
Indice
Progetto Comics Fandom
Foto
47
Cosa fa Riccardo Clicca sul bottone “Registrati” 1. Cosa fa il sistema Carica la schermata del modulo d’iscrizione
Home
Registrazione
Non autenticato Logo
Registrati
Modulo d’iscrizione
comix fandom Nickname Password Conferma password
Invia
Feedback Crea archivio
Bacheca
Invia
oppure
Avanti Registrati
Fotocamera
Registrati tramite Facebook
Scatta foto
Vai indice
Aggiungi altro albo Indice
48
Per creare il tuo archivio ed accedere allo shop
Foto
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Cosa fa Riccardo Digita i dati e clicca su “invia” 2. Cosa fa il sistema Restituisce un feedback e carica carica la schermata “personalizzazione del profilo”
Home
Non autenticato Registrati
Modulo d’iscrizione
Invia Feedback Crea archivio
Avanti Fotocamera
Registrazione La tua registrazione è avvenuta con successo. Prosegui ora con la personalizzazione del profilo personale o inizia a creare il tuo archivio
Personalizzazione profilo
Crea il tuo archivio Registrati tramite Facebook
Scatta foto
Vai indice
Aggiungi altro albo Indice
Progetto Comics Fandom
Foto
49
Cosa fa Riccardo Clicca sul bottone “crea archivio” 3. Cosa fa il sistema Carica la pagina “inserisci titolo collezione”
Home
Non autenticato
Il tuo Archivio
Registrati
Modulo d’iscrizione
Invia Feedback
Inserisci il titolo della collezione
Crea archivio Crea collezione
Avanti Fotocamera Scatta foto
Vai indice
Aggiungi altro albo Indice
50
Foto
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Cosa fa Riccardo Clicca sul bottone “avanti” 4. Cosa fa il sistema Apre la fotocamera
Home
Non autenticato Registrati
Modulo d’iscrizione
Invia Feedback Crea archivio
Avanti Fotocamera Scatta foto
Vai indice
Aggiungi altro albo Indice
Progetto Comics Fandom
Foto
51
Cosa fa Riccardo Scatta una foto 5. Cosa fa il sistema Carica la pagina “aggiungi dettagli”
Home
Non autenticato
Aggiungi dettagli
Registrati
Modulo d’iscrizione
Titolo Autore Casa Editrice
Invia
Collana
Feedback
Edizione
Crea archivio Numero
Avanti
Descrizione
Fotocamera Scatta foto Invia
Vai indice
Aggiungi altro albo Indice
52
Foto
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Cosa fa Riccardo Digita i dettagli e clicca su “salva” 6. Cosa fa il sistema Restituisce un feedback e salva nell’archivio il nuovo albo
Home
Non autenticato
Aggiungi dettagli
Registrati
Modulo d’iscrizione
Invia Feedback
Un nuovo albo è stato correttamento inserito nel tuo archivio
Crea archivio
Avanti Indice
Fotocamera
Aggiungi
Scatta foto
Vai indice
Aggiungi altro albo Indice
Progetto Comics Fandom
Foto
53
Scenario 2 - Elisabetta Elisabetta ama chattare e curiosare i profili degli altri, adora i social network e possiede un blog personale nel quale parla della sua passione per i fumetti. Elisabetta vuole trovare un modo per unire il suo hobby con un sistema che ha caratteristiche simili a quelle di un social network. Su suggerimento di un’amica decide di scaricare l’applicazione Comics Fandom in cui è presente una community privata dedicata al mondo dei fumetti. Funzionalità coinvolte •
Community
•
Registrazione
•
Inserimento post
Caso d’uso Visualizzazione della community, registrazione e inserimento post.
54
1.
Cosa fa Elisabetta Clicca sul bottone “Bacheca” Cosa fa il sistema Carica la schermata della bacheca
Cosa fa Elisabetta Clicca sul bottone “Community” 2. Cosa fa il sistema Carica la pagina della community Cosa fa Elisabetta Clicca su “Inserisci post” 3. Cosa fa il sistema Carica il “modulo d’iscrizione” Cosa fa Elisabetta Clicca sul bottone “Registrati tramite Facebook” 4. Cosa fa il sistema Restituisce un feedback di richiesta conferma per l’accesso ai dati personali Cosa fa Elisabetta Clicca su “Conferma” 5. Cosa fa il sistema Carica la pagina “Inserici post”
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Home Bacheca Bacheca Community Community Inserisci post Modulo d’iscrizione Feedback Conferma Inserisci post
Progetto Comics Fandom
55
1.
Cosa fa Elisabetta Clicca sul bottone “Bacheca” Cosa fa il sistema Carica la schermata della bacheca
Bacheca
Home Bacheca
Logo
comix fandom
Bacheca Community
Community Community Inserisci post
Bacheca Shop online
Modulo d’iscrizione Registrati
Feedback Conferma
Blog
Per creare il tuo archivio ed accedere allo shop
Inserisci post
56
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Cosa fa Elisabetta Clicca sul bottone “Community” 2. Cosa fa il sistema Carica la pagina della community
Community
Home Bacheca Bacheca
Recenti
Logo
Community Community
Nickname
Modulo d’iscrizione
Ciao ragazzi :) ho acquistato da poco un nuovo fumetto del quale vorrei parlare con voi! 22:02
Logo
Inserisci post
Popolari
Nickname
Ciao ragazzi :) ho acquistato da poco un nuovo fumetto del quale vorrei parlare con voi! 22:02
Logo
Nickname
Ciao ragazzi :) ho acquistato da poco un nuovo fumetto del quale vorrei parlare con voi! 22:02
Feedback
Logo
Conferma
Nickname
Ciao ragazzi :) ho acquistato da poco un nuovo fumetto del quale vorrei parlare con voi! 22:02
Inserisci post
Progetto Comics Fandom
Scrivi un messaggio...
57
Cosa fa Elisabetta Clicca su “Inserisci post” 3. Cosa fa il sistema Carica il “modulo d’iscrizione”
Registrazione
Home Bacheca Bacheca
Nickname Password
Community
Conferma password E-mail
Community Inserisci post Modulo d’iscrizione
Invia
oppure
Feedback Conferma
Registrati tramite Facebook
Inserisci post
58
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena
Cosa fa Elisabetta Clicca sul bottone “Registrati tramite Facebook” 4. Cosa fa il sistema Restituisce un feedback di richiesta conferma per l’accesso ai dati personali
Home Bacheca Bacheca Community
Logo
Community Inserisci post Modulo d’iscrizione
Comics Fandom chiede il permesso di accedere al tuo profilo pubblico, alla lista di amici e all’indirizzo email
Feedback Conferma Inserisci post
Progetto Comics Fandom
Annulla
Ok
59
Cosa fa Elisabetta Clicca su “Conferma” 5. Cosa fa il sistema Carica la pagina “Inserici post”
Community
Home Bacheca
Condividi un pensiero...
Bacheca Community Community Inserisci post Modulo d’iscrizione Feedback Conferma Inserisci post
60
Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design
Studente Eleonora Porena