SlideShare uma empresa Scribd logo
1 de 24
Baixar para ler offline
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

Mais conteúdo relacionado

Semelhante a Facetag: nuova interfaccia per nuovi modi di esplorare le classificazioni

Comergy_2009_2015
Comergy_2009_2015Comergy_2009_2015
Comergy_2009_2015
Nc Sòlàr
 
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
Daniela Costantini
 
Gestione Schematico2009
Gestione Schematico2009Gestione Schematico2009
Gestione Schematico2009
Diego Faro
 
Gestione Schematico2009
Gestione Schematico2009Gestione Schematico2009
Gestione Schematico2009
guest15b813
 

Semelhante a 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
 

Mais de Luca Mascaro

Lean Experience Design
Lean Experience DesignLean Experience Design
Lean Experience Design
Luca Mascaro
 
Il design digitale cambia
Il design digitale cambia Il design digitale cambia
Il design digitale cambia
Luca Mascaro
 

Mais de 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