SlideShare a Scribd company logo
1 of 36
Download to read offline
JoomlaDay Italia 2019 • www.joomladay.it
Il Designer senza macchia

e senza paura
Chiara Aliotta, Direttore Creativo
#JD19IT
IL DESIGNER
SENZA MACCHIA
E SENZA PAURA
@chiaraaliotta
la capacità di creare con molto
MENO
LA MIA (INFINITA) RICERCA PERSONALE
2008 2012 2019 to be continued…2000
SENZA PAURA SENZA DUBBI SENZA RIPOSO SENZA MACCHIA
quasi
CONFUSIONE CONCENTRAZIONE
INFORMAZIONE SIGNIFICATO
FRUSTRAZIONE TEMPO
ERRORI FIDUCIA
ASSURDITÀ ATTENZIONE
MENO MOLTO
classificare, organizzare e ordinare
MENO CONFUSIONE
PIÙ CONCENTRAZIONE
MARIE KONDO
consulente dell’ordine e autrice
MENO CONFUSIONE, PIÙ CONCENTRAZIONE
classificare, organizzare e ordinare
Spore Magazine Landing Page
Interviste esclusive (1 modulo)
Opinioni (notizie)
Vecchie edizioni (magazines)
Social media
Dossier (fino a 4 notizie)
Ultime notizie
Link ad altre pubblicazioni
Rassegna Stampa
Newsletter
Footer/Header

WIREFRAME PER IL MAGAZINE SPORE
proposta A
Creare diverse idee di 

impaginazione che possono 

essere presentate al cliente.
L’uso di wireframes assicura 

che il cliente si concentri sul 

contenuto e sull’interazione 

e non sugli aspetti emozionali 

del design.
WIREFRAME PER IL MAGAZINE SPORE
proposta B
spore.cta.int
LANDING PAGE PER SPORE MAGAZINE
minisito per il magazine dell’organizzazione

no-profit CTA, Olanda
apprezzare gli spazi vuoti
MENO INFORMAZIONE
PIÙ SIGNIFICATO
IL MEMORIALE DELL’ 11 SETTEMBRE
New York City, Stati Uniti
LOGO UFFICIALE DI JOOMLA
spazio minimo intorno al logo
Nel mondo del design, lasciare spazi vuoti equivale a rispetto.
SITO PER J AND BEYOND 2010
around the Joomla! world in 72 hours
jandbeyond.org
SITO PER J AND BEYOND 2011
Joomla! and the Knights of Open Source
Riempire la pagina di contenuti

e testi enormi non aiuta 

a comunicare l’esperienza 

che l’utente sta cercando.
jandbeyond.org
SITO J AND BEYOND 2018
Jeder jeck is anders
jandbeyond.org
Creando un layout armonioso 

dove gli spazi pieni si alternano 

a quelli vuoti, diamo ad ogni 

elemento della pagina 

la sua dignità e il suo significato.
creare esperienze piacevoli
MENO FRUSTRAZIONE
PIÙ TEMPO
VISTA DAL MARE
Città di Ermoupolis, Syros
VALYS APP
Dashboard e UI cards
Illustrare sempre 

la percezione del tempo.
VALYS APP
Prenotare una corsa
Organizzare le informazioni 

in modo da potere essere 

facilmente assimilate/eseguite.
VALYS APP
Prenotare una corsa
Organizzare le informazioni 

in modo da potere essere 

facilmente assimilate/eseguite.
VALYS APP
Prenotare una corsa
Organizzare le informazioni 

in modo da potere essere 

facilmente assimilate/eseguite.
VALYS APP
Informazioni di viaggio
Nel caso di interazioni più complesse, 

ridurre al minimo il senso 

di disagio e informare l’utente 

con feedback appropriati.
creare con coerenza
MENO ERRORI
PIÙ FIDUCIA
INDICAZIONI DELLA METRO
New York City, Stati Uniti
BUS DRIVER APP
design system
creare per le emozioni
MENO ASSURDITÀ
PIÙ ATTENZIONE
MONTE FUJI
Honshu, Giappone
BUS DRIVER APP
contatore
I prodotti digitali, se progettati

con attenzione e con rispetto, 

diventano parte della nostra vita,

e quindi, “umani”.
BUS DRIVER APP
messaggio di benvenuto
I prodotti digitali, se progettati

con attenzione e con rispetto, 

diventano parte della nostra vita,

e quindi, “umani”.
BUS DRIVER APP
messaggio di congratulazioni
Pensa sempre all’utente e al suo stato d’animo.
MENO CONFUSIONE
PIÙ CONCENTRAZIONE
MENO INFORMAZIONE
PIÙ SIGNIFICATO
MENO FRUSTRAZIONE
PIÙ TEMPO
MENO ERRORI
PIÙ FIDUCIA
MENO ASSURDITÀ
PIÙ ATTENZIONE
IL DESIGNER
SENZA MACCHIA
E SENZA PAURA
Semplicità significa sottrarre l'ovvio 

e aggiungere il significativo.
John Maeda
@chiaraaliotta
www.untilsunday.it
GRAZIE
JoomlaDay Italia 2019 • www.joomladay.it
Chiara Aliotta
chiara@untilsunday.it
@chiaraaliotta • www.untilsunday.it
#JD19IT

More Related Content

More from Chiara Aliotta

