SlideShare a Scribd company logo
1 of 53
Il Postino di Neruda e il design.
Un case study di mobile banking
Italo Marconi
c’era una volta...
...una banca
protagonisti
obiettivi del cliente
vincoli di progetto
bisogni degli utenti
contenuti e funzionalità
benchmarking e analisi
  della competizione
concept generation e design
ci siamo ricordati
   di don pablo
link al video
metafora



   figura retorica consistente nella sostituzione
   di un termine con un altro connesso al primo
   da un rapporto di parziale sovrapposizione
   semantica, p.e. “Achille è un leone”, dove
   leone sostituisce guerriero audace.
                 F. Sabatini & V. Coletti
                 “Dizionario della lingua italiana” (2012)
le metafore sono pervasive
il sistema concettuale secondo cui pensiamo
e agiamo è essenzialmente metaforico: i
concetti danno forma alle percezioni, a come
vediamo la realtà circostante, e al modo in cui
ci relazioniamo agli altri.
              G. Lakoff & M. Johnson
              “Metaphors We Live By” (1980)
la metafora nella scienza
    e nella tecnologia
la terminologia
delle computer science
     è metaforica
a computer is

                                                             a workshop
                                                             an office
                                                              a building/place
                                                              a soldier



S. Izwaini
“A corpus-based study of metaphor in information technology” (2003)
the internet is

                  in a state of war
                  a road
                  a building/place
                  a book
                  a sea
                  a marketplace
metafore e interfacce
    uomo-macchina
storia delle interfacce dei
  calcolatori elettronici
command line interface
         (CLI)
graphical user interface
          (GUI)
natural user interface
         (NUI)
metafore
e concept generation
eureka




         scrigno
metafora
 SOURCE                                   TARGET
    contenitori
                                       mobile app bancaria
di oggetti preziosi     analogia




          l’applicazione mobile è uno scrigno
la metafora dello scrigno
      e la strategia
la mobile app come
progetto editoriale                      funzionalità
                                          bancaria n




      tool non legati
     alla monetica n




                        SCRIGNO MOBILE
la metafora dello scrigno
e il design del contenuto
    e dell’esperienza
design problem

                 modularità
                 resilienza
                 apertura
                 distintività
analogia



   procedimento logico secondo il quale, data la
   somiglianza di due cose per uno o più
   aspetti, si può supporre che esse siano simili
   anche per gli altri loro aspetti.

                 F. Sabatini & V. Coletti
                 “Dizionario della lingua italiana” (2012)
l’analogia degli
ingranaggi/moduli/feature
sketching
i love u devs




     un team multidisciplinare
paper prototyping
information architecture
ux design
•   Area funzionalità informative:
    intende soddisfare le esigenze di
    quick information retrieval
    dell’utente.
    La struttura a moduli permette a
    Popso di aggiungere/eliminare
    funzionalità nel tempo.
    Ciascun servizio è rappresentato da
    un disco rotante che rimanda agli
    ingranaggi di un meccanismo di
    sicurezza all’interno di uno scrigno



•   Barra di menu bassa:
    Ospita tutte quelle funzionalità che
    richiedono una manifestazione di
    volontà esplicita da parte dell’utente
    (dispositive, uscita dall’applicazione,
    etc.)
visual design
sound design
link al video dell’app
una metodologia




         metaphor design
problem statement di partenza


usa metafore per generare problem statement
        e per riformulare il problema


       molteplici problem statement


    riformula ciascun problem statement


         google, thesauri, immagini


   metafore                     analogie


   concept                    reframing
  generation                design problem

    favorisce
comunicazione                  sketching
 all’interno del
       team
takeaways 1

       cooperazione con il cliente

       team multidisciplinari

       sistemi resilienti

       framework aperti
takeaways 2


 don pablo e il design process

 metafore per favorire la concept generation

 analogie per affrontare il design problem
@italomarconi




   you think philosophy is difficult enough, but
   i tell you it is nothing to the difficulty of
   being a good architect.

                 Ludwig Wittgenstein
                 “Conversation with Maurice O' Connor Drury”
il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013 (Milan)

More Related Content

Similar to il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013 (Milan)

interaction design 2008
interaction design 2008interaction design 2008
interaction design 2008
my own office
 
Lez 3 parte A DESIGN DI INTERFACCE
Lez 3 parte A  DESIGN DI INTERFACCELez 3 parte A  DESIGN DI INTERFACCE
Lez 3 parte A DESIGN DI INTERFACCE
Lella Varesano
 
Pensiero computazionale
Pensiero computazionalePensiero computazionale
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebElementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Alberto Rota
 

Similar to il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013 (Milan) (20)

HCI to UX to HCI - Parte A
HCI to UX to HCI - Parte AHCI to UX to HCI - Parte A
HCI to UX to HCI - Parte A
 
interaction design 2008
interaction design 2008interaction design 2008
interaction design 2008
 
Intelligenza Artificiale e Chatbot: Limiti Attuali e Sviluppi Futuri
Intelligenza Artificiale e Chatbot: Limiti Attuali e Sviluppi FuturiIntelligenza Artificiale e Chatbot: Limiti Attuali e Sviluppi Futuri
Intelligenza Artificiale e Chatbot: Limiti Attuali e Sviluppi Futuri
 
Capitolo 5 - Il futuro dell'interfaccia
Capitolo 5 - Il futuro dell'interfacciaCapitolo 5 - Il futuro dell'interfaccia
Capitolo 5 - Il futuro dell'interfaccia
 
Second Life e l'evoluzione delle interfacce
Second Life e l'evoluzione delle interfacceSecond Life e l'evoluzione delle interfacce
Second Life e l'evoluzione delle interfacce
 
Informatica Presente e Futuro
Informatica Presente e FuturoInformatica Presente e Futuro
Informatica Presente e Futuro
 
UX: HW e/è SOCIAL
UX: HW e/è SOCIALUX: HW e/è SOCIAL
UX: HW e/è SOCIAL
 
Lez 3 parte A DESIGN DI INTERFACCE
Lez 3 parte A  DESIGN DI INTERFACCELez 3 parte A  DESIGN DI INTERFACCE
Lez 3 parte A DESIGN DI INTERFACCE
 
Dal bit al simulacro
Dal bit al simulacroDal bit al simulacro
Dal bit al simulacro
 
Modulo 3
Modulo 3Modulo 3
Modulo 3
 
Modulo 3
Modulo 3Modulo 3
Modulo 3
 
“Il linguaggio verbale è prerogativa dell’uomo”: ma è ancora così?
“Il linguaggio verbale è prerogativa dell’uomo”: ma è ancora così?“Il linguaggio verbale è prerogativa dell’uomo”: ma è ancora così?
“Il linguaggio verbale è prerogativa dell’uomo”: ma è ancora così?
 
Cenni di Information Design
Cenni di Information DesignCenni di Information Design
Cenni di Information Design
 
La rivoluzione dei Microservizi
La rivoluzione dei MicroserviziLa rivoluzione dei Microservizi
La rivoluzione dei Microservizi
 
Curriculum Vitae Morello Orfeo
Curriculum Vitae   Morello OrfeoCurriculum Vitae   Morello Orfeo
Curriculum Vitae Morello Orfeo
 
HumanLike Interaction: 3D ed emozioni entrano nel customer care
HumanLike Interaction: 3D ed emozioni entrano nel customer careHumanLike Interaction: 3D ed emozioni entrano nel customer care
HumanLike Interaction: 3D ed emozioni entrano nel customer care
 
AI, ML e l'anello mancante
AI, ML e l'anello mancanteAI, ML e l'anello mancante
AI, ML e l'anello mancante
 
Pensiero computazionale
Pensiero computazionalePensiero computazionale
Pensiero computazionale
 
La prototipazione
La prototipazioneLa prototipazione
La prototipazione
 
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebElementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
 

il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013 (Milan)