Check-up del sito - Roberta Camuffo

Check-up Sito:
essere imprenditrici
efficaci nel Web
di Roberta Camuffo [robertac@jtpnet.com]
Web Developer at JTP Informatica
1

Premessa
Checkup sito web di Roberta Camuffo [robertac@jtpnet.com]
Il sito è tuo
2

Premessa
Fallo
crescere
3

Premessa
Ma non
lasciarlo
invecchiare
4

Premessa
Perché gli altri
Costruiscono
5

Usabilità
Check–up sito web | Roberta Camuffo | robertac@jtpnet.com | 1/18
Il sito risponde ai bisogni dell’utente in modo
Efficace
Semplice
Soddisfacente
Immediato
6

Usabilità
L’organizzazione del sito Non deve riflettere l’organizzazione aziendale
7

Usabilità
cominciamo
vedendo il nostro sito
mettendo al centro
il nostro utente
8

Usabilità
Il cervello valuta
un sito
in modo emozionale
in un istante
E poi…
Conserverà la sensazione
9

Usabilità
Impatto emotivo
Positivo se
Grafica curata,
visione d’insieme gradevole
10

Usabilità
Attenzione a Flash:
Spazientisce
Richiede il software
I motori di ricerca non lo leggono
11

Usabilità
12

Usabilità
Sito in costruzione?
Non lasciare
le pagine vuote
13

Usabilità
Sii creativo
14

Usabilità
Fallo fruttare
lo stesso
Coming soon…
15

Caratteri
Il carattere (font) del sito deve facilitare la leggibilità
e contribuire positivamente all’impatto grafico
16

Caratteri
1lI 1lI
Serif o Sans Serif?
Senza Grazie
per letture veloci su monitor
Leggibilità migliore
(Verdana vs Times)
17

Caratteri
Leggiamo a salti,
solo l’estremità delle parole
Immaginando il resto
Per essere più rapidi
18

Caratteri
Il tutto maiuscolo
ostacola questo
modo di leggere
Ci fa perdere tempo
19

Colori
I colori del brand vanno meditati con cura sin dal logo
Il logo influenzerà
I colori del sito
20

Colori
Il logo influenzerà
I colori del sito
21

Colori
Ad ogni funzionalità
va associato sempre
lo stesso colore
22

Colori
Massimo 3 colori
23

Colori
Check–up sito web | Roberta Camuffo | robertac@jtpnet.com | 1/18
Bianco su sfondo nero produce fastidi
visivi dopo 10 sec
Provate a fissare..
24

Colori
Scegliere i giusti contrasti
per favorire la leggibilità
Ciao
25

Colori
I colori contrastanti
per evidenziare gli inviti
all’azione
Troppi creano confusione
26

Colori
Strumento utile
per verificare i colori
di tutto il sito
www.colorschemedesigner.com
27

Colori
Effetto prospettico
Colori caldi avvicinano
Colori freddi allontanano
Colori caldi ingrandiscono
Colori freddi diminuiscono
28

Colori
Colori caldi per evidenziare un’azione
Colori freddi per il contorno
29

Colori
I colori generano
risposte psicologiche
Che emozione vogliamo suscitare?
30

Colori
Rosso
Attenzione
Azione
Pericolo
Errore
31

Colori
Marrone
Conferisce stabilità
e credibilità al rosso
32

Colori
Giallo
Allegria
Avvicinamento
Poco visibile da solo
33

Colori
Arancio
energia
equilibrio
apertura
attenzione
appetito
34

Colori
Blu
Calma
Professionalità
Affidabilità
Colore maschile
Calma la fame
35

Colori
Verde
Riposante
Gradevole
Armonico
Curativo
Indica Sicurezza
36

Colori
Viola
Mistero
Lusso
Lutto
37

Colori
Rosa
Femminile
Creativo
Non violento
38

Colori
Bianco
Innocenza
Purezza
Pulizia
Luce
39

Colori
Bianco
Usato come spazio
dà respiro
e organizzazione
40

Colori
Nero
Eleganza e prestigio
Potere e autorità
male e paura
Molto formale
41

Colori
42

Link
Il miglior link
è blu sottolineato
Questione di abitudine visiva
43

Testi
Payoff (slogan)
Nella posizione più visibile
Dì subito cosa fai
44

Testi
Componi i testi in stile giornalistico
Punta sul titolo
Segui la regola 5W
e piramide rovesciata
Perché? Quando?
45

Testi
Titoli?
Ispiratevi ai magazine
46

Testi
I testi per il web
non devono essere
come quelli dei libri
Leggibilità
Immediatezza
47

Testi
Sii sempre originale
Non copiare
48

Testi
Eye Traking
Dove guardano gli utenti web
49

Testi
50

Testi
Eye Traking
Verifica della lettura
a piramide rovesciata
51

Testi
al top del sito
i contenuti principali
Le persone preferiscono
non scrollare la pagina
52

Testi
Le persone hanno imparato ad ignorare
la pubblicità
Attenzione
A dove mettete
i banner
53

Immagini
gli sfondi neutri
Faticano meno
54

Immagini
I volti familiari
Quelli perfetti
sanno di falso
55

Immagini
Le richieste di azione con i volti
sono più gradite
56

Immagini
Le immagini pesanti
(alta risoluzione)
rallentano il caricamento della pagina web
57

Immagini
Le persone hanno imparato
a ignorare
le solite immagini
58

Pianificare
Regola del
4 - 2 – 3
40% Pianificare
20% Scrivere
30% Revisionare
59

Pianificare
Chi è il tuo target?
Devi scrivere per
Il tuo target
Col suo linguaggio
60

Pianificare
Cosa fa la tua azienda?
Prepara il discorso dell’ascensore
10 secondi
61

Pianificare
Non essere autoreferenziale
62

Pianificare
Parla dei benefici
dei tuoi prodotti
Concludi sempre con un invito all’azione
63

Pianificare
Tu vendi
la soddisfazione
ad un bisogno
64
64

Pianificare
Come scrivo il mio Messaggio?
Aiutiamo [TARGET]
a soddisfare [BISOGNO]
nonostante [PEGGIOR SCENARIO]
65

Pianificare
Sforniamo pizze croccanti per rendere squisiti i tuoi sabati con gli amici, sempre fragranti anche se le prendi per asporto
66

Pianificare
Infine…
Togli tutto il superfluo
67

Contatti
68
Grazie 
robertac@jtpnet.com
Web Developer
Web Copywriter
per JTP Informatica

Guide
69
Guida scaricabile sul sito www.jtpnet.com

Guide
70
Approfondimenti
Neuro web design. L'inconscio ci guida nel Web
[Susan M. Weinschenk]
Google AdWords. La guida definitiva
[Perry Marshall, Bryan Todd]
Don't make me think. Un approccio di buon senso all'usabilità del web
[Steve Krug]
Web usability 2.0. L'usabilità che conta
[Jakob Nielsen]

Check-up del sito - Roberta Camuffo

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (6)

More from Camera di Commercio di Padova

More from Camera di Commercio di Padova (20)

Check-up del sito - Roberta Camuffo