The Faultless Designer
The Faultless DesignerThe Faultless Designer
The Faultless DesignerChiara Aliotta
 
Once Upon a Time. How to create visual storytelling on the web.
Once Upon a Time. How to create visual storytelling on the web.Once Upon a Time. How to create visual storytelling on the web.
Once Upon a Time. How to create visual storytelling on the web.Chiara Aliotta
 
Cheap Wine in Fancy Glasses. How typography evokes emotions and builds stories.
Cheap Wine in Fancy Glasses. How typography evokes emotions and builds stories.Cheap Wine in Fancy Glasses. How typography evokes emotions and builds stories.
Cheap Wine in Fancy Glasses. How typography evokes emotions and builds stories.Chiara Aliotta
 
A day in the life of a UX designer
A day in the life of a UX designerA day in the life of a UX designer
A day in the life of a UX designerChiara Aliotta
 
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...Chiara Aliotta
 
The future of the web is printed
The future of the web is printedThe future of the web is printed
The future of the web is printedChiara Aliotta
 
In viaggio verso Grandi Luoghi (You're off to Great Places)
In viaggio verso Grandi Luoghi (You're off to Great Places)In viaggio verso Grandi Luoghi (You're off to Great Places)
In viaggio verso Grandi Luoghi (You're off to Great Places)Chiara Aliotta
 
Fight for the pixel. How designers and developers can work side by side.
Fight for the pixel. How designers and developers can work side by side.Fight for the pixel. How designers and developers can work side by side.
Fight for the pixel. How designers and developers can work side by side.Chiara Aliotta
 
We heart it! Evoking emotion through typography
We heart it! Evoking emotion through typographyWe heart it! Evoking emotion through typography
We heart it! Evoking emotion through typographyChiara Aliotta
 

More from Chiara Aliotta (15)

Back FOR the Future
Back FOR the FutureBack FOR the Future
Back FOR the Future
 
The Faultless Designer
The Faultless DesignerThe Faultless Designer
The Faultless Designer
 
The Shape of Thoughts
The Shape of ThoughtsThe Shape of Thoughts
The Shape of Thoughts
 
I put a spell on you
I put a spell on youI put a spell on you
I put a spell on you
 
Unforgettable brands
Unforgettable brandsUnforgettable brands
Unforgettable brands
 
Once Upon a Time. How to create visual storytelling on the web.
Once Upon a Time. How to create visual storytelling on the web.Once Upon a Time. How to create visual storytelling on the web.
Once Upon a Time. How to create visual storytelling on the web.
 
Cheap Wine in Fancy Glasses. How typography evokes emotions and builds stories.
Cheap Wine in Fancy Glasses. How typography evokes emotions and builds stories.Cheap Wine in Fancy Glasses. How typography evokes emotions and builds stories.
Cheap Wine in Fancy Glasses. How typography evokes emotions and builds stories.
 
A day in the life of a UX designer
A day in the life of a UX designerA day in the life of a UX designer
A day in the life of a UX designer
 
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
 
The future of the web is printed
The future of the web is printedThe future of the web is printed
The future of the web is printed
 
Once upon a time
Once upon a timeOnce upon a time
Once upon a time
 
In viaggio verso Grandi Luoghi (You're off to Great Places)
In viaggio verso Grandi Luoghi (You're off to Great Places)In viaggio verso Grandi Luoghi (You're off to Great Places)
In viaggio verso Grandi Luoghi (You're off to Great Places)
 
How to kill a brand
How to kill a brandHow to kill a brand
How to kill a brand
 
Fight for the pixel. How designers and developers can work side by side.
Fight for the pixel. How designers and developers can work side by side.Fight for the pixel. How designers and developers can work side by side.
Fight for the pixel. How designers and developers can work side by side.
 
We heart it! Evoking emotion through typography
We heart it! Evoking emotion through typographyWe heart it! Evoking emotion through typography
We heart it! Evoking emotion through typography
 

Recently uploaded

Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...
Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...
Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...Associazione Digital Days
 
Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...
Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...
Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...Associazione Digital Days
 
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...Associazione Digital Days
 
Matteo Cardamone, Design Leader – “Educazione al Feedback”.
Matteo Cardamone, Design Leader – “Educazione al Feedback”.Matteo Cardamone, Design Leader – “Educazione al Feedback”.
Matteo Cardamone, Design Leader – “Educazione al Feedback”.Associazione Digital Days
 
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...Associazione Digital Days
 
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...Associazione Digital Days
 

Recently uploaded (6)

Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...
Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...
Rossana Bazzano, Service designer e Roberta Fitti, Digital Project Manager @M...
 
Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...
Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...
Chiara Martino, Conversational AI e Generative AI in @Assist Digital e Autric...
 
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...
Andrea Gilardi, AI expert; Giulia Giordano, Ai Expert e Motion Designer; Luis...
 
Matteo Cardamone, Design Leader – “Educazione al Feedback”.
Matteo Cardamone, Design Leader – “Educazione al Feedback”.Matteo Cardamone, Design Leader – “Educazione al Feedback”.
Matteo Cardamone, Design Leader – “Educazione al Feedback”.
 
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...
Massimiliano Manera, Art Director e Guido Callegari, Art Director. “Freestyle...
 
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...
Sara Sisti, Freelance AI & Software Developer, Artist – “AI as a Medium: Nuov...
 

Il Designer senza macchia e senza paura