Simone Puorto - WebDesign per Hotel, Miti e Realtà

92

Transcript of Simone Puorto - WebDesign per Hotel, Miti e Realtà

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

wihphotels.com simonepuorto.com #wihp | #wihpacademy

all photos by stefanopinci.com

wihphotels.com simonepuorto.com #wihp | #wihpacademy

all photos by stefanopinci.com

wihphotels.com simonepuorto.com #wihp | #wihpacademy

all photos by stefanopinci.com

wihphotels.com simonepuorto.com #wihp | #wihpacademy

all photos by stefanopinci.com

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à 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

Simone Puorto Director of Global Accounts

wihphotels.com simonepuorto.com #wihp | #wihpacademy

all photos by stefanopinci.com

WebDesign per Hotel, miti e realtà L’arte del design

“L’arte del Design è quella di rendere semplici le cose complicate”

- Patrick Mc Neil