simone puorto - webdesign per hotel, miti e realtà
TRANSCRIPT
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Template: un design dal retrogusto amaro
Un template può essere graficamente gradevole e avere un aspetto
professionale, ma non risponde alle esigenze specifiche di una struttura.
Disegnare un sito è un processo artistico che parte solo dopo un’accurata analisi
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Il webmaster e il mito dell’Idra
Analista – Competenze Analitiche Designer – Competenze Artistiche
Coder – Competenze Tecniche Project Manager – Competenze gestionali
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Problemi e soluzioni
Design = soluzione ad un problema.
Ogni hotel ha un problema diverso e deve condividerlo con i designer,
non suggerire una soluzione.
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Perché gli utenti visitano il vostro sito?
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Motivazioni
1.Per cercare una tariffa migliore
2.Per farsi un’idea più precisa dell’hotel
Tenetelo a mente, perchè il sito deve dare queste due risposte il più velocemente possibile
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
Secondo Procter & Gamble, gli utenti decidono se acquistare o meno
un prodotto in un arco di tempo di 3 secondi, ovvero appena il tempo di notare
il prodotto su uno scaffale
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà La teoria dei 3 secondi
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà L’obiettivo primario
L’obiettivo primario del vostro sito non è informare, ma convertire
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Harmony of composition
Gli utenti giudicano la bellezza di un sito in 1/50 di secondo.
Non si può “informare” in 1/50 di secondo, ma si può “emozionare”
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Un pò di anatomia
Negli esseri umani la retina converte le informazioni visive in impulsi elettrici.
Questi impulsi vengono inviati ai fotorecettori, i quali a loro volta
trasmettono le informazioni di colore e luce al cervello
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
WebDesign per Hotel, miti e realtà Harmony of Composition
Più colori e variazioni sono presenti in una pagina web, maggiore è la mole di lavoro che la retina deve sopportare per
inviare gli stimoli corretti al cervello (visual complexity), creando uno stato di
ansia e confusione.
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
A parità di fattori, favorire sempre
la soluzione più semplice
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Il Rasoio di Occam
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Il paradosso della scelta
Troppe scelte =
Nessuna scelta
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Il paradosso della scelta
Secondo Barry Schwartz l’eccessiva scelta rende insoddisfatti, perché ad ogni
scelta corrisponde il rammarico per le opzioni scartate
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Ipotesi del sovraccarico di scelta (choice overload hypothesis)
L’esperimento Iyengar e Lepper
vs
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Le basi del design
Enfasi
Contrasto Equilibrio
Allineamento Ripetizione
Fluidità
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Enfasi, Contrasto, Equilibrio, Allineamento, Ripetizione, Fluidità
Enfasi/Gerarchia:
Se tutto è importante, allora niente è importante
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Enfasi, Contrasto, Equilibrio, Allineamento, Ripetizione, Fluidità
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Enfasi, Contrasto, Equilibrio, Allineamento, Ripetizione, Fluidità
Ogni elemento ha un “peso” e occupa spazio ben definito.
Equilibrio è il corretto bilanciamento di
due o più elementi all’interno di una pagina
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Enfasi, Contrasto, Equilibrio, Allineamento, Ripetizione, Fluidità
L’allineamento assicura che il vostro
design sia pulito, senza creare tensioni non necessarie sui punti focali
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Enfasi, Contrasto, Equilibrio, Allineamento, Ripetizione, Fluidità
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Enfasi, Contrasto, Equilibrio, Allineamento, Ripetizione, Fluidità
La ripetizione di colori, forme e altri elementi visivi aumenta la consistenza, la familiarità e la prevedibilità del design, in
modo da migliorare la user experience
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Enfasi, Contrasto, Equilibrio, Allineamento, Ripetizione, Fluidità
Fluidità Cognitiva
“Alle persone piacciono le cose familiari perché non richiedono così tanto lavoro mentale come quelle nuove o diverse.
La familiarità è attraente perché le cose familiari richiedono risorse cognitive limitate e sembrano facili”
- Colleen Roller, Ricercatrice UX
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
I punti di riferimento sono rassicuranti e gli utenti vogliono trovarli facilmente
WebDesign per Hotel, miti e realtà Enfasi, Contrasto, Equilibrio, Allineamento, Ripetizione, Fluidità
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Regola d’oro: lasciate lavorare i designer
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Albergatori = Hotellierie / Designer = Design
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà La scelta dei colori
Oltre il 90 % della nostra valutazione di un prodotto è basata sul solo colore
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Indovina il brand
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Indovina il brand
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Indovina il brand
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Indovina il brand
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Indovina il brand
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Indovina il brand
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
WebDesign per Hotel, miti e realtà Indovina il brand
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Rosa: Simboleggia amore, bellezza, femminilità, sensualità e passione. Colore eccitante, energetico e stylish. Connotazioni: rilassante, fresco, sensuale, felice e giocoso
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Rosso: Colore con una fortissima carica emozionale. Comunemente considerato il colore più potente e con connotazioni dalle variazioni estreme, dal coraggio all’amore al pericolo. Connotazioni : sacro, caldo, intenso, arrabbiato, forte, aggressivo, pericoloso, appassionato e coraggioso
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Arancio: Colore divertente e giocoso dalle connotazioni diverse. Un colore molto flessibile, associato comunemente all'autunno, alla natura, alla terra, all'energia, al sole e al lusso. Connotazioni: energico, stimolante, social, friendly, attivo
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Giallo: La cautela è una delle connotazioni più comuni del giallo. Associato di solito all'estate, alla felicità e alla gioia. Connotazioni: caldo, divertente, energizzante e rilassante
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Verde: Di solito associato alla natura, all'ambiente, al denaro, alla ricchezza e alla fortuna. Colore estremamente flessibile, nonostante l’associazione primaria con la Natura e la terra. Connotazioni: rilassante, riposante, “organic”, stabile e fresco
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Blu: Forse il colore più sicuro da utilizzare per un sito web. E' uno dei colori più apprezzati: è calmante, sicuro, affidabile, passivo e diplomatico. Se il rosso “grida” il messaggio, il blu lo sussurra . Connotazioni: stabile, degno di fiducia, conservatore, aziendale e leale
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Viola: Uno dei colori meno utilizzati nel web design . Percepito come colore esclusivamente e totalmente femminile. Se il rosa è il nuovo nero , il viola è solo… viola. E’ una sfida trasformarlo in qualcosa di meno caratterizzato. Connotazioni: romantico, delicato e puro
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Marrone: Uno delle connotazioni più evidenti significati è la sua associazione con la natura. Anche associato con l'età, la semplicità e la comodità. Connotazioni: caldo, conservatore, terroso, naturale e accogliente
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Nero: Il nero è un colore molto forte, ma senza l'emozione e la carica emotiva del rosso. Una delle sue caratteristiche più interessanti è la sua capacità di far risaltare gli altri colori. Connotazioni: malvagio, sofisticato, formale, misterioso, sexy, ribelle, elegante e alla moda
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Bianco: Utilizzato principalmente per enfatizzare gli elementi che lo circondano . Associato con la vita, il matrimonio, la pace, l'inverno e il freddo. Connotazioni: puro, stabile, affidabile, felice, pulito e fresco
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com
Grigio: Colore neutro, comunemente associato alla tecnologia. Connotazioni: elegante, chic, di classe, fresco, innovativo, moderno, futuristico , alla moda, conservatore, intelligente e di tendenza
WebDesign per Hotel, miti e realtà I colori
Simone Puorto Director of Global Accounts
wihphotels.com simonepuorto.com #wihp | #wihpacademy
all photos by stefanopinci.com