Mariachiara Pezzotti

1. Benvenuti!

2. Michiamo
MariachiaraPezzotti
Co-founderdiAcquaLiofilizzatadovemioccupodicomunicazioneewebdesign
InsegnoWebdesigneElaborazionedelleImmagini

3. VOI?

4. Iniziamo dalledomandeesistenziali

5. Checos’è

6. insiemedidisciplinechestudianol‘interazionetrautentiesistemi,i processi che
compongonotalerelazioneele emozioniscaturitedurantequestoprocesso

7. UXDesign

8. èuninsiemedidisciplinechesioccupanodiprogettare
iprocessidiinterazionetrautentiesistemi,
inmodochel’esperienzautentegeneratasiail
più piacevole possibile.

10. E’unprocessocheconsentelacrescitadelprogettostessoeguidalasuaprogettazione
mettendoalcentrodellesceltedi interfaccia,implementazione, l’utentefinale.

11. Ilsognodell’artistaècomunquequellodiarrivarealMuseo,
mentreilsognodeldesignerèquellodiarrivareaimercatirionali
–BrunoMunari

12. ARCHITETTURADELL’INFORAMZIONE
Definizione

13. L’InformationArchitecture(AI)èunapratica
anticaediffusachecomprendelo studio,
la classificazione el’organizzazione
dell'informazione.

14. Loscopoprincipale
dell'architettura
dell’informazionièmetterein
relazioneutentiecontenuti,
conunafinalitàdibusiness.
(Morville)
business
userscontents
ai

15. Perché èimportante?

16. Perchérendeilsistemaprevedibile

17. NONCURAREL’AIDELSISTEMACHESTATEPROGETTANDO
EQUIVALEADENTRAREINUNNEGOZIODISORDINATO

18. Inconcreto?
elicitazione,categorizzazioneeorganizzazione
deicontenutiedeiloropercorsicross
definizionenavigazione(alberatura),
nominalizzazionevoci(labelling),

19. Lacategorizzazione
Cit.Stefanobussolon–InterazioneUomomacchina
Processodiraggruppamentoininsiemedioggettieentità
motivazioni
Caratteristiche
simili
Funzioni
simili
denominazione
Fareinferenza
Sulleproprietà
interagire
Dareunnome
allecose

20. Lacategorizzazione
Cit.Stefanobussolon–InterazioneUomomacchina
Senzalacapacitàdiidentificareecategorizzare,
Nonsaremmoingradodiapprendere,ragionare,prenderedecisioni
Economiacognitiva Percezionedelmondo
Massimizzarel’informazione
minimizzandolosforzocognitivo
strutturacorrelazionale

22. Lacategorizzazione
Esempinellastoria:
Categorizzazionearistotelicadeglianimali
SistemaclassificazionedecimaleDewayperlebiblioteche
(èstatoconcepitonel1876,elasuaultimarevisionerisaleal2011)

23. Lacategorizzazione
Cit. Lucarosati–architetturadell’informazione
Dallateoriaallapratica
Secondo studi di bibliotectomia la suddivisione
di un insieme di oggetti in classi dovrebbe
essere operata prendendo in considerazione
un solo principio per volta

24. Lego:Quale
categorizzazione?

25. DiversiCriteri

26. Lacategorizzazionedell’informazione
influenzailmodoincuiprogettiamoperchè
dederminailmodoincuilastessa
informazionepuòessere rappresentata

27. Rappresentazione
dell’informazione
condiversiAssi
(correlazioni)
Relazionigerarchiche
Relazioni di contiguità semantica

28. Teoriedellacategorizzazione
Teoriaclassica
Teoriadeiprototipi
Teoriadegliesemplari
Teorieimplicite
…
Definizionidicaratteristiche(che
possonoemergereanchedacontestioda
modellicognitiviimpliciti)chegli
appartenentiadunadeterminataclasse
dovrebbero(piùomeno)avere

29. PERLASCELTADEICRITERI
Ènecessarioconoscereildominio
“il fatto è che diversi popoli classificano le cose in modi che
sconcertano sia le mentalità occidentale, sia i linguisti e gli
antropologi occidentali” - Lakof

