SlideShare ist ein Scribd-Unternehmen logo
1 von 24
Downloaden Sie, um offline zu lesen
Facetag
nuova interfaccia per nuovi modi di esplorare le classificazioni




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Luca www.lucamascaro.info/blog
                       • Titolare e User Experience Architect in Sketchin
                       • Responsabile area social software e enterprise 2.0 in
                         Phiware
                       • Coordinatore strategico IWA Italy
                       • Co-responsabile gruppo di sviluppo Web Skill per
                         IWA
                       • Membro del W3C HTML, XHTML, WCAG, Webapp
                         WG
                       • Membro dell’ISO Software Ergonomics WG
                       • Co-fondatore di Netwo
                       • Docenza Master ICT a Napoli



Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Facetag
                                                •   sistema di bookmarking sociale che si
                                                    fonda su diversi approcci di
                                                    classificazione
                                                •   uso di faccette, tag e gerarchie
                                                    contemporaneamente
                                                •   applicato attualmente al contesto
         www.facetag.org                            dell’architettura dell’informazione
                                                •   nato nel 2006 da una ricerca di Andrea
                                                    Resmini, Emanuele Quintarelli e Luca
                                                    Rosati ed evolutosi nel 2007




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
L’interfaccia originale




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
L’interfaccia originale
                                                •   basata su metafore già adottate in singoli
                                                    sistemi di classificazione esistenti
                                                    (Del.icio.us, Rawsugar, Flamenco, Simile
                                                    Longwell, ...)
                                                •   Fusione non adatta verso gli utenti
                                                •   Introduzione problematica di una
                                                    gerarchia visiva tra le faccette
                                                •   Alcuni elementi d’interfaccia sconnessi
                                                •   Scarsa comprensibilità dello strumento




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Approccio: riprogettazione iterativa centrata sugli utenti

             Obiettivi: migliorare la navigabilità (efficienza, efficacia non
             soddisfazione), aumentare l’affordance, aumentare la
             comprensibilità




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
La via intrapresa
                                                •   iterative design
                                                •   ogni soluzione emersa è stata indagata
                                                    con gli utenti
                                                •   piccoli test su wireframes (carta) e su
                                                    prototipi simulati in html attraverso
                                                    metodologia thinking aloud
                                                •   10 iterazioni totali
                                                •   risultato soddisfacente ma in
                                                    progress




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Il nuovo




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Il nuovo Facetag




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Il nuovo Facetag




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Il nuovo Facetag




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Il nuovo Facetag




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Dettagli curiosi e futuro di                              -




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Panel faccette




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Panel faccette: possibili approcci

Tag cloud                               Lineare                                 Lista




•                                       •                                       •
    vantaggi: ulteriore livello             vantaggi: chiaro e                       vantaggi: molto efficace e
    percettivo                              scalabile                                perfetta per gerarchie
•                                       •                                       •
    svantaggi: difficilmente                 svantaggi: perdita di                    svantaggi: poco efficiente
    integrabile con gerarchie               opportunità percettive
                                            (parzialmente
                                            recuperabili con il
                                            grassetto)


    Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Panel faccette: espandibilità (livelli)




      ✓    introduzione di un ulteriore livello di classificazione a base matematica
           a livello di navigazione




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Panel faccette: tag engagement




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Faccette lineari



                                            •   La lingua non è un tag libero e non è
                                                multidimensionale


                                            •   Un range di date non è anch’esso un tag


                                            •   La ricerca passa si dai tag ma anche
                                                verso la descrizione




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Faccette lineari: futura multiselezione?




             ✓   potrebbe potenzialmente anche funzionare per le persone



Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Faccette lineari: data-range con visione?




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Sorting e risultati




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Futuro



                                                •   miglioramento degli elementi di
                                                    dettaglio (faccette lineari)
                                                •   nuovi sorting matematici (rilevanza /
                                                    importanza)
                                                •   backoffice




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
Grazie per l’attenzione

per informazioni e domande:
www.sketchin.ch - luca@sketchin.ch




Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento

