About me Alessandro Gobbo Freelance Web Consultant Email: info@alessandrogobbo.com Tel: (+39) 333 8736133 https://it.linkedin.com/in/alessandro-gobbo-1ba47164 2
Come evitare siti amatoriali? Nessuno nasce imparato, ma Quali sono gli elementi che rendono il mio sito amatoriale? Elementi grafici, visivi e audio: Musiche di sfondo Gif animate Immagini di qualità scadente / Immagini prese da Google Contatore Shinystat Google AdSense e altre pubblicità 3
Come evitare siti amatoriali? Grafica del layout Tendenze passate e fuori moda I colori Attinenza Tipografia Colori a basso contrasto o con abbinamenti cromatici scorretti Interlinea corretta Allineamenti e margini non equilibrati 4
Come evitare siti amatoriali? Codice Usare le tabelle Scalare le immagini con l HTML Caricare l ingrandimento di un immagine in una nuova pagina Compatibilità Il sito va testato su tutti i principali browser 5
Come scegliere i colori giusti? La scienza ci insegna che il colore non è altro che un elaborazione visiva generata dai segnali nervosi che i fotorecettori della retina inviano al cervello. Il colore è una sensazione che viene recepita dal cervello e che ha quindi effetti sul nostro organismo e soprattutto sul nostro atteggiamento psicologico. 6
Come scegliere i colori giusti? In linea di massima, i colori caldi (giallo,arancione, rosso) sono stimolanti e positivi, ma anche irruenti e decisi. Il grigio, il nero, il marrone e il bianco sono colori eleganti ma passivi: freddi e distaccati, vengono spesso associati a sensazioni e situazioni negative o spiacevoli. I colori tenui, come le tonalità pastello, sono rassicuranti e ispirano fiducia. Stessa cosa per il verde e l azzurro. 7
Come scegliere i colori giusti? Tutto questo cosa ha a che vedere con la pubblicità e la grafica? 8
Come scegliere i colori giusti? Rosso: Il colore che l occhio umano percepisce più rapidamente, anche se recenti ricerche dimostrano che le persone piu giovani e gli anziani hanno difficoltà a percepirlo. Il rosso rappresenta l energia, la velocità, il pericolo, l eccitazione, la forza, il sesso. Blu: Il colore preferito dagli europei, soprattutto da quelli di sesso maschile. Il blu rappresenta la sicurezza, la responsabilità, la fiducia. 9
Come scegliere i colori giusti? Giallo: Caldo e stimolante come il sole, è il colore dei sentimenti positivi e della felicità; questo colore è particolarmente amato dai piu giovani. Puo anche essere associato all idea del tradimento e della gelosia. Arancione: Un colore caldo e ricco di energia, ottimo per incoraggiare il consumatore all acquisto. Verde: Colore fresco associato alla natura, alla luminosità e alla speranza. Per alcune persone può assumere la valenza di malattia e superstizione. 10
Come scegliere i colori giusti? Viola: E un colore spesso associato alla religione, ma è anche considerato un colore regale ed elegante. Inconsciamente viene associato alla spiritualità ed alla dignità. Rosa: Morbido e delicato è usato come simbolo di amore e dolcezza. Attenzione, però: un utilizzo eccessivo di questo colore può essere considerato infantile. Bianco: Purezza, pulizia. Come già accennato in Asia il bianco è legato alla morte. 11
Come scegliere i colori giusti? Nero: Può essere sofisticato, elegante o misterioso, ma simboleggia anche la morte e l occulto. Comunque, se utilizzato in modo corretto (come spesso è utilizzato nei prodotti di lusso), specialmente in combinazione con l oro, può creare un effetto molto esclusivo e chic. Oro e Argento: Colori prestigiosi e regali. Tendono ad essere associati ai beni costosi. 12
Come scegliere i colori giusti? Nero: Può essere sofisticato, elegante o misterioso, ma simboleggia anche la morte e l occulto. Comunque, se utilizzato in modo corretto (come spesso è utilizzato nei prodotti di lusso), specialmente in combinazione con l oro, può creare un effetto molto esclusivo e chic. Oro e Argento: Colori prestigiosi e regali. Tendono ad essere associati ai beni costosi. 13
Come scegliere i colori giusti? Abbinamenti di colore da evitare: Blu e Marrone Rosso e blu Verde e Rosso Rosa (in tutte le scale, dal pastello al viola) e verde Rosa (in tutte le scale) e marrone Blu e verde 14
Come scegliere i colori giusti? Abbinamenti di colore adatti e di successo: Rosso e bianco Rosa e nero Blu e arancione Marrone e beige Marrone e oro Viola e argento Grigio e verde 15
Web & Tipografia Innanzitutto ricordiamoci di non usare più di due font nei nostri progetti, a meno che non sia strettamente necessario. La scelta del font deve tenere conto di diversi fattori: Eventuali loghi o slogan Leggibilità (non esistono font belli e brutti, ma solo font adatti) Attinenza 16
Web & Tipografia I titoli I titoli sono usati per suddividere in sezioni il nostro testo, ed è preferibile che questi siano sintetici, concisi e in un colore più scuro rispetto al colore dei paragrafi. E essenziale utilizzare titoli di pagina brevi (massimo 40 caratteri), semplici ed efficaci; inoltre un titolo che contiene i termini più significativi dei contenuti della pagina è un valido supporto per l indicizzazione. 17
Web & Tipografia I paragrafi Per facilitare la lettura, è necessario dividere il testo in più paragrafi, con righe di una lunghezza massima di 60/65 caratteri; righe eccessivamente lunghe non facilitano la lettura e compromettono la comprensione del contenuto. A differenza della carta stampata, nella tipografia web è preferibile optare per paragrafi brevi e il testo sottolineato va utilizzato solo per i collegamenti ipertestuali (link). 18
Come mostrare se stessi Il protagonista del tuo sito web sei tu! 19
Come mostrare se stessi Mostrare se stessi sul proprio sito web ha dei notevoli vantaggi, soprattutto se il nostro obiettivo sul web è quello di vendere i nostri prodotti e le nostre competenze. 20
Come mostrare se stessi Ma qual è il modo migliore di porci sul web? La classica sezione About Facciamoci vedere ma non del tutto Una propria fotografia inserita nel layout Una propria fotografia come parte del layout Illustrazioni 21
Come mostrare se stessi Motiviamo il nostro lavoro Cerchiamo sempre di dare una motivazione alle nostre scelte e al nostro operato, facciamo capire che, dietro ogni lavoro, ci sono delle motivazioni e degli studi approfonditi. Il messaggio da trasmettere è: So quello che faccio, e so cosa potrei fare per te. 22
Come mostrare se stessi Offriamo qualche testimonianza Dedichiamo un piccolo spazio ai testimonial: non è importante che siano molti, ciò che conta è che siano persone reali e con nome e cognome scritto nero su bianco. Non è neanche necessario un poema: una buona testimonianza può essere anche una sola frase, estrapolata da un contesto più ampio. 23
Ottimizzazione SEO https://static.googleusercontent.com/media/www.google.com/ en//intl/it/webmasters/docs/search-engine-optimization-starterguide-it.pdf 24
Newsletter & DEM Database building Si tratta di un attività delicata e cruciale che richiede tempo, pazienza e strategie specifiche, non con l obiettivo di ingrossare le fila dei destinatari a qualunque costo, ma consapevoli di stare ponendo il primo, importante mattone di un rapporto proficuo e personalizzato con ciascun destinatario. 25
Newsletter & DEM Principi chiave da tenere a mente: Ampliare la base di utenti Puntare sulla qualità del database Ottenere il consenso esplicito Creare il database: operazione strategica 26
Newsletter & DEM Come raccogliere il dato: Moltiplicare gli entry point Dare valore Link nella firma aziendale Pop-up sul sito web Pagina Facebook Download di contenuti rilevanti 27
Newsletter & DEM Single opt-in Prevede un solo clic di conferma, una volta compilato il modulo con l indirizzo email e gli altri dati richiesti. Aumento della base dati veloce e immediato Il 100% degli utenti che compilano il form entra in lista. Presenza di indirizzi non verificati Dà adito a errori come caselle errate o piene, con conseguenze sul bounce. Maggior rischio di segnalazioni spam Con conseguenze sulla reputazione del mittente, sia online che offline. Double opt-in Una volta compilato il modulo e inviata la richiesta, è necessario un clic nell email di conferma inviata automaticamente. Aumento della base dati lento e articolato In media il 20% degli utenti non conferma l iscrizione, perdendosi. Solo indirizzi verificati Meno bounce e miglior deliverability, con impatto positivo a lungo termine. Miglior engagement E meno segnalazioni spam: la conferma attiva prova l assenza di spam o abusi. 28