Comix Fandom

61
Studente: Eleonora Porena comix fandom User experience & web design Progeare una startup Docen: Stefano Dominici Maria Crisna Lavazza

description

Applicazione per smartphone dedicata ai collezionisti ed appassionati di fumetti. Le funzionalità che l’app svolge sono principalmente di archiviazione, di riconoscimento ottico delle immagini, di compravendita e scambio ed infine di informazione.

Transcript of Comix Fandom

  • Studente:Eleonora Porena

    comix fandom

    User experience & web designProgettare una startup

    Docenti:Stefano DominiciMaria Cristina Lavazza

  • Introduzione: il progetto

    Tema del corso: realizzare unapplicazione p. 6Idea di progetto: Comics Fandom p. 6 Il nome p. 6

    Il perch p. 7ROI p. 7Gli obiettivi 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 duso e wireframe p. 44

    Scenario 1 p. 46Scenario 2 p. 54

  • 6 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Tema del corso: realizzare una sturtup

    Il nome

    Idea di progetto

    Si tratta di unapplicazione per smartphone dedicata ai collezionisti ed appassionati di fumetti. Le funzionalit che lapp svolge sono principalmete di archiviazione, di riconoscimento ottico delle immagini, di compravendita e scambio ed infine di informazione.

    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.

    Comix+ (Fan)atic + Kin(dom) mondo degli appassionati dei fumetti

    comix fandom

  • 7Progetto Comics Fandom

    Il perch

    Obiettivi

    ROI

    previsto che si fornisca inizialmente una versione di prova dellapp 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.

    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.

    Lidea nata da unesperienza personale in cui lattivit di collezionismo si rivelata difficoltosa allaumentare dei pezzi della raccolta. Abbiamo quindi pensato a risolvere questo problema attraverso unapplicazione 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.

  • 11Progetto Comics Fandom

    Analisi dei Competitors

    Una volta decise le linee generali del progetto nata la necessit di inserirsi allinterno del mercato, per tale motivo stata effettuata unanalisi delle applicazioni gi esistenti che offrono un servizio analogo alla proposta progettuale.

    Lanalisi 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.

  • 12 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    DescrizioneNasce 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 lartista, la sua importanza, in che anno ha realizzato lopera, 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 dasta, 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.

    PiattaformaAppstore

    Prezzo 5,99

    Elenco contenuti

    Barra di ricerca

    Men

    MyKollektion - analisi qualitativa

  • 13Progetto Comics Fandom

    MyKollektion

    Punti di forza

    Molto chiara ed immediata

    Condivisione Creazione archivio

    personale Sicurezza dei dati

    personali elevata

    Punti di debolezza

    Eccessivamente settoriale

    Nessun riconoscimento OCR

    Analisi S.W.O.T.

    ECCELLENTE

    BUONA

    ECCELLENTE

    ECCELLENTE

    BUONA

    BUONA

    ECCELLENTE

    Chiarezza organizzativa

    Chiarezza del design

    Leggibilit e scansione delle informazioni

    Capacit riassuntive

    Customizzazione

    User friendly

    Facilit con la quale lutente raggiunge lobiettivo

    Valutazione complessiva

  • 14 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    DescrizioneLambo 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 dellimmagine 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 lelenco dei propri documenti. Lunica cosa che potrebbe essere gestita in modo diverso in Comix Fandom il fatto di visualizzare una piccola preview delle copertine nellelenco dei fumetti archiviati e non limitarsi al titolo, al numero e informazioni simili in modo che lutente li possa riconoscere a colpo docchio.

    PiattaformaAppstore

    Prezzo Gratis

    Lambo - analisi qualitativa

    Elenco contenuti

    Barra di ricerca

    Men

  • 15Progetto Comics Fandom

    Lambo

    ECCELLENTE

    BUONA

    ECCELLENTE

    ECCELLENTE

    BUONA

    BUONA

    ECCELLENTE

    Chiarezza organizzativa

    Chiarezza del design

    Leggibilit e scansione delle informazioni

    Capacit riassuntive

    Customizzazione

    User friendly

    Facilit con la quale lutente raggiunge lobiettivo

    Punti di forza

    Molto chiara ed immediata

    Pochi passaggi Elevate capacit

    riassuntive Riconoscimento OCR

    Punti di debolezza

    Design poco accattivante

    Analisi S.W.O.T. Valutazione complessiva

  • 16 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    DescrizioneGrazie a questapplicazione 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 nellapposita sezione Preferiti.

    PiattaformaAppstore

    Prezzo 0,99

    Anime e manga - analisi qualitativa

    Elenco contenuti

    Barra di ricerca

    Men

  • 17Progetto Comics Fandom

    Anime e manga

    Punti di forza

    Grafica chiara La sezione Preferiti

    Punti di debolezza

    Poche immagini Mancanza di curiosit Scarsit di contenuti

    aggiuntivi Pubblicit invasiva

    Analisi S.W.O.T. Valutazione complessiva

    BUONA

    INSUFFICIENTE

    BUONA

    BUONA

    INSUFFICIENTE

    INSUFFICIENTE

    BUONA

    Chiarezza organizzativa

    Chiarezza del design

    Leggibilit e scansione delle informazioni

    Capacit riassuntive

    Customizzazione

    User friendly

    Facilit con la quale lutente raggiunge lobiettivo

  • 18 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    DescrizioneApplicazione 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 lorigine 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.

    PiattaformaAppstore

    Prezzo Gratis

    Google Goggles - analisi qualitativa

    Cattura immagini

    Informazioni

  • 19Progetto Comics Fandom

    Google Goggles

    Punti di forza

    Riconoscimento OCR Informazioni facilmente

    reperibili

    Punti di debolezza

    Design poco accattivante

    Funzioni limitate

    Analisi S.W.O.T. Valutazione complessiva

    BUONA

    BUONA

    ECCELLENTE

    BUONA

    INSUFFICIENTE

    BUONA

    ECCELLENTE

    Chiarezza organizzativa

    Chiarezza del design

    Leggibilit e scansione delle informazioni

    Capacit riassuntive

    Customizzazione

    User friendly

    Facilit con la quale lutente raggiunge lobiettivo

  • 20 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Analisi S.W.O.T. di Comics Fandom

    Punti di forza

    Immediata User Friendly Grafica accativante Veloce e ricca dinformazioni Non ha competitor diretti Facilit di utilizzo Elevata leggibilit Chiaro e intuitiv o Specificit dei contenut i Aiuto per la memoria OCR Social

    Punti di debolezza

    Applicazione sconosciuta Per il riconoscimento OCR necessario possedere uno

    smartphone o un tablet

    Opportunit

    Settorializzazione Investimento iniziale Accesso agli store di

    distribuzione multimediale

    Minacce

    Ingresso nuovi competitors Competitors gi esistenti Mercato del compratore

  • 21Progetto Comics Fandom

    Analisi quantitativa

    Profilo personale(login tramite

    facebook)

    Archiviazione Riconoscimento OCR

    Info e notifiche Shop e scambioCustomizzazione

    Lambo

    MyKollektion

    Anime e manga

    Google goggle

  • 22 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    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 lusabilit del servizio in fase di progetto.

    TargetCollezionisti 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.

  • 23Progetto Comics Fandom

    Obiettivi della ricerca

    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 lesigenza 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?

    Capire come avviene larchiviazione dei fumetti;

    Capire se i collezionisti sono interessati ad attivit, oltre a quella di archiviazione, relative al tema dei fumetti;

    Capire quali sono;

  • 24 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    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?

    Meno di 6 mesi

    Da 6 mesi a 2 anni

    Da pi di 2 anni

    2. La vostra collezione :

    Monotematica

    Pluritematica

    Se meno di 6 mesi ma monotematica allora fine

    dellintervista in tutte le altre combinazione lintervista continua.3. Avete parteciapato ad altri test di questo tipo negli ultimi 6 mesi?

    S

    No

    4. Quanti anni avete? Minorenne

    18-25

    26-30

    Fine intervistaContinuaContinuaContinuaContinuaFine intervistaFine intervista

    Fine intervistaContinua intervista

    Questionario di screening

  • 25Progetto Comics Fandom

    5. Possedete uno smartphone?

    S No

    6. Avete una connessione internet?

    S No

    7. Avete partecipato ad un evento relativo al mondo dei fumetti in cui era possibile acquistarli?

    Mai Almeno una volta Pi di una volta

    8. Avete fatto acquisti su internet?

    Mai S, almeno una volta Abitualmente

    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 lesigenza 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?

    Domande di script

    Fine intervistaContinuaContinua

    Fine intervistaContinuaContinua

    ContinuaFine intervista

    ContinuaFine intervista

  • 26 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Et

    Tipologia della collezione

    Da quanto tempo collezionano

    Metodo di archiviazione

    Risultati Abbiamo sottoposto il questionario ad un campione di 8 intervistati.

    25 anni in su

    22-25 anni

    18-22 anni

    25%

    25%

    50%

    0%

    100%nazionalit

    formato

    serie

    50%

    25%

    25%

    2-5 anni

    5-10 anni

    pi di 10

    50%

    12,5

    37,5

  • 27Progetto Comics Fandom

    Come ricordano

    Come hanno iniziato

    Hanno esigenza di vendere/scambiare

    Come arricchiscono la collezione

    metodo mnemonico

    carta e penna

    12,5%

    87,5% si

    no

    50%

    50%

    anime

    curiosit/amicizia

    25%

    12,5%

    12,5%

    topolino

    25%25%

    acquisto/regalo

    acquisto (anche usato)

    25%

    75%

  • 28 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Partecipano ad eventi

    Hanno interesse per le edizioni speciali

    Come sanno di questi eventi

    Come vengono a sapere delle edizioni speciali

    no

    si

    0%

    100%

    si

    no

    poco

    50%

    12,5%

    37,5%

    socialnetwork

    passaparola

    web

    25%

    12,5%

    25%

    pubblicit

    37,5%

    passaparola

    web

    negoziante/case editrici

    50%

    25%

    25%

  • 29Progetto Comics Fandom

    Come si muovono quando devono acquistare Sono disposti a pagare 0,89 centesimi per scaricare lapp

    no

    si

    12,5%

    87,5%internet/negozio

    12,5%

    87,5%solo negozio

  • 30 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    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.

  • 31Progetto Comics Fandom

    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.

    Chi Riccardo

    Obiettivi

    Nome: RiccardoEt: 33 anniCitt: RomaProfessione: libero professionistaElementi personali: single, eterno bambino

    Riuscire a trovare nuovi pezzi per la sua collezione di fumetti;

    Partecipare spesso a fiere ed eventi specifici.

    Touchpoint tecnologici

    Conoscenze tecnologiche

    Interazione con i social network

    Fiducia nel e-commerce

    Apertura al nuovo

    Nulla potr mai sostituire lodore e la bellezza della carta stampata.

    Il collezionista romantico

    Essere sempre aggiornati sulle ultime novit, uscite ed eventi;

    Segnare i numeri mancanti cos da non dimenticarli;

    Avere un negoziante di fiducia.

    Perdere unoccasione;

    Dimenticare un numero.

    Necessit Frustazioni

  • 32 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    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.

    Chi Elisabetta

    Obiettivi

    Nome: ElisabettaEt: 23 anniCitt: PiacenzaProfessione: studentessaElementi personali: single, dipendente dai social network

    Condivedere la sua passione con pi persone possibili;

    Trovare unarea social su unapplicazione focalizatta sul mondo dei fumetti.

    Touchpoint tecnologici

    Conoscenze tecnologiche

    Interazione con i social network

    Fiducia nel e-commerce

    Apertura al nuovo

    Una volta sono rimasta senza internet. stato il giorno pi brutto della mia vita.

    La social

    Voler dare maggiore visibilit al proprio blog;

    Conoscere interessi e storie altrui;

    Parlare della propria passione con gli altri.

    Non avere la possibilit di navigare e chattare;

    Dover interagire con sistemi poco user friendly.

    Necessit Frustazioni

  • 33Progetto Comics Fandom

    Andrea uno studente allultimo 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 isuoi acquisti non avendo negozi forniti vicino casa e vorrebbe una piattaforma online dedicata ai fumetti chegli fornisca velocemente offerte e promozioni.

    Chi Andrea

    Obiettivi

    Nome: AndreaEt: 25 anniCitt: RomaProfessione: studenteElementi personali: single, amante della tecnologia

    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

    Utilizzo internet per quasi tutti i miei acquisti, andare in giro per negozi non fa proprio per me.

    Lacquirente tecnologico

    Seguendo tente serie ha bisogno di promemoria che gli ricordino le uscite;

    Vorrebbe ununica piattaforma in cui riassumere tutte le informazioniche cerca per non doversi districare tra i vari blog e e-commerce.

    Ha paura di dimenticare ladata delle uscite e non essere al passo con la serie;

    Ha paura di perdere delle occasioni, sconti e promozioni.

    Necessit Frustazioni

  • 34 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    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 deivenditori online e quindi tende a essere restia ad acquistare fumetti su internet.

    Chi Irene

    Obiettivi

    Nome: IreneEt: 43 anniCitt: TorinoProfessione: insegnanteElementi personali: sposata, amante dello shopping

    Trovare un sito trasparente;

    Comprare da un venditore fidato.

    Touchpoint tecnologici

    Conoscenze tecnologiche

    Interazione con i social network

    Fiducia nel e-commerce

    Apertura al nuovo

    Mia figlia ormai una fan pi accanita di me!

    Lacquirente cauta

    Fare acquisti comodamente da casa;

    Trovare un venditore affidabile online;

    Risparmiare tempo.

    Paura di essere truffata;

    Teme che le condizioni del prodotto non corrispondano a quelle dichiarate.

    Necessit Frustazioni

  • 35Progetto Comics Fandom

    Personas a confronto

    Elisabetta23 anniPiacenzaStudentessaSingle, dipendente dai social network

    Una volta sono rimasta senza internet. stato il giorno pi brutto della mia vita.

    Riccardo33 anni

    RomaLibero professionista

    Single, eterno bambino

    Nulla potr mai sostituire lodore e la bellezza della carta stampata.

    Irene43 anniTorinoInsegnanteSposata, amante dello shopping

    Mia figlia ormai una fan pi accanita di me!

    Andrea25 anni

    RomaStudente

    Single, amante della tecnologia

    Utilizzo internet per quasi tutti i miei acquisti, andare in giro per negozi non fa proprio per me...

    Archiviazione e personalizzazione

    Community

    Shop Blog

  • 36 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Scenari

    Una volta creati i personaggi si pensato a loro come persone vere che utilizzano per la prima volta lapplicazione. Lobiettivo 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 duso 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.

  • 37Progetto Comics Fandom

    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. Luso di un mezzo tecnologico come lo smartphone potrebbe essere la soluzione ideale per chi quotidianamente, anche per lavoro, lo utilizza.

    Scenario Come aiutare Riccardo

    Alcune volte dimentico i numeri dei fumetti che mi mancano, cos li segno su un foglio di carta, che spesso poi lo perdo!

    Riccardo

    Funzione OCR veloce ed intuitiva;

    Possibilit di archiviazione;

    Notifiche sulle proprie preferenze.

    Soluzioni

    Come avverrebbe larchiviazione?

    Posso leggere i fumetti direttamente sullo smartphone?

    Come aggiorno la mia collezione?

    Linguaggio chiaro e veloce;

    Sistema di suporto logico (archivio, OCR);

    Interfacce accattivanti e a tema.

    Domande

    Punti di attenzione

    Segnare i numeri mancanti cos da non dimenticarli;

    Utilizzare uno strumento pratico e veloce;

    Essere sicuro di non dimenticare nulla e di non perdere nessuna occasione.

    Obiettivi

    Velocit

    Funzionalit

    Immediatezza

    Semplicit

  • 38 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    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 unamica decide di scaricare lapplicazione Comics Fandom in cui presente una community privata dedicata al mondo dei fumetti.

    Elisabetta ha bisogno di unapplicazione che le consenta di chattare con persone con la sua stessa passione.

    Scenario Come aiutare Elisabetta

    Mi piacerebbe far parte di una community in cui tutti hanno la mia stessa passione.

    Elisabetta

    Community con interfaccia e funzioni simili ai social;

    Avere la possibilit di registrarsi con Facebook;

    Potersi collegare agli altri social.

    Soluzioni

    Devo creare un mio profilo per accedere alla community?

    Posso inserire post e commenti?

    Linguaggio chiaro e veloce;

    Possibilit di inserire post e commenti facilmente;

    Interagire con altri collezionisti.

    Domande

    Punti di attenzione

    Interagire con uninterfaccia semplice e intuitiva;

    Comunicare costantemente;

    Scambio di opinioni e informazioni sul suo hobby.

    Obiettivi

    Carattere social

    Intrattenimento

    User friendly

    Immediatezza

  • 39Progetto Comics Fandom

    Andrea iscritto a molti siti internet che lo tengono aggiornato sul mondo dei fumetti ed esegue quasi tutti isuoi acquisti online. Un suo amico gli consiglia di scaricare lapplicazione Comics Fandom che gli permetterebbe di esseresempre aggiornato gratuitamente sulle ultime novit e acquistare in modo sicuro e trasparente. Andreascarica lapp 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 unapplicazione che sia veloce ed intuitiva e che dia la possibilit di acquistare online in tempi brevi e con pochi passaggi.

    Scenario Come aiutare Riccardo

    Leggere varie collane di fumetti impegnativo, mi piacerebbe che ci fosse qualcosa che mi tengaaggiornato su tutto.

    Andrea

    Personalizzazione dei propri campi dinteresse;

    Piattaforma e-commerce che gli permetta tramite filtri di trovare facilmente ci che cerca.

    Soluzioni

    Posso avere degli aggiornamenti che mi avvertono su ci che mi interessa senza essere bombardato di notifiche?

    Posso acquistare o scambiare fumetti?

    Linguaggio chiaro e veloce;

    Possibilit di personalizzazione del proprio profilo;

    Filtri per una ricerca veloce nello shop.

    Domande

    Punti di attenzione

    Limitare la perdita di tempo nel cercare le informazioni;

    Non dimenticare eventi importanti, uscite e promozioni.

    Obiettivi

    Immediatezza

    Personalizzazione

    Informazione

    Affidabilit

  • 40 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    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 allapplicazione Comics Fandom ha scoperto un modo trasparente e fidato di conoscere i venditori tramite larea riservataalle interviste e commenti ai best seller.

    Irene ha bisogno di una piattaforma e-commerce che sia trasparente nelle informazioni e le dia le giustegaranzie sia sui prodotti che sui venditori.

    Scenario Come aiutare Elisabetta

    Non mi fido mai di gente che non conosco e cose che non possotoccare con mano.

    Irene

    Rating sui venditori;

    Acquisto anche tramite paypal.

    Soluzioni

    Posso vedere i feedback lasciati dagli altri acquirenti?

    Posso avere informazioni o contatti diretti sui venditori?

    Linguaggio chiaro e veloce;

    Feedback degli acquirenti sui venditori.

    Domande

    Punti di attenzione

    Risparmiare tempo acquistando online;

    Essere informata riguardo ai venditori;

    Avere una garanzia che la renda serena nella fase di acquisto.

    Obiettivi

    Affidabilit

    Trasparenza

    Informazione

    Immediatezza

  • 41Progetto Comics Fandom

    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 allutilizzo.

    SmartphonePi pratico per il tracking e la comparazione delle copertine in situazioni di dinamicit.

    ComputerDifficilmente si utilizzer il riconoscimento tramite la WebCam del pc, quindi questo strumento potr essere utilizzato per sfogliare la propria raccolta on-line, gestire laccount utente, le vendite o gli scambi.

    Tablet

    Dato che lhardware e le dimensioni dello schermo lo consentono racchiude tutte le funzioni sia dello Smartphone che del Pc, la sua comodit consiste nellavere uno schermo di dimensioni maggiori.

  • 44 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Site Map

    Passati alla fase di sviluppo abbiamo applicato nel pratico quanto verificato nella ricerca, progettando una site map dellapplicazione 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 duso e Wireframe

    Durante lultima fase di progettazione ogni membro del gruppo ha interpretato in maniera personale i wireframe del sito studiato. I wireframe qui proposti riguardano liscrizione e la creazione del proprio archivio (Ricccardo) e liscrizione e linserimento di un post nella community (Elisabetta). Per la progettazione dei wireframe ci siamo serviti dei casi duso e delle personas. Abbiamo preso in esame il comportameto del personaggio e le risposte del sistema per ogni punto dellinterazione.

  • 45Progetto Comics Fandom

    Site Map

  • 46 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    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 lapplicazione Comics Fandom che grazie allarchivio 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 lapplicazione procede con la registrazione e la creazione del proprio archivio.

    Funzionalit coinvolte

    Registrazione

    Archivio

    Dettagli

    Caso dusoRegistrazione e creazione del proprio archivio con inserimento di immagini e dettagli.

    Cosa fa RiccardoClicca sul bottone RegistratiCosa fa il sistemaCarica la schermata del modulo discrizione

    Cosa fa RiccardoClicca sul bottone avantiCosa fa il sistemaApre la fotocamera

    4.

    1.

    Cosa fa RiccardoScatta una fotoCosa fa il sistemaCarica la pagina aggiungi dettagli

    5.

    Cosa fa RiccardoDigita i dati e clicca su inviaCosa fa il sistemaRestituisce un feedback e carica carica la schermata personalizzazione del profilo

    2.

    Cosa fa RiccardoDigita i dettagli e clicca su salvaCosa fa il sistemaRestituisce un feedback e salva nellarchivio il nuovo albo

    6.

    Cosa fa RiccardoClicca sul bottone crea archivioCosa fa il sistemaCarica la pagina inserisci titolo collezione

    3.

    Scenario 1 - Riccardo

  • 47Progetto Comics Fandom

    Home

    Modulo discrizione

    Feedback

    Fotocamera

    Indice Foto

    Registrati

    Non autenticato

    Invia

    Crea archivio

    Avanti

    Scatta foto

    Aggiungi altro alboVai indice

  • 48 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Home

    Modulo discrizione

    Feedback

    Fotocamera

    Indice Foto

    Registrati

    Non autenticato

    Invia

    Crea archivio

    Avanti

    Scatta foto

    Aggiungi altro alboVai indice

    Cosa fa RiccardoClicca sul bottone RegistratiCosa fa il sistemaCarica la schermata del modulo discrizione

    1.

    Registrati

    Bacheca

    Per creare il tuo archivio ed accedere allo shop

    comix fandomLogoNickname

    Password

    Conferma password

    E-mail

    Invia

    oppure

    Registrazione

    Registrati tramite Facebook

  • 49Progetto Comics Fandom

    Home

    Modulo discrizione

    Feedback

    Fotocamera

    Indice Foto

    Registrati

    Non autenticato

    Invia

    Crea archivio

    Avanti

    Scatta foto

    Aggiungi altro alboVai indice

    Cosa fa RiccardoDigita i dati e clicca su inviaCosa fa il sistemaRestituisce un feedback e carica carica la schermata personalizzazione del profilo

    2.

    La tua registrazione avvenuta con successo. Prosegui ora con la personalizzazione del profilo personale o inizia a creare il tuo

    archivio

    Registrazione

    Registrati tramite Facebook

    Personalizzazione profilo

    Crea il tuo archivio

  • 50 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Home

    Modulo discrizione

    Feedback

    Fotocamera

    Indice Foto

    Registrati

    Non autenticato

    Invia

    Crea archivio

    Avanti

    Scatta foto

    Aggiungi altro alboVai indice

    Cosa fa RiccardoClicca sul bottone crea archivioCosa fa il sistemaCarica la pagina inserisci titolo collezione

    3.

    Crea collezione

    Il tuo Archivio

    Inserisci il titolo della collezione

  • 51Progetto Comics Fandom

    Home

    Modulo discrizione

    Feedback

    Fotocamera

    Indice Foto

    Registrati

    Non autenticato

    Invia

    Crea archivio

    Avanti

    Scatta foto

    Aggiungi altro alboVai indice

    Cosa fa RiccardoClicca sul bottone avantiCosa fa il sistemaApre la fotocamera

    4.

  • 52 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Home

    Modulo discrizione

    Feedback

    Fotocamera

    Indice Foto

    Registrati

    Non autenticato

    Invia

    Crea archivio

    Avanti

    Scatta foto

    Aggiungi altro alboVai indice

    Cosa fa RiccardoScatta una fotoCosa fa il sistemaCarica la pagina aggiungi dettagli

    5.

    Titolo

    Autore

    Casa Editrice

    Collana

    Edizione

    Numero

    Invia

    Descrizione

    Aggiungi dettagli

  • 53Progetto Comics Fandom

    Home

    Modulo discrizione

    Feedback

    Fotocamera

    Indice Foto

    Registrati

    Non autenticato

    Invia

    Crea archivio

    Avanti

    Scatta foto

    Aggiungi altro alboVai indice

    Cosa fa RiccardoDigita i dettagli e clicca su salvaCosa fa il sistemaRestituisce un feedback e salva nellarchivio il nuovo albo

    6.

    Indice Aggiungi

    Un nuovo albo stato correttamento inserito nel tuo

    archivio

    Aggiungi dettagli

  • 54 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Cosa fa ElisabettaClicca sul bottone Registrati tramite FacebookCosa fa il sistemaRestituisce un feedback di richiesta conferma per laccesso ai dati personali

    4.

    Cosa fa ElisabettaClicca sul bottone BachecaCosa fa il sistemaCarica la schermata della bacheca

    1.

    Cosa fa ElisabettaClicca su ConfermaCosa fa il sistemaCarica la pagina Inserici post

    5.

    Cosa fa ElisabettaClicca sul bottone CommunityCosa fa il sistemaCarica la pagina della community

    2.

    Cosa fa ElisabettaClicca su Inserisci postCosa fa il sistemaCarica il modulo discrizione

    3.

    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 carat-teristiche simili a quelle di un social network. Su suggerimento di unamica decide di scaricare lapplicazione Comics Fandom in cui presente una community privata dedicata al mondo dei fumetti.

    Funzionalit coinvolte

    Community

    Registrazione

    Inserimento post

    Caso dusoVisualizzazione della community, registrazione e inserimento post.

    Scenario 2 - Elisabetta

  • 55Progetto Comics Fandom

    Home

    Bacheca

    Community

    Modulo discrizione

    Feedback

    Inserisci post

    Bacheca

    Community

    Inserisci post

    Conferma

  • 56 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Home

    Bacheca

    Community

    Modulo discrizione

    Feedback

    Inserisci post

    Bacheca

    Community

    Inserisci post

    Conferma

    Cosa fa ElisabettaClicca sul bottone BachecaCosa fa il sistemaCarica la schermata della bacheca

    1.

    Bacheca

    Blog

    Shop online

    Community

    Registrati

    Bacheca

    Per creare il tuo archivio ed accedere allo shop

    comix fandomLogo

  • 57Progetto Comics Fandom

    Home

    Bacheca

    Community

    Modulo discrizione

    Feedback

    Inserisci post

    Bacheca

    Community

    Inserisci post

    Conferma

    Cosa fa ElisabettaClicca sul bottone CommunityCosa fa il sistemaCarica la pagina della community

    2.

    Community

    Recenti Popolari

    Ciao ragazzi :) ho acquistato da poco un nuovo fumetto del quale vorrei parlare con voi!

    Logo

    Nickname

    22:02

    Ciao ragazzi :) ho acquistato da poco un nuovo fumetto del quale vorrei parlare con voi!

    Logo

    Nickname

    22:02

    Ciao ragazzi :) ho acquistato da poco un nuovo fumetto del quale vorrei parlare con voi!

    Logo

    Nickname

    22:02

    Ciao ragazzi :) ho acquistato da poco un nuovo fumetto del quale vorrei parlare con voi!

    Logo

    Nickname

    22:02

    Scrivi un messaggio...

  • 58 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Home

    Bacheca

    Community

    Modulo discrizione

    Feedback

    Inserisci post

    Bacheca

    Community

    Inserisci post

    Conferma

    Cosa fa ElisabettaClicca su Inserisci postCosa fa il sistemaCarica il modulo discrizione

    3.

    Nickname

    Password

    Conferma password

    E-mail

    Invia

    oppure

    Registrazione

    Registrati tramite Facebook

  • 59Progetto Comics Fandom

    Home

    Bacheca

    Community

    Modulo discrizione

    Feedback

    Inserisci post

    Bacheca

    Community

    Inserisci post

    Conferma

    Cosa fa ElisabettaClicca sul bottone Registrati tramite FacebookCosa fa il sistemaRestituisce un feedback di richiesta conferma per laccesso ai dati personali

    4.

    Logo

    OkAnnulla

    Comics Fandom chiede il permesso di accedere al tuo profilo pubblico, alla lista di

    amici e allindirizzo email

    Facebook

  • 60 Visual and Innovation Design - A.A. 2014/2015 - User Experience & Web Design Studente Eleonora Porena

    Home

    Bacheca

    Community

    Modulo discrizione

    Feedback

    Inserisci post

    Bacheca

    Community

    Inserisci post

    Conferma

    Cosa fa ElisabettaClicca su ConfermaCosa fa il sistemaCarica la pagina Inserici post

    5.

    Community

    Condividi un pensiero...