Weitere ähnliche Inhalte

Ähnlich wie Facetag: nuova interfaccia per nuovi modi di esplorare le classificazioni

La didattica nel tempo di twitter
La didattica nel tempo di twitterLa didattica nel tempo di twitter
La didattica nel tempo di twitterRoberto Polillo
 
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?girolamo giannatempo
 
Comergy_2009_2015
Comergy_2009_2015Comergy_2009_2015
Comergy_2009_2015Nc Sòlàr
 
Competenze digitali professionali
Competenze digitali professionaliCompetenze digitali professionali
Competenze digitali professionaliRoberto Scano
 
AI (Architettura dell'Informazione) for dummies: lezioni e project work
AI (Architettura dell'Informazione) for dummies: lezioni e project workAI (Architettura dell'Informazione) for dummies: lezioni e project work
AI (Architettura dell'Informazione) for dummies: lezioni e project workDaniela Costantini
 
Agile Experience Design & Development - IAD 2012
Agile Experience Design & Development - IAD 2012Agile Experience Design & Development - IAD 2012
Agile Experience Design & Development - IAD 2012Timothy Carniato
 
Gestione Schematico2009
Gestione Schematico2009Gestione Schematico2009
Gestione Schematico2009Diego Faro
 
Gestione Schematico2009
Gestione Schematico2009Gestione Schematico2009
Gestione Schematico2009guest15b813
 
Ribesdesign interfacce
Ribesdesign interfacceRibesdesign interfacce
Ribesdesign interfacceRibesdesign
 
Progettare un (Web)GIS utilizzando Software Libero
Progettare un (Web)GIS utilizzando Software LiberoProgettare un (Web)GIS utilizzando Software Libero
Progettare un (Web)GIS utilizzando Software LiberoEduard Roccatello
 
Softwaree l\'Ingegneria Civile
Softwaree l\'Ingegneria CivileSoftwaree l\'Ingegneria Civile
Softwaree l\'Ingegneria Civilepierino23
 
Mathcad Prime 2.0
Mathcad Prime 2.0Mathcad Prime 2.0
Mathcad Prime 2.0GMSL S.r.l.
 
Progettazione e realizzazione di sistemi webgis per il turismo
Progettazione e realizzazione di sistemi webgis per il turismoProgettazione e realizzazione di sistemi webgis per il turismo
Progettazione e realizzazione di sistemi webgis per il turismoEduard Roccatello
 
L'esperienza di progettare esperienze utente
L'esperienza di progettare esperienze utenteL'esperienza di progettare esperienze utente
L'esperienza di progettare esperienze utenteSketchin
 
Anti pattern se lo conosci lo eviti
Anti pattern se lo conosci lo evitiAnti pattern se lo conosci lo eviti
Anti pattern se lo conosci lo evitiSimone Federici
 
La semiotica a supporto della progettazione: vademecum per UX designers
La semiotica a supporto della progettazione: vademecum per UX designersLa semiotica a supporto della progettazione: vademecum per UX designers
La semiotica a supporto della progettazione: vademecum per UX designersLuna Gasparini
 

Ähnlich wie Facetag: nuova interfaccia per nuovi modi di esplorare le classificazioni (20)

IUAVcamp 2010 - Processing
IUAVcamp 2010 - ProcessingIUAVcamp 2010 - Processing
IUAVcamp 2010 - Processing
 
La didattica nel tempo di twitter
La didattica nel tempo di twitterLa didattica nel tempo di twitter
La didattica nel tempo di twitter
 
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
 
Comergy_2009_2015
Comergy_2009_2015Comergy_2009_2015
Comergy_2009_2015
 
Competenze digitali professionali
Competenze digitali professionaliCompetenze digitali professionali
Competenze digitali professionali
 
AI (Architettura dell'Informazione) for dummies: lezioni e project work
AI (Architettura dell'Informazione) for dummies: lezioni e project workAI (Architettura dell'Informazione) for dummies: lezioni e project work
AI (Architettura dell'Informazione) for dummies: lezioni e project work
 
Agile Experience Design & Development - IAD 2012
Agile Experience Design & Development - IAD 2012Agile Experience Design & Development - IAD 2012
Agile Experience Design & Development - IAD 2012
 
Gestione Schematico2009
Gestione Schematico2009Gestione Schematico2009
Gestione Schematico2009
 
Gestione Schematico2009
Gestione Schematico2009Gestione Schematico2009
Gestione Schematico2009
 
Ribesdesign interfacce
Ribesdesign interfacceRibesdesign interfacce
Ribesdesign interfacce
 
Progettare un (Web)GIS utilizzando Software Libero
Progettare un (Web)GIS utilizzando Software LiberoProgettare un (Web)GIS utilizzando Software Libero
Progettare un (Web)GIS utilizzando Software Libero
 
WPCon
WPConWPCon
WPCon
 
Softwaree l\'Ingegneria Civile
Softwaree l\'Ingegneria CivileSoftwaree l\'Ingegneria Civile
Softwaree l\'Ingegneria Civile
 
Mathcad Prime 2.0
Mathcad Prime 2.0Mathcad Prime 2.0
Mathcad Prime 2.0
 
Progettazione e realizzazione di sistemi webgis per il turismo
Progettazione e realizzazione di sistemi webgis per il turismoProgettazione e realizzazione di sistemi webgis per il turismo
Progettazione e realizzazione di sistemi webgis per il turismo
 
L'esperienza di progettare esperienze utente
L'esperienza di progettare esperienze utenteL'esperienza di progettare esperienze utente
L'esperienza di progettare esperienze utente
 
Anti pattern se lo conosci lo eviti
Anti pattern se lo conosci lo evitiAnti pattern se lo conosci lo eviti
Anti pattern se lo conosci lo eviti
 
Corso GOF Design Pattern
Corso GOF Design PatternCorso GOF Design Pattern
Corso GOF Design Pattern
 
Cenni di Information Design
Cenni di Information DesignCenni di Information Design
Cenni di Information Design
 
La semiotica a supporto della progettazione: vademecum per UX designers
La semiotica a supporto della progettazione: vademecum per UX designersLa semiotica a supporto della progettazione: vademecum per UX designers
La semiotica a supporto della progettazione: vademecum per UX designers
 

Mehr von Luca Mascaro

Il valore dell'esperienza
Il valore dell'esperienzaIl valore dell'esperienza
Il valore dell'esperienzaLuca Mascaro
 
Evolutive experience design, or the survival of the fittest
Evolutive experience design, or the survival of the fittestEvolutive experience design, or the survival of the fittest
Evolutive experience design, or the survival of the fittestLuca Mascaro
 
L'opportunità di progettare per l'esperienza
L'opportunità di progettare per l'esperienzaL'opportunità di progettare per l'esperienza
L'opportunità di progettare per l'esperienzaLuca Mascaro
 
Design leadership and experience management
Design leadership and experience managementDesign leadership and experience management
Design leadership and experience managementLuca Mascaro
 
Multichannel interfaces: what kind of approach?
Multichannel interfaces: what kind of approach?Multichannel interfaces: what kind of approach?
Multichannel interfaces: what kind of approach?Luca Mascaro
 
Lean Experience Design
Lean Experience DesignLean Experience Design
Lean Experience DesignLuca Mascaro
 
Peoples and services tales
Peoples and services talesPeoples and services tales
Peoples and services talesLuca Mascaro
 
Change: business & design strategy
Change: business & design strategyChange: business & design strategy
Change: business & design strategyLuca Mascaro
 
UX laws - How to design a great user experience
UX laws - How to design a great user experienceUX laws - How to design a great user experience
UX laws - How to design a great user experienceLuca Mascaro
 
Me, myself and I: a dream tracking tale
Me, myself and I: a dream tracking taleMe, myself and I: a dream tracking tale
Me, myself and I: a dream tracking taleLuca Mascaro
 
Governare l'evoluzione del software analizzandone l'esperienza d'uso
Governare l'evoluzione del software analizzandone l'esperienza d'usoGovernare l'evoluzione del software analizzandone l'esperienza d'uso
Governare l'evoluzione del software analizzandone l'esperienza d'usoLuca Mascaro
 
Il futuro dell'esperienza d'uso in wordpress
Il futuro dell'esperienza d'uso in wordpressIl futuro dell'esperienza d'uso in wordpress
Il futuro dell'esperienza d'uso in wordpressLuca Mascaro
 
Reinventing experience, dall'artefatto al servizio nuove prospettive sull'esp...
Reinventing experience, dall'artefatto al servizio nuove prospettive sull'esp...Reinventing experience, dall'artefatto al servizio nuove prospettive sull'esp...
Reinventing experience, dall'artefatto al servizio nuove prospettive sull'esp...Luca Mascaro
 
evolutive design e design by code
evolutive design e design by codeevolutive design e design by code
evolutive design e design by codeLuca Mascaro
 
Il design digitale cambia
Il design digitale cambia Il design digitale cambia
Il design digitale cambia Luca Mascaro
 
Progetto impresa giovane
 Progetto impresa giovane Progetto impresa giovane
Progetto impresa giovaneLuca Mascaro
 
Evolutive experience design
Evolutive experience designEvolutive experience design
Evolutive experience designLuca Mascaro
 
Creare strumenti, pensare esperienze
Creare strumenti, pensare esperienzeCreare strumenti, pensare esperienze
Creare strumenti, pensare esperienzeLuca Mascaro
 

Mehr von Luca Mascaro (20)

Il valore dell'esperienza
Il valore dell'esperienzaIl valore dell'esperienza
Il valore dell'esperienza
 
Evolutive experience design, or the survival of the fittest
Evolutive experience design, or the survival of the fittestEvolutive experience design, or the survival of the fittest
Evolutive experience design, or the survival of the fittest
 
L'opportunità di progettare per l'esperienza
L'opportunità di progettare per l'esperienzaL'opportunità di progettare per l'esperienza
L'opportunità di progettare per l'esperienza
 
Design leadership and experience management
Design leadership and experience managementDesign leadership and experience management
Design leadership and experience management
 
Multichannel interfaces: what kind of approach?
Multichannel interfaces: what kind of approach?Multichannel interfaces: what kind of approach?
Multichannel interfaces: what kind of approach?
 
Introduzione ux
Introduzione uxIntroduzione ux
Introduzione ux
 
Lean Experience Design
Lean Experience DesignLean Experience Design
Lean Experience Design
 
Peoples and services tales
Peoples and services talesPeoples and services tales
Peoples and services tales
 
Experience change
Experience changeExperience change
Experience change
 
Change: business & design strategy
Change: business & design strategyChange: business & design strategy
Change: business & design strategy
 
UX laws - How to design a great user experience
UX laws - How to design a great user experienceUX laws - How to design a great user experience
UX laws - How to design a great user experience
 
Me, myself and I: a dream tracking tale
Me, myself and I: a dream tracking taleMe, myself and I: a dream tracking tale
Me, myself and I: a dream tracking tale
 
Governare l'evoluzione del software analizzandone l'esperienza d'uso
Governare l'evoluzione del software analizzandone l'esperienza d'usoGovernare l'evoluzione del software analizzandone l'esperienza d'uso
Governare l'evoluzione del software analizzandone l'esperienza d'uso
 
Il futuro dell'esperienza d'uso in wordpress
Il futuro dell'esperienza d'uso in wordpressIl futuro dell'esperienza d'uso in wordpress
Il futuro dell'esperienza d'uso in wordpress
 
Reinventing experience, dall'artefatto al servizio nuove prospettive sull'esp...
Reinventing experience, dall'artefatto al servizio nuove prospettive sull'esp...Reinventing experience, dall'artefatto al servizio nuove prospettive sull'esp...
Reinventing experience, dall'artefatto al servizio nuove prospettive sull'esp...
 
evolutive design e design by code
evolutive design e design by codeevolutive design e design by code
evolutive design e design by code
 
Il design digitale cambia
Il design digitale cambia Il design digitale cambia
Il design digitale cambia
 
Progetto impresa giovane
 Progetto impresa giovane Progetto impresa giovane
Progetto impresa giovane
 
Evolutive experience design
Evolutive experience designEvolutive experience design
Evolutive experience design
 
Creare strumenti, pensare esperienze
Creare strumenti, pensare esperienzeCreare strumenti, pensare esperienze
Creare strumenti, pensare esperienze
 

Facetag: nuova interfaccia per nuovi modi di esplorare le classificazioni

  • 1. Facetag nuova interfaccia per nuovi modi di esplorare le classificazioni Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 2. Luca www.lucamascaro.info/blog • Titolare e User Experience Architect in Sketchin • Responsabile area social software e enterprise 2.0 in Phiware • Coordinatore strategico IWA Italy • Co-responsabile gruppo di sviluppo Web Skill per IWA • Membro del W3C HTML, XHTML, WCAG, Webapp WG • Membro dell’ISO Software Ergonomics WG • Co-fondatore di Netwo • Docenza Master ICT a Napoli Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 3. Facetag • sistema di bookmarking sociale che si fonda su diversi approcci di classificazione • uso di faccette, tag e gerarchie contemporaneamente • applicato attualmente al contesto www.facetag.org dell’architettura dell’informazione • nato nel 2006 da una ricerca di Andrea Resmini, Emanuele Quintarelli e Luca Rosati ed evolutosi nel 2007 Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 4. L’interfaccia originale Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 5. L’interfaccia originale • basata su metafore già adottate in singoli sistemi di classificazione esistenti (Del.icio.us, Rawsugar, Flamenco, Simile Longwell, ...) • Fusione non adatta verso gli utenti • Introduzione problematica di una gerarchia visiva tra le faccette • Alcuni elementi d’interfaccia sconnessi • Scarsa comprensibilità dello strumento Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 6. Approccio: riprogettazione iterativa centrata sugli utenti Obiettivi: migliorare la navigabilità (efficienza, efficacia non soddisfazione), aumentare l’affordance, aumentare la comprensibilità Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 7. La via intrapresa • iterative design • ogni soluzione emersa è stata indagata con gli utenti • piccoli test su wireframes (carta) e su prototipi simulati in html attraverso metodologia thinking aloud • 10 iterazioni totali • risultato soddisfacente ma in progress Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 8. Il nuovo Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 9. Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 10. Il nuovo Facetag Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 11. Il nuovo Facetag Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 12. Il nuovo Facetag Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 13. Il nuovo Facetag Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 14. Dettagli curiosi e futuro di - Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 15. Panel faccette Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 16. Panel faccette: possibili approcci Tag cloud Lineare Lista • • • vantaggi: ulteriore livello vantaggi: chiaro e vantaggi: molto efficace e percettivo scalabile perfetta per gerarchie • • • svantaggi: difficilmente svantaggi: perdita di svantaggi: poco efficiente integrabile con gerarchie opportunità percettive (parzialmente recuperabili con il grassetto) Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 17. Panel faccette: espandibilità (livelli) ✓ introduzione di un ulteriore livello di classificazione a base matematica a livello di navigazione Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 18. Panel faccette: tag engagement Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 19. Faccette lineari • La lingua non è un tag libero e non è multidimensionale • Un range di date non è anch’esso un tag • La ricerca passa si dai tag ma anche verso la descrizione Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 20. Faccette lineari: futura multiselezione? ✓ potrebbe potenzialmente anche funzionare per le persone Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 21. Faccette lineari: data-range con visione? Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 22. Sorting e risultati Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 23. Futuro • miglioramento degli elementi di dettaglio (faccette lineari) • nuovi sorting matematici (rilevanza / importanza) • backoffice Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento
  • 24. Grazie per l’attenzione per informazioni e domande: www.sketchin.ch - luca@sketchin.ch Facetag - Luca Mascaro (Sketchin) - Italian information architecture summit 2007 - Trento