30. Diyrbal–linguaaborigenadell’australia

31. Bayi
Uomini ganguri
opossumpipistrelligran
partedeiserpentigran
partedeipescialcuni
uccelligranpartedei
degliinsetti,alcune
lance,etc...
balan
Donnetopigiganti
canialcuniserpenti
alcunipescigranparte
degliuccellilelucciole
gliscorpioniigrilli
qualunquecosaabbiaa
chefareconl’acquaocol
fuoco...
BALAM
Tuttalafrutta
commestibilelepiante
cheproduconoituberila
felceilmielela
sigaretteilvinoildolce
BALA
Lepartidelcorpola
carneleapiilventoo
bastoniperprocurarsiil
ciboalcunelance
granpartedeglialberi
l’erbailfangolepietrei
rumoridelleparole
etc...
Nellalingua ogninomeèprecedutodaunaggettivoche nespecificalacategoria

32. …quindi
nonsolodarelazionilogiche(proprietàcondivise)
maancherelazionianalogiche
(->metafora)legateallacultura,lalingua,
ilcontesto,etc…

33. E’necessarioconoscereipropri
utentieilcontestoincuioperano
Discovering–codesing-testing

34. StudentivsPotenzialiStudenti

35. ILPROBLEMADELLACOERENZA
Nonesistonoclassificazionigiusteosbagliate,
mapiùappropriateaduncertouso
Leclassificazioniibrideesistono
Ifattoricheinfluisconosullaclassificazionepossono
cambiareneltempo

37. Cit. Lucarosati–architetturadell’informazione-Bertolucci-2003
Bambini
Lettoebagno
Libri
Natale
Decorazioni
Bamboleepupazzi
elettronica
Moda
Statuette
Giardino
Oggettiperlacasa
Cucina
Musica
Ufficio
peluches

38. Navigation
Lanavigazionediunsitoodiunaapp,indicain
chemodoleinformazionielefunzionalitàsono
legatetraloroinunpercorso.
E’ilprimoproblemadiclassificazionecheciponiamonella
progettazionediunsito

39. Comeunviaggio…

40. Maadifferenzadelmondoreale,
Cimancanomoltielementiperorientarci
(Quantoègrandeunsito?Quantodistaun’informazionedall’altra?)

41. Unabuonaprogettazionedellanavigazione riduceil
sensodismarrimento,indicandoall’utente:
inchepuntodelsitositrova
inchemodopuòproseguire
inchemodopuòraggiungerequellochecerca

42. Informationseeking
Èilprocessool’attivitàvoltaatentarediottenere
informazioniincontestisiaumanichetecnologici

43. Berrypeakingmodel
-Marciabates

44. L’utenteiniziaconunterminegenerico,poiprocede
esaminandomolterisorse,edogninuovainformazione
glisuggeriscealtreideeepercorsi

45. Strategiadiraccoltadelleinformazioni
attivi passivi
diretti
indiretti
searching MONITORING
BROWSING BEINGAWARE

46. Strategiadiraccoltadelleinformazioni
attivi passivi
diretti
indiretti
RICERCAATTIVAE
CONSAPEVOLE
ASSORBEDALL’ESTERNO
INFORMAZIONISENZACERCARLE
DIRETTAMENTE
SENZAOBIETTIVOSPECIFICO SIPONEIN
MANIERAATTIVANELLAPossibilitàDI
ACQUISIREINFORMAZIONI
SOLOLEINFORMAZIONICHECI
VENGONOINCONTRO

47. Strategiadiraccoltadelleinformazioni
attivi passivi
diretti
indiretti
1% 14%
5% 80%

48. LENOSTRESTRATEGIEDIINFORMATIONSEEKING
SONOREGOLATEDALLEASTEFFORT
–LEGGEDELMINIMOSFORZO
Ciaccontentiamodicontenutidibassaaffidabilitàper
dinonricorrereastrategiediricercacomplesse

49. «Satisfacting:nellamaggiorpartedeicasinonfacciamolascelta
migliore,scegliamolaprimaopzioneragionevole»
-SteveKrugg

50. Scentofinformation
-pirolli

51. siriferisceagliindicatorilocalicheil
fruitoreusaperanticiparelepagine
successivenellasuamente
«intuirecheilsitocicondurràaqualcosadibuono»

52. …quindialcuniTIPS(concreti)

53. massimo3livellidiprofondità
utilizzareil logo delsitocome
ancoraprincipale diritornoallahome
utilizzaregli urlparlanti
Titolidipagina
Usarenominalizzazionichiareecongruenti
tranomeecontenutocorrelato
Utilizzarelebreadcrumbs
Indicatoridiposizionamentoneimenu
Persistenza
Navigazione divisainprincipaleesecondaria
Contenuticontestuali(intopic!)

54. Fornirepiùmodalitàdiaccessoaglistessi
contenuti,tenendocontodellestrategie
diinfomationseeking,siadelpubblicodi
riferimentoedell’oggettodellaricerca

58. Enfatizzareicontenutitrasversali,
novitàesuggerimentinelledecisionpage
-Tipicamentehomeecategory-

60. Suggerimentianchesullepaginefoglia

63. Inserimentodi
linkall’interno
deltesto

64. Navigazioneper
autore/riferimenti
bibliografici

65. Suggerimenticustomizzatipericlientiabituali
Modalitàpushe
strumentidi
inferenza

66. Strumentidiraffinamentodellaricerca

67. Strumentidiraffinamentodellaricerca

69. Ordinamentipercriteri

70. COMEPROGETTARELANAVIGAZIONE

71. Strumenti:Mappedinavigazione

72. Strumenti:classificazione
Regoledaadottareperorganizzarevocidimenù,listeecontenuti,inbaseallafunzionalità
Alfabetica(tendineregioni)
Cronologica(blog)
classificazione geografico
spaziale(mappe,meteo,
arredamentoperstanze)
perargomento
percompiti(casevendooffro)
Pertipodiutenza
(docenti/studenti)

77. Labelling
Descrittive,distinguibili,semplici,predicibili

78. Icone
Sìseilsuosignificatoèuniversaleopuòessereappreso

82. Senzaesagerare…
http://www.3cgraphics.com/

83. Ilparadosso
dellascelta
Ilparadosso
dellascelta

84. “Se tutto ciò che è disponibile ai nostri sensi
richiedesse sistematicamente la nostra attenzione
non saremmo in grado di arrivare alla fine della
giornata” - Schwarz
Troppescelte->stress+rammaricodinonaver
effettuatolasceltagiusta->
ricercadelmeglioinognicosa

85. Numerodimiller
7+-2 ovveroda5a9

86. LaleggediHick
Quantealternativedare?

87. Tempodiscelta=
A+blog2 (n+1)

89. Nonhaun
andamento
lineare
(binarysearch)

90. A=modoincuilescelte
vengonopresentate
B=abitudinedell’utente

91. Ilpuntofocaledellaleggedihickèche
ognivoltacheeffettuiamounascelta
tendiamoascartaredelleopzioni
(circail50%)inpassaggisuccessivi

92. LaleggedihickèapplicabileSOLOseleopzioni
sonoordinatesecondouncriterio
riconoscibile,pergarantirelascomposizione.
Diversamenteilcalcolodiventalineare

94. Nonesisteunaformulaperfetta!
-Consideraresempreilcontesto
- Favorireilprocessodiscartoattraversouna
buonacategorizzazione
- Fatericercasugliutenti(sempreecomunque)

96. Contenuti
Struttureorganizzative

97. Gerarchico–AFACCETTE-RELAZIONALE

98. Gerarchico

99. Faccetteomatrice

100. relazionale

101. Progettareperdevicedifferenti

102. Progettareicontenutiperilmobile,non
significa restringerli,ma ripensarli

103. Acosafareattenzione?
problemidileggibilità,interazionilimitate,distrazione
generatadalcontestoincuivengonoutilizzati,
difficoltàdimantenerelanavigazione,Ergonomia
(“zonefacilidaraggiungere”)chevariadadeviceadevice.

104. Vantaggi
Facilitàdiaccesso,strumentiproprideldeviceconcui
interagire(giroscopio,fotocamera,rfid).

105. TIPS
Contenutiablocchi
Analisideicompetitor
Adatpivecontent+metadati(tag,categorie,filtri)
Progettareconsiderandoilmobiledasubito

106. Curarelagerarchiadeimenùdi
navigaizone

108. gerarchico
Aruotadibicicletta
Acruscotto
AschedeAmatrioska

109. BridgeExperience
L’accessoall’informazionedapiùcanalidifferentidovrebbe
essereilpiù«indolore»possibile
- Continuitàdiinterazioneuomo/informazione
- Sensodifamiliaritàmantenendobassolostresscognitivo
- Rafforzamentodelsensodiidentitàdell’azienda

110. Ilproblemadellacomplessità
Complessosignifica«ciòcheètessutoinsieme»
Lacomplessitàindicaprimadituttounconcettodirelazione

111. Progettarel’interazionetenendoconto
deiprocessi(enondeisingoliprodotti)
Aiuta amantenerelacoerenza
anchesusupportidifferenti

113. DOMANDE!?

114. Coinvolgimentodegliutenti

115. IntervisteOneToOne

116. “mipiace“,“nonmipiace“,“vorreidipiùdi…“,“vorreimenodi…“
“Daiunvotoa (funzionalità)da1a10”- (valutative)
chiedeteagliutentidi descrivere ilvostrosito/prodotto/servizio -(diindagine)
“comeritieniilmioprodottorispettoaX,Y“–(comparative)
“checosatirendefelicedelprodotto“,“checosatrovifrustrante“–(emozionali)
“cosaritienifondamentale?Cosaritienitotalmenteinutile” -(classifiche)
Fareattenzionea:
Domandeinduttive, Domandedicontrollo,domandetroppogeneriche

119. FocusGroup

120. Mediamentecomponetegruppida6a10persone
IntroduceteilfocusGroup
Stabiliteunaduratamassima(edichiaratelaall’inizio)—dimedia1,5ore
Proponeteinmedia5/10domandeaperte
badge perinomi
Ringraziateipartecipanti,siaall’iniziocheallafineperillorocontributo.
Sesonoprevistedellericompenseodeibenefit,dichiarateloall’inizio.

121. ContextualInquiry

122. Questionari

123. solodomandeutiliallavostraindagine.
max10minuti
Seledomandesonomolte,suddivideteloastep
lerispostechiuseemisurabili
Perledomandeapertesuggeriteunalunghezzanellerisposte
Attenzioneall’abbandono…

124. DiarieCulturalProbes

125. TecnichediBrainstorming
gliutentisonoinvitatiadassociarsimentalmente
adunasituazioneeagenerareideeinassenzadigiudizio

126. TecnicadelPackaging

127. Userrequirementwithlego–LegoSeriousplayer

128. TESTING
interagireconilprodottoeosservarelereazioni.

129. importante definirelesessionidi
testinmanieraiterativa nello
sviluppodiunprodotto

130. NONONO
Testaretuttoallafine
inserireitestsolonellefasidirilascioèletale,dalpuntodivista
umanoediumoredelteam,dilataitempidisviluppo,
(ediconseguenzahaeffettisulbudgetdiprogetto)

131. Iltestnonèunavalutazione
Maunafasediunprocessodimiglioramento

132. AlcuneTipologieditest.
Verificagenerale
Domandegeneriche
sull’argomentoditest
(«secondotecosa
significaXX?»)
TASKELICITATION
sisottoponeall’utente
untaskesiosservanole
operazionichemettein
attopercompierlo.
Osservazione
Sessioneliberadacui
trarrerisultati
quantitativi
(statistiche)o
qualitativi

133. RECLUTAMENTO.

134. Reclutarein«scioltezza»-SteveKrugg

135. Insostanza
TESTAREPOCO;MATESTARESPESSO

136. Dovereclutare
1-ovunque;) -GuerrillaTesting
2-sitidiriferimento