際際滷

際際滷Share a Scribd company logo
Voci di marketing Come realizzare un sito di successo
La pagina usabile  A tutti piacciono i siti belli, in cui navigare sia unesperienza positiva. Ma non capita spesso.  Per realizzare un sito internet piacevole per i visitatori, bisogna fare i conti con  lusabilit . Questo termine significa rendere pi湛 semplici possibili le interazioni dellutente con il sito.  La navigazione deve essere fluida, i contenuti che interessano devono essere trovati con facilit, le interazioni devono essere intuitive. E importante tener presente di questi aspetti fin da subito, quando si deve progettare un sito, in quanto dalla base si possono organizzare le pagine ed i contenuti in modo semplice ed efficace oppure sbagliare creando ambienti troppo complessi, percorsi tortuosi nei quali si orienta solo chi li ha progettati.  Un  trucco  che utilizzano alcuni esperti di Web americani 竪 quello di scrivere su dei foglietti gli argomenti di cui si deve trattare nel sito aziendale, e poi si interrogano alcuni amici, colleghi e conoscenti, chiedendo loro in quale ordine logico disporrebbero tali fogli.  E un modo per scoprire come ragionano persone diverse da chi si occupa della strutturazione del sito, ma che rappresenta pi湛 fedelmente il target di riferimento del sito.  Chi consulta il sito per la prima volta spesso non conosce lazienda o comunque non ha dimestichezza con i prodotti offerti, tanto meno con la struttura di quest'ultimo.  Per la stessa natura del Web, 竪 il cliente che cerca il sito, e se lo fa, 竪 perch辿 ha bisogno di qualcosa.  Sarebbe un errore enorme non fargli trovare ci嘆 che sta cercando, e per cui 竪 arrivato a visionare le pagine del tuo sito: il rischio 竪 di perdere il cliente e/o prospect.  Quindi men湛 dai nomi immediatamente comprensibili, i pi湛 ovvi possibili: qui lobiettivo non 竪 certo cercare loriginalit, ma facilitare la navigazione.  Anche ai  contenuti  va dedicata estrema attenzione, sempre immedesimandosi nel target di riferimento, parlando con il suo linguaggio, dando le risposte che cerca, con frasi brevi e chiare.  Fondamentale 竪 la semplicit dalla struttura ai testi, ottimale anche per i motori di ricerca che ci indicizzano .
Come rendere piacevole la lettura  La lettura su schermo 竪 pi湛 lenta rispetto a quella sua carta.  Secondo Luisa Carrada, autrice del libro Scrivere per Internet, pare che sul monitor la velocit di lettura si riduca addirittura del 25%. Infatti  non si legge ma si scrolla . La gente, comunque, legge in internet: lo dimostrano i siti pi湛 visitati in Italia, come Repubblica.it, versione online del quotidiano su carta.  Le persone si collegano a milioni, proprio perch辿 vogliono informarsi, e i siti di informazione hanno uninterfaccia familiare: colonnine e box che riprendono la struttura delle pagine dei quotidiani.  Nessuno legge un quotidiano dallinizio alla fine cos狸 come nessuno legge un intero sito.  Per rendere la lettura pi湛 facile, nel Web 竪 bene usare dei sistemi di ancoraggio: nello schermo non si pu嘆 tenere il segno con un dito o con un segnalibro.  Per aiutare locchio a scorrere, ci sono degli stratagemmi.  Il pi湛 usato 竪 quello di  spezzettare graficamente  il contenuto di una pagina in paragrafi o in frasi intervallate da una riga bianca, cos狸 il lettore se perde il segno almeno si ricorda la posizione del paragrafo allinterno della schermata.  Un trucco ancora pi湛 efficace 竪 abbinare ad ogni paragrafo  un immagine o unicona , anche se in alcuni casi pu嘆 diventare un lavoro impegnativo in termini di tempo e di costi.  Per quanto riguarda  lallineamento del paragrafo , ci sono pi湛 scuole di pensiero: c竪 chi dice sia meglio limpostazione allineata a sinistra, che crea un effetto a bandiera a destra che offre pi湛 ancoraggi visivi rispetto al giustificato, c竪 chi predilige questultimo perch辿 risulta essere pi湛 ordinato e piacevole.  Anche gli  elenchi puntati  possono aiutare ad ancorare locchio, cos狸 come altri semplici stratagemmi grafici come riquadri, evidenze.  Il  sottolineato  con colore diverso nel Web ha universalmente assunto il significato di link, perci嘆 se una frase o una parola 竪 importante e va evidenziata, graficamente non devi usare il sottolineato (a meno che non sia un link), ma unaltra forma di evidenza come il grassetto o un colore diverso.
Come usare bene le immagini online  Tutti prediligiamo le pagine corredate da immagini, sono pi湛 piacevoli alla vista, pi湛 evocative, ci ricordano i libri dinfanzia in cui leggevamo le figure.  Anche il pi湛 snob dei siti ha qualche immagine. Visto che su Web il colore non costa come sulla stampa su carta, 竪 bene utilizzarlo al meglio.  Ma un limite c竪. Oltre a quello dettato dal buon gusto, c竪 quello della pazienza dei visitatori.  Il  peso  ottimale delle immagini significative, quindi fondamentali, non devono mai superare i  40/50 kb complessivi .  Le pagine che hanno pi湛 di 200 kb sono troppo pesanti, vengono visionate solo da una piccola nicchia di visitatori superinteressati proprio a quellimmagine e che posseggono connessioni superveloci.  Se inserisci nella pagina immagini troppo pesanti la maggior parte dei visitatori fuggir via. Pare infatti che dopo i 30 secondi di attesa su Web il visitatore perda la pazienza.  Una  pagina ottimamente  concepita dovrebbe prevedere un giusto equilibrio tra testo ed immagini, in modo che mentre il browser sta caricando le foto o icone, il visitatore almeno inizi a visualizzare qualcosa.  Se si ha la necessit di inserire unimmagine pesante, 竪 bene avvertire il visitatore del tempo necessario per lo scaricamento oppure specificarne il peso; al fine di non farlo fuggire.  Quando si lavora con unimmagine devi trovare il giusto equilibrio tra dimensione e qualit: in genere si procede rimpicciolendola, limportante 竪 fermarsi ad un grado decente di definizione.  Foto piccole e sgranate invece di illustrare ed abbellire un testo, hanno leffetto contrario di confondere e dare lidea di trascuratezza. In alcuni casi lo spazio a disposizione 竪 troppo poco perch辿 limmagine sia chiara: se 竪 importante, come ad esempio la foto di un prodotto, 竪 bene renderla cliccabile per poterne visionare una versione ingrandita.  Come per la  lettura di testi , anche per la visione delle immagini locchio cerca degli ancoraggi: bisogna evitare scalini, cio竪 disallineamenti, i quali, oltre a conferire un senso di disarmonia, confondono la lettura.  Meglio far rientrare le immagini in colonne verticali, con righe immaginarie coerenti con il resto della pagina. Per assurdo, anche  un ordine eccessivo  non 竪 ottimale: 竪 bene creare un punto dingresso, un titolo, una spaziatura, unimmagine o un testo pi湛 grande rispetto agli altri per orientare il visitatore.
Come utilizzare al meglio la multimedialit  Gif, flash, video, offrono diversi modi di visualizzare immagini in movimento nei siti Web.  La multimedialit se da un lato pu嘆 entusiasmare per i suoi effetti speciali, dallaltro genera parecchi problemi di  usabilit ed accessibilit .  Spesso queste tecnologie non sono supportate da vecchi browser tuttora in uso, e quindi sono invisibili ad una parte dei visitatori del sito, oppure necessitano dellinstallazione di plug in da scaricare nella rete, facendo investire tempo prezioso. Persino i pi湛 diffusi plug in sembra che siano presenti solo nel 10- 20% degli utenti. In certi pubblici di nicchia la percentuale pu嘆 essere molto pi湛 elevata: ad esempio un sito di musica rivolto ai giovani pu嘆 utilizzare della tecnologia avanzata, mentre un sito rivolto ad un ambiente aziendale non deve puntare sui suoni, in quanto la maggior parte dei pc diffusi negli uffici sono vecchi e non hanno schede audio.  Prima di affidare parti significative della comunicazione del sito ad  elementi multimediali , 竪 bene conoscere il target di riferimento e le sue effettive capacit di ricezione. In ogni caso, se anche decidi di optare per le animazioni in flash, generalmente usate nella home page, 竪 bene dare la possibilit allutente di saltare lanimazione e di poter accedere alle pagine interne (se sono in html) anche se non ha il plug in. Altrimenti il sito diventa assolutamente inaccessibile a chi non ha Flash.
Come utilizzare al meglio la multimedialit Semplici alla visualizzazione le gif animate, immagini con un movimento che di solito 竪 in loop, cio竪 si ripete allinfinito.  Gli esperti di usabilit suggeriscono un utilizzo moderato delle gif, in genere usate per dei banner, per non creare effetti di mal di mare.  Lo  streaming  竪 una tecnologia che consente di leggere un file nel corso del download anche con connessioni lente, ma in alcuni ambienti, come quelli aziendali, ci sono dei firewall che bloccano questi filmati per ragioni di sicurezza. Altri plug in ed helper sono Quick Time, Windows Media Player e Real Audio Video.  E sempre da tenere presente che non tutti i computer riescono a visualizzarli. Un altro  consiglio  竪 evitare leffetto Las Vegas. La nostra visione periferica 竪 stata sviluppata per percepire con la coda dellocchio larrivo di pericoli. Le gif animate e filmati sono presenti in abbondanza nei portali pi湛 visitati perch辿 hanno proprio lo scopo di distrarre lattenzione: sono pubblicit, la principale fonte di introito.  Per sito aziendale 竪 bene non aggiungere eccessive animazioni che disturbano i visitatori, l'obiettivo non 竪 vendere banner. Ottimo il multimediale, ma con astuzia: pu嘆 servire ad illustrare in modo animato il funzionamento di un prodotto, ma non deve diventare lostacolo alla visualizzazione del tuo sito; quindi no hai pop up (se non indispensabili).
Come organizzare le pagine Web  Linsieme di colori e dello stile di un sito 竪 comunemente chiamato  grafica .  Spesso i grafici si sono formati sulla carta, che consente un controllo al millimetro di uno spazio dalle dimensioni certe ed immutabili.  Il Web stravolge questa regola: si deve pensare allo stesso sito visualizzato su schermi di diverse dimensioni, e alla sua strutturazione ad ipertesto.  Nella grafica 竪 importante dare una  coerenza allambiente , ed allo stesso tempo segnalare allutente le differenze che comunicano un cambiamento di area o semplicemente di pagina.  Lutente deve percepire quando cambia pagina ma allo stesso tempo sentire che si trova nello stesso sito.  Il  colore predominante  dovrebbe essere sempre lo stesso, mentre possono cambiare bottoni o altri elementi, per segnare i passaggi.  Anche lo  stile  iconico deve mantenersi costante: se i bottoni sono tutti tridimensionali e in una pagina appare un pulsante diverso, non verr facilmente compreso. E importante poi usare grafiche distinte per  elementi cliccabili e non cliccabili  (il sottolineato 竪 il metodo pi湛 semplice ed universalmente riconosciuto per segnalare una parola che porta ad un link).
Come organizzare le pagine Web Per progettare bene un sito 竪 bene partire dalle pagine interne, valutandone i vari livelli di complessit. E utilie quindi utilizzare spazi pieni e vuoti per equilibrare una pagina: non 竪 una stiva.  Anzi, i siti pi湛 di design sono quelli che si concedono pi湛 vuoto: lo spreco dello spazio da sempre indica eleganza, ricchezza, prestigio, dallarredamento alla pubblicit.  Tutto comunque deve essere  coerente con limmagine aziendale . Daltro canto non si deve impoverire linformazione: resta un punto saldo del sito.  Nel caso in cui le cose da dire siano davvero tante, c竪 lo stile dei  portali , che riprende quello dei quotidiani, con pi湛 colonne e riquadri. In questi casi 竪 importante aiutare il visitatore allorientamento. Di solito il logo dellazienda va messo in alto a sinistra, in quanto per la civilt occidentale 竪 il primo posto dove si pone lo sguardo. Poi man mano vanno inseriti i contenuti, con una logica che deve essere molto intuitiva per il visitatore.  Se i  testi  sono tanti e non ci stanno in una schermata, secondo gli esperti di usabilit 竪 meglio optare per il paginone da scrollare in basso piuttosto che spezzettare la pagina e costringere il lettore a cliccare avanti troppe volte.
Come progettare larchitettura di un sito Web   Realizzare una valida architettura 竪 la parte pi湛 importante del lavoro di progettazione, che di fatto determina quanto il sito sar usabile.  Ci sono due opposti approcci allarchitettura del sito, che dipendono dalla natura dei contenuti.  Lapproccio  dal grande al piccolo  prevede di partire dalle macro aree tematiche, che vengono scomposte in sottoinsiemi fino ad arrivare agli atomi informativi, che poi si traducono in pagine.  Laltro approccio 竪  dal piccolo al grande , usato quando sono gi presenti dei database delle informazioni che si vogliono pubblicare. In questo caso dalle micro-categorie si deve arrivare ad un raggruppamento in macroaree.  Limportante 竪 non ragionare con lorganizzazione dellazienda, ma con la mente dellutente, che di solito utilizza termini meno tecnici ma pi湛 chiari e semplici per designare il prodotto o servizio che sta cercando nel sito.  Una volta scelto lapproccio, che si parta dalle microinformazioni o dalle macro aree, bisogna poi strutturare tutta  lalberatura , specificando men湛 e sottomen湛. Alcuni argomenti possono appartenere a pi湛 aree tematiche, altri fanno categoria a s辿. Tutte queste informazioni sono preziose per realizzare il men湛 e la strutturazione delle pagine.  Prima di progettare la  struttura , 竪 bene identificare il messaggio principale, la tipologia di  informazioni , le connessioni logiche e tutte le necessit in termini di interrogazioni dei database.
Come progettare larchitettura di un sito Web Poi si inizia tracciando le strade principali, i percorsi pi湛 semplici ed intuitivi, anche se 竪 difficile trovare un sistema valido per tutti: si possono strutturare le informazioni per categorie, per tipologie di utenti (ad esempio aziende o utenti), per stagioni (per es. nei siti di moda), per ordine alfabetico (per cataloghi di libri o altri oggetti), geografico (per es. nel caso di negozi in franchising).  Dopo aver individuato le vie principali, si devono definire i percorsi secondari di ciascuna area, cercando anche qui di scegliere la disposizione pi湛 logica ed intuitiva per i clienti.  Per aiutare il visitatore 竪 bene orientarlo, ad esempio  colorando  diversamente le macroaree del sito. E bene consentire al visitatore di poter agilmente passare da una macrocategoria allaltra, con men湛 chiari e sempre cliccabili da ogni pagina.  Nel caso di sottocategorie, 竪 bene indicare da qualche parte a che punto si trova il visitatore, ad esempio in un sito di animali domestici si pu嘆 specificare che la pagina che sta consultando si trova nel percorso mammiferi  felini  gatti - razza persiana.  Laiuto pi湛 infallibile da offrire al surfer 竪 la  mappa  del sito, anche se il fatto che la consulti vuol dire che si 竪 perso e che probabilmente il sito non 竪 molto usabile.
Come realizzare un sito interattivo che funzioni  Il presupposto per realizzare uninterattivit ottimale, 竪 sempre quello di partire dal punto di vista del visitatore.  Per stabilire i processi di interazione online devi gi aver progettato la struttura del sito, ora si tratta di raffinare i passaggi in cui chiedi allutente di intervenire direttamente, come ad esempio nella compilazione di un  form o nellacquisto online .  E importante pensare alle necessit del cliente pi湛 che a quelle aziendali.  Un suggerimento per migliorare linterattivit 竪 realizzare un sito con pi湛 profili utenti: ad esempio il portale di una grande compagnia telefonica 竪 suddiviso tra clienti ed aziende, ciascuna sezione offre piani tariffari ritagliati sulle specifiche esigenze di quel target.  In alcuni casi la diversa profilazione 竪 gestita attraverso delle password, per far accedere a certe parti del sito solo una specifica tipologia di clienti dove presentare unofferta adeguata di prodotti, servizi e prezzi.  E importante gestire anche le risposte allinterazione: nel caso di una ricerca, si va da un minimo di zero, dove si avverte il cliente che nessuno degli articoli risponde ai requisiti da lui richiesti, ad un massimo di tot risposte, che vanno limitate, per evitare attese troppo lunghe.  Ad esempio in certi siti 竪 obbligatorio almeno un  criterio di ricerca , altrimenti il risultato totale sarebbe un elenco troppo ampio.
Come realizzare un sito interattivo che funzioni Altro elemento importante da considerare 竪 la  previsione di errori : lutente pu嘆 aver sbagliato a digitare qualcosa (perfino il suo nome, magari nella fretta), perci嘆 si deve sempre offrire la possibilit di modificare o aggiornare i dati personali.  Nel caso sia obbligatorio scrivere nel form uno specifico dato, come ad esempio le-mail personale, se lutente non lha inserita, bisogna segnalarglielo tenendo traccia di quanto ha finora compilato, perch辿 azzerare tutto e farlo cominciare da zero lo pu嘆 spazientire e far fuggire.  Dare sempre un  feedback  allutente: se si 竪 iscritto ad una newsletters, si deve prestabilire in automatico una risposta alla sua e-mail. Nel caso di un sito di e-commerce 竪 importante rassicurarlo durante ogni passaggio, chiedendogli conferma, e ad acquisto concluso bisogna inviargli un documento dove c竪 traccia dellordine e di tutte le informazioni utili a riguardo.  Per venire incontro alle esigenze dellutente 竪 bene inserire delle Faq (domande frequenti) e pagine di aiuto. E bene spiegare con chiarezza le azioni da compiere in un sito, senza dare nulla per scontato, perch辿 lutente pu嘆 non essere pratico di internet oppure le interazioni possono non essere cos狸 immediate come sembra a chi ha progettato il sito.
Come realizzare una buona interfaccia di un sito Web  Linterfaccia di un sito, definita anche ambiente, 竪 la parte pi湛 evidente agli utenti finali: 竪 ci嘆 che in effetti vedono, e che giudicano bella e funzionale o meno, a seconda di come si presenta loro.  E quindi importante renderla la migliore possibile.  Interfaccia  竪 un termine che indica un insieme di strumenti che consente linterazione con un ambiente: ad esempio i comandi dellautomobile, i tasti di un telecomando, i pulsanti degli elettrodomestici.  Una buona interfaccia deve innanzitutto essere chiara e comprensibile, poi, anche locchio vuole la sua parte, e quindi si deve curarne anche lestetica. Un ambiente 竪 tanto pi湛 immediatamente comprensibile quanto pi湛 fa riferimento ad un insieme di segni riconosciuti. Le tre classiche modalit di interazione di uninterfaccia sono la simulazione, la rappresentazione e lazione.  - Linterfaccia di  simulazione  ci immerge in un ambiente o in unesperienza, quasi virtuale, come nei videogiochi in cui premendo un pulsante si spara o ci si muove attraverso un labirinto. - Linterfaccia di  azione  竪 la classica modalit usata nei programmi, in cui vi sono dei simboli/icone che indicano particolari azioni: la freccia per andare avanti o indietro, un pennello per disegnare, il dischetto per salvare, etc.. - Linterfaccia di  rappresentazione  竪 una via di mezzo delle altre due: riproduce un ambiente, ma per interagire con esso non si riproducono azioni reali tipo il camminare negli ambienti dei videogiochi, ma si deve cliccare su delle parti significative di esso che sono dei link ad un argomento pertinente. Un esempio sono le mappe geografiche di alcuni siti, che sono selezionabili per zona o regione: cliccandone una, puoi accedere agli hotel o ai negozi in franchising proprio di quella determinata area scelta. Per quanti riguarda le icone, 竪 bene che siano chiare ed immediatamente comprensibili: ce ne sono alcune, come il cestino, la lente di ingrandimento per lo zoom, la freccia per il back, che sono ormai universalmente riconosciute.
Come realizzare una buona interfaccia di un sito Web Sono di immediata comprensione anche i disegni del prodotto che si vende nella propria azienda, a patto che abbia una forma riconosciuta: ad esempio se si vendono libri e dvd, va bene poter distinguere le due sezioni del sito contraddistinguendole con due piccole immagini di questi prodotti.  Pi湛 difficile 竪 utilizzare delle piccole icone nel caso di tecnologie particolarmente complesse: si possono inserire nel sito delle immagini dettagliate destinate a degli esperti, ma stilizzarle e renderle icone rischia di minare la comprensione del sito ad un buon numero di utenti.  Per realizzare uninterfaccia 竪 poi fondamentale tenere presente il  sistema culturale  di riferimento: per paesi diversi il sito deve essere adattato, perch辿 alcuni segni potrebbero non essere interpretati facilmente o alla stessa maniera. Ad esempio alcune note marche di automobili si ostinano a scrivere nei comandi le sigle L cio竪 left, sinistra, e R right per destra, rendendoli di difficile comprensione a tutta quella percentuale significativa di persone al mondo che non sanno lInglese.  Un  sito usabile  deve essere comprensibile al maggior numero possibile di utenti, potenzialmente a tutti, quindi 竪 bene partire da un minimo comune denominatore.
Come usare in modo tattico i colori in un sito web  Allinizio il Web era tutto grigio, poi ci si 竪 accorti che i pixel colorati sono gratis, e si 竪 affacciato luso del colore.  Importante, per lusabilit, 竪 garantire la massima leggibilit del sito agli ipovedenti (persone che hanno difficolt visive). Quindi 竪 bene stabilire un contrasto: il che non significa solo il classico fondo bianco con scritte scure, ma anche il fondo scuro con scritte chiare.  Questa seconda soluzione 竪 comunemente utilizzata solo da siti di design, molto meno da aziende di produzione, perch辿 c竪 ancora una diffusa diffidenza sul colore scuro di fondo.  Eppure 竪 stato verificato che  stanca meno la vista , tanto che le persone che disegnano quotidianamente su pc, come gli architetti e gli ingegneri edili, utilizzano programmi dove lo sfondo preimpostato 竪 nero e le linee sono chiare.  Largo al colore, quindi, limportante 竪 sceglierne uno coerente con limmagine aziendale. Ormai tutti i monitor visualizzano migliaia di colori, quindi non ci sono problemi nel loro utilizzo nei siti Web.  Chi non vuole osare, pu嘆 tranquillamente restare nel pi湛 classico sfondo bianco, a patto di curare la grafica e renderla armonica.  Il colore 竪 utile non solo per definire lidentit di un sito, creandone latmosfera, ma anche per distinguere  aree diverse  dello stesso sito e per sottolineare delle parti importanti di un grafico o i campi obbligatori di un form.
Come usare in modo tattico i colori in un sito web Nei link i colori sono utili anche per distinguere diversi livelli, che ad esempio in un sito di viaggi potrebbero essere le nazioni, le regioni e le singole citt. In questo modo si aiuta il visitatore anche visivamente a capire dove si trova allinterno del sito.  Un uso ormai consolidato del colore 竪 anche quello che serve per distinguere un link gi visitato: generalmente si usa un colore molto simile, ma pi湛 cupo e sbiadito, per ricordare allutente che lha gi cliccato. Il colore 竪 utile anche per organizzare lo spazio: pu嘆 essere utilizzato per delimitare delle aree, oppure solo per incorniciare dei box.  Sulla combinazione di pi湛 colori in modo armonico vi sono varie teorie, ma una componente fondamentale viene rivestita dallambiente culturale e aziendale. Non ci sono trattazioni scientifiche sullarmonia dei colori, perch辿 possono cambiare nel tempo, influenzate dalle mode. Ormai si vedono in giro le combinazioni pi湛 particolari e originali, impensabili anni fa. Se non ami osare, vai sul sicuro quando non scegli per il tuo sito pi湛 di tre colori diversi, eventualmente usando anche le loro sfumature.
Come progettare minisiti collegati al portale aziendale  E molto frequente lesigenza di dover realizzare la grafica di pi湛 siti che sono collegati al portale aziendale.  Possono riguardare unarea riservata, un prodotto specifico, una serie di eventi patrocinati dallazienda, una campagna di marketing, etc..  Ci嘆 che devono trasmettere questi minisiti 竪 una comune appartenenza, ma allo stesso tempo una diversit, motivo per cui sono stati realizzati distintamente. Se la progettazione riesce bene, lutente a colpo docchio individua dei tratti famigliari, simili, pur riuscendo a distinguere i due minisiti per il loro diverso ambiente.  Per quanto riguarda i tratti di somiglianza, una facile tecnica 竪 quella di mantenere fisso il sistema iconico dellinterfaccia, quindi la stessa disposizione e la stessa grafica dei men湛. Ad esempio, si pu嘆 mantenere lintestazione nella parte superiore, il men湛 a destra ed i testi al centro. C竪 un margine di cambiamento, limportante 竪 conservare una similarit: i colori possono essere diversi ma cromaticamente vicini.  Si pu嘆 mantenere costante un elemento grafico come una cornice, oppure proprio un colore, variando la combinazione con gli altri. I bottoni possono essere uguali o simili, in questo secondo caso si pu嘆 variarne la dimensione a patto di mantenere lo stesso aspetto, ad esempio forme arrotondate, o squadrate, o 3D.
Come progettare minisiti collegati al portale aziendale Il  layout  di pagina pu嘆 perfino essere lo stesso, per siti che abbiano molto testo o molte immagini: in questo caso la similarit sta nello schema e nella disposizione, mentre balza agli occhi la differenza per la diversit di temi trattati e di immagini.  Limportante, anche a livello empirico (e quindi chiedendo ad amici e colleghi di visitare i minisiti) 竪 che se anche cambia lintestazione ed il logo dei due minisiti, venga comunque percepita ununiformit di ambiente.  Tra gli elementi di distinzione, il primo va ricercato proprio nella motivazione stessa che ha spinto l' azienda a realizzare un  minisito . E un prodotto o un servizio importante a cui dedicare particolare attenzione? E larea clienti, ad accesso riservato, che fornisce utili servizi?  E bene chiarire al visitatore fin da subito di cosa parla lo specifico minisito, qual 竪 il suo scopo.  Un altro elemento che pu嘆 variare 竪 la  tipologia di immagini : ad esempio se nel portale istituzionale ci sono fotografie, in un minisito pi湛 specialistico possono essere sostituite da grafici o disegni tecnici. Limportante 竪 mantenere una coerenza di grafica, il cambiamento iconico da fotografie a disegni deve avere il suo senso nel minisito.

More Related Content

What's hot (19)

Siti web vincenti
Siti web vincentiSiti web vincenti
Siti web vincenti
Piero Mazzini
Lezione 2
Lezione 2Lezione 2
Lezione 2
Silvia Carbotti
Crear Un Weblog Gratuito
Crear Un Weblog Gratuito
Crear Un Weblog Gratuito
Crear Un Weblog Gratuito
anastasia9mcdowell7
Come Creare Un Blog Di Qualita
Come Creare Un Blog Di Qualita
Come Creare Un Blog Di Qualita
Come Creare Un Blog Di Qualita
florence7gallegos62
Miglior Hosting Wordpress
Miglior Hosting Wordpress
Miglior Hosting Wordpress
Miglior Hosting Wordpress
anastasia9mcdowell7
15 Suggerimenti per migliorare il tuo sito web
15 Suggerimenti per migliorare il tuo sito web15 Suggerimenti per migliorare il tuo sito web
15 Suggerimenti per migliorare il tuo sito web
Giellemme - Web Strategy & Contents
Creare Un Blog
 Creare Un Blog 
 Creare Un Blog
Creare Un Blog
helpfulharmony138
Webinar: Migliorare la visibilit del tuo Sito Web su Google - Creare Pagine...
Webinar: Migliorare la visibilit del tuo Sito Web su Google -  Creare Pagine...Webinar: Migliorare la visibilit del tuo Sito Web su Google -  Creare Pagine...
Webinar: Migliorare la visibilit del tuo Sito Web su Google - Creare Pagine...
1minutesite
Comunicare sul web. Il brand e la web reputation.
Comunicare sul web. Il brand e la web reputation.Comunicare sul web. Il brand e la web reputation.
Comunicare sul web. Il brand e la web reputation.
Digital Borgo
Web-usability-Krug
Web-usability-KrugWeb-usability-Krug
Web-usability-Krug
DML Srl
Siti Web Professionali: 9 Motivi per cui Falliscono
Siti Web Professionali: 9 Motivi per cui FallisconoSiti Web Professionali: 9 Motivi per cui Falliscono
Siti Web Professionali: 9 Motivi per cui Falliscono
ArchiMedia Inbound Marketing
6 Step per un Sito Funzionale: 3. Web Design e Layout
6 Step per un Sito Funzionale: 3. Web Design e Layout6 Step per un Sito Funzionale: 3. Web Design e Layout
6 Step per un Sito Funzionale: 3. Web Design e Layout
FormazioneTurismo
Ergono Web Pianfetti Maurizio
Ergono Web Pianfetti MaurizioErgono Web Pianfetti Maurizio
Ergono Web Pianfetti Maurizio
Boymix81
Lezione 02 Web Usability
Lezione 02 Web UsabilityLezione 02 Web Usability
Lezione 02 Web Usability
Silvia Degli Esposti
L'Informatore Agrario - Fieragricola 2012 7 passi per promuovere su web l'a...
L'Informatore Agrario - Fieragricola 2012   7 passi per promuovere su web l'a...L'Informatore Agrario - Fieragricola 2012   7 passi per promuovere su web l'a...
L'Informatore Agrario - Fieragricola 2012 7 passi per promuovere su web l'a...
L'Informatore Agrario
Come scrivere per il web (le 30 regole del web writing)
Come scrivere per il web (le 30 regole del web writing)Come scrivere per il web (le 30 regole del web writing)
Come scrivere per il web (le 30 regole del web writing)
Alessandro Scuratti
Perche creare un sito internet
Perche creare un sito internetPerche creare un sito internet
Perche creare un sito internet
ictadmin
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing PageWebinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
1minutesite
Spremilo!
Spremilo!Spremilo!
Spremilo!
ideawriter
Siti web vincenti
Siti web vincentiSiti web vincenti
Siti web vincenti
Piero Mazzini
Come Creare Un Blog Di Qualita
Come Creare Un Blog Di Qualita
Come Creare Un Blog Di Qualita
Come Creare Un Blog Di Qualita
florence7gallegos62
Webinar: Migliorare la visibilit del tuo Sito Web su Google - Creare Pagine...
Webinar: Migliorare la visibilit del tuo Sito Web su Google -  Creare Pagine...Webinar: Migliorare la visibilit del tuo Sito Web su Google -  Creare Pagine...
Webinar: Migliorare la visibilit del tuo Sito Web su Google - Creare Pagine...
1minutesite
Comunicare sul web. Il brand e la web reputation.
Comunicare sul web. Il brand e la web reputation.Comunicare sul web. Il brand e la web reputation.
Comunicare sul web. Il brand e la web reputation.
Digital Borgo
Web-usability-Krug
Web-usability-KrugWeb-usability-Krug
Web-usability-Krug
DML Srl
Siti Web Professionali: 9 Motivi per cui Falliscono
Siti Web Professionali: 9 Motivi per cui FallisconoSiti Web Professionali: 9 Motivi per cui Falliscono
Siti Web Professionali: 9 Motivi per cui Falliscono
ArchiMedia Inbound Marketing
6 Step per un Sito Funzionale: 3. Web Design e Layout
6 Step per un Sito Funzionale: 3. Web Design e Layout6 Step per un Sito Funzionale: 3. Web Design e Layout
6 Step per un Sito Funzionale: 3. Web Design e Layout
FormazioneTurismo
Ergono Web Pianfetti Maurizio
Ergono Web Pianfetti MaurizioErgono Web Pianfetti Maurizio
Ergono Web Pianfetti Maurizio
Boymix81
L'Informatore Agrario - Fieragricola 2012 7 passi per promuovere su web l'a...
L'Informatore Agrario - Fieragricola 2012   7 passi per promuovere su web l'a...L'Informatore Agrario - Fieragricola 2012   7 passi per promuovere su web l'a...
L'Informatore Agrario - Fieragricola 2012 7 passi per promuovere su web l'a...
L'Informatore Agrario
Come scrivere per il web (le 30 regole del web writing)
Come scrivere per il web (le 30 regole del web writing)Come scrivere per il web (le 30 regole del web writing)
Come scrivere per il web (le 30 regole del web writing)
Alessandro Scuratti
Perche creare un sito internet
Perche creare un sito internetPerche creare un sito internet
Perche creare un sito internet
ictadmin
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing PageWebinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page
1minutesite

Similar to Voci Di Marketing: Come Realizzare Un Sito Web Di Successo (20)

Creazione siti web napoli
Creazione siti web napoliCreazione siti web napoli
Creazione siti web napoli
Enrico Iacono
15 regole per realizzare il sito web istituzionale della tua azienda
15 regole per realizzare il sito web istituzionale della tua azienda15 regole per realizzare il sito web istituzionale della tua azienda
15 regole per realizzare il sito web istituzionale della tua azienda
Giovanni Fracasso
mini-marketing per agenzie immobiliari
mini-marketing per agenzie immobiliarimini-marketing per agenzie immobiliari
mini-marketing per agenzie immobiliari
Vincenzo De Tommaso
MPM WEB SOLUTION - RESTYLING E WEB DESIGN
MPM WEB SOLUTION - RESTYLING E WEB DESIGNMPM WEB SOLUTION - RESTYLING E WEB DESIGN
MPM WEB SOLUTION - RESTYLING E WEB DESIGN
MPM Web Solution
Best Practices per il Web Mobile by Luca Degli Esposti
Best Practices per il Web Mobile by Luca Degli EspostiBest Practices per il Web Mobile by Luca Degli Esposti
Best Practices per il Web Mobile by Luca Degli Esposti
Codemotion
Best Practices Mobile Web: Il "Tap" 竪 il nuovo "Click" @ Codemotion Roma
Best Practices Mobile Web: Il "Tap" 竪 il nuovo "Click" @ Codemotion RomaBest Practices Mobile Web: Il "Tap" 竪 il nuovo "Click" @ Codemotion Roma
Best Practices Mobile Web: Il "Tap" 竪 il nuovo "Click" @ Codemotion Roma
Luca Degli Esposti
Anteprima seconda edizione: " facile aumentare i tuoi clienti con il WEB MAR...
Anteprima seconda edizione: " facile aumentare i tuoi clienti con il WEB MAR...Anteprima seconda edizione: " facile aumentare i tuoi clienti con il WEB MAR...
Anteprima seconda edizione: " facile aumentare i tuoi clienti con il WEB MAR...
Alessio Arrigoni
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
bsdlover
Unadieta.it resistere alla crisi manuale di sopravvivenza per pmi
Unadieta.it    resistere alla crisi manuale di sopravvivenza per pmiUnadieta.it    resistere alla crisi manuale di sopravvivenza per pmi
Unadieta.it resistere alla crisi manuale di sopravvivenza per pmi
Andrea Sticazzi
Aruba e-Commerce: 5 Errori da evitare nel negozio online #Arubait5
Aruba e-Commerce: 5 Errori da evitare nel negozio online #Arubait5Aruba e-Commerce: 5 Errori da evitare nel negozio online #Arubait5
Aruba e-Commerce: 5 Errori da evitare nel negozio online #Arubait5
Aruba S.p.A.
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla grigliaProgrammazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglia
nois3lab
Wireframe e struttura del sito internet
Wireframe e struttura del sito internetWireframe e struttura del sito internet
Wireframe e struttura del sito internet
Daniele Moraschi
Punti chiave-per-un-sito-di-successo-nel-web-moderno
Punti chiave-per-un-sito-di-successo-nel-web-modernoPunti chiave-per-un-sito-di-successo-nel-web-moderno
Punti chiave-per-un-sito-di-successo-nel-web-moderno
becchettia
I particolari che fanno la...differenza
I particolari che fanno la...differenzaI particolari che fanno la...differenza
I particolari che fanno la...differenza
sorrentoinfo
Laboratori di Web Marketing e Interattivit
Laboratori di Web Marketing e InterattivitLaboratori di Web Marketing e Interattivit
Laboratori di Web Marketing e Interattivit
FormazioneTurismo
Numero 1 WTM | C-Magazine
Numero 1 WTM | C-MagazineNumero 1 WTM | C-Magazine
Numero 1 WTM | C-Magazine
WTM C-Magazine
Web Travel Marketing Magazine N属 1
Web Travel Marketing Magazine N属 1Web Travel Marketing Magazine N属 1
Web Travel Marketing Magazine N属 1
FormazioneTurismo
Noonic Guides - Animazioni nel Web Design
Noonic Guides - Animazioni nel Web DesignNoonic Guides - Animazioni nel Web Design
Noonic Guides - Animazioni nel Web Design
Noonic Agency
Creazione siti web napoli
Creazione siti web napoliCreazione siti web napoli
Creazione siti web napoli
Enrico Iacono
15 regole per realizzare il sito web istituzionale della tua azienda
15 regole per realizzare il sito web istituzionale della tua azienda15 regole per realizzare il sito web istituzionale della tua azienda
15 regole per realizzare il sito web istituzionale della tua azienda
Giovanni Fracasso
mini-marketing per agenzie immobiliari
mini-marketing per agenzie immobiliarimini-marketing per agenzie immobiliari
mini-marketing per agenzie immobiliari
Vincenzo De Tommaso
MPM WEB SOLUTION - RESTYLING E WEB DESIGN
MPM WEB SOLUTION - RESTYLING E WEB DESIGNMPM WEB SOLUTION - RESTYLING E WEB DESIGN
MPM WEB SOLUTION - RESTYLING E WEB DESIGN
MPM Web Solution
Best Practices per il Web Mobile by Luca Degli Esposti
Best Practices per il Web Mobile by Luca Degli EspostiBest Practices per il Web Mobile by Luca Degli Esposti
Best Practices per il Web Mobile by Luca Degli Esposti
Codemotion
Best Practices Mobile Web: Il "Tap" 竪 il nuovo "Click" @ Codemotion Roma
Best Practices Mobile Web: Il "Tap" 竪 il nuovo "Click" @ Codemotion RomaBest Practices Mobile Web: Il "Tap" 竪 il nuovo "Click" @ Codemotion Roma
Best Practices Mobile Web: Il "Tap" 竪 il nuovo "Click" @ Codemotion Roma
Luca Degli Esposti
Anteprima seconda edizione: " facile aumentare i tuoi clienti con il WEB MAR...
Anteprima seconda edizione: " facile aumentare i tuoi clienti con il WEB MAR...Anteprima seconda edizione: " facile aumentare i tuoi clienti con il WEB MAR...
Anteprima seconda edizione: " facile aumentare i tuoi clienti con il WEB MAR...
Alessio Arrigoni
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
bsdlover
Unadieta.it resistere alla crisi manuale di sopravvivenza per pmi
Unadieta.it    resistere alla crisi manuale di sopravvivenza per pmiUnadieta.it    resistere alla crisi manuale di sopravvivenza per pmi
Unadieta.it resistere alla crisi manuale di sopravvivenza per pmi
Andrea Sticazzi
Aruba e-Commerce: 5 Errori da evitare nel negozio online #Arubait5
Aruba e-Commerce: 5 Errori da evitare nel negozio online #Arubait5Aruba e-Commerce: 5 Errori da evitare nel negozio online #Arubait5
Aruba e-Commerce: 5 Errori da evitare nel negozio online #Arubait5
Aruba S.p.A.
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla grigliaProgrammazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglia
nois3lab
Wireframe e struttura del sito internet
Wireframe e struttura del sito internetWireframe e struttura del sito internet
Wireframe e struttura del sito internet
Daniele Moraschi
Punti chiave-per-un-sito-di-successo-nel-web-moderno
Punti chiave-per-un-sito-di-successo-nel-web-modernoPunti chiave-per-un-sito-di-successo-nel-web-moderno
Punti chiave-per-un-sito-di-successo-nel-web-moderno
becchettia
I particolari che fanno la...differenza
I particolari che fanno la...differenzaI particolari che fanno la...differenza
I particolari che fanno la...differenza
sorrentoinfo
Laboratori di Web Marketing e Interattivit
Laboratori di Web Marketing e InterattivitLaboratori di Web Marketing e Interattivit
Laboratori di Web Marketing e Interattivit
FormazioneTurismo
Numero 1 WTM | C-Magazine
Numero 1 WTM | C-MagazineNumero 1 WTM | C-Magazine
Numero 1 WTM | C-Magazine
WTM C-Magazine
Web Travel Marketing Magazine N属 1
Web Travel Marketing Magazine N属 1Web Travel Marketing Magazine N属 1
Web Travel Marketing Magazine N属 1
FormazioneTurismo
Noonic Guides - Animazioni nel Web Design
Noonic Guides - Animazioni nel Web DesignNoonic Guides - Animazioni nel Web Design
Noonic Guides - Animazioni nel Web Design
Noonic Agency

Voci Di Marketing: Come Realizzare Un Sito Web Di Successo

  • 1. Voci di marketing Come realizzare un sito di successo
  • 2. La pagina usabile A tutti piacciono i siti belli, in cui navigare sia unesperienza positiva. Ma non capita spesso. Per realizzare un sito internet piacevole per i visitatori, bisogna fare i conti con lusabilit . Questo termine significa rendere pi湛 semplici possibili le interazioni dellutente con il sito. La navigazione deve essere fluida, i contenuti che interessano devono essere trovati con facilit, le interazioni devono essere intuitive. E importante tener presente di questi aspetti fin da subito, quando si deve progettare un sito, in quanto dalla base si possono organizzare le pagine ed i contenuti in modo semplice ed efficace oppure sbagliare creando ambienti troppo complessi, percorsi tortuosi nei quali si orienta solo chi li ha progettati. Un trucco che utilizzano alcuni esperti di Web americani 竪 quello di scrivere su dei foglietti gli argomenti di cui si deve trattare nel sito aziendale, e poi si interrogano alcuni amici, colleghi e conoscenti, chiedendo loro in quale ordine logico disporrebbero tali fogli. E un modo per scoprire come ragionano persone diverse da chi si occupa della strutturazione del sito, ma che rappresenta pi湛 fedelmente il target di riferimento del sito. Chi consulta il sito per la prima volta spesso non conosce lazienda o comunque non ha dimestichezza con i prodotti offerti, tanto meno con la struttura di quest'ultimo. Per la stessa natura del Web, 竪 il cliente che cerca il sito, e se lo fa, 竪 perch辿 ha bisogno di qualcosa. Sarebbe un errore enorme non fargli trovare ci嘆 che sta cercando, e per cui 竪 arrivato a visionare le pagine del tuo sito: il rischio 竪 di perdere il cliente e/o prospect. Quindi men湛 dai nomi immediatamente comprensibili, i pi湛 ovvi possibili: qui lobiettivo non 竪 certo cercare loriginalit, ma facilitare la navigazione. Anche ai contenuti va dedicata estrema attenzione, sempre immedesimandosi nel target di riferimento, parlando con il suo linguaggio, dando le risposte che cerca, con frasi brevi e chiare. Fondamentale 竪 la semplicit dalla struttura ai testi, ottimale anche per i motori di ricerca che ci indicizzano .
  • 3. Come rendere piacevole la lettura La lettura su schermo 竪 pi湛 lenta rispetto a quella sua carta. Secondo Luisa Carrada, autrice del libro Scrivere per Internet, pare che sul monitor la velocit di lettura si riduca addirittura del 25%. Infatti non si legge ma si scrolla . La gente, comunque, legge in internet: lo dimostrano i siti pi湛 visitati in Italia, come Repubblica.it, versione online del quotidiano su carta. Le persone si collegano a milioni, proprio perch辿 vogliono informarsi, e i siti di informazione hanno uninterfaccia familiare: colonnine e box che riprendono la struttura delle pagine dei quotidiani. Nessuno legge un quotidiano dallinizio alla fine cos狸 come nessuno legge un intero sito. Per rendere la lettura pi湛 facile, nel Web 竪 bene usare dei sistemi di ancoraggio: nello schermo non si pu嘆 tenere il segno con un dito o con un segnalibro. Per aiutare locchio a scorrere, ci sono degli stratagemmi. Il pi湛 usato 竪 quello di spezzettare graficamente il contenuto di una pagina in paragrafi o in frasi intervallate da una riga bianca, cos狸 il lettore se perde il segno almeno si ricorda la posizione del paragrafo allinterno della schermata. Un trucco ancora pi湛 efficace 竪 abbinare ad ogni paragrafo un immagine o unicona , anche se in alcuni casi pu嘆 diventare un lavoro impegnativo in termini di tempo e di costi. Per quanto riguarda lallineamento del paragrafo , ci sono pi湛 scuole di pensiero: c竪 chi dice sia meglio limpostazione allineata a sinistra, che crea un effetto a bandiera a destra che offre pi湛 ancoraggi visivi rispetto al giustificato, c竪 chi predilige questultimo perch辿 risulta essere pi湛 ordinato e piacevole. Anche gli elenchi puntati possono aiutare ad ancorare locchio, cos狸 come altri semplici stratagemmi grafici come riquadri, evidenze. Il sottolineato con colore diverso nel Web ha universalmente assunto il significato di link, perci嘆 se una frase o una parola 竪 importante e va evidenziata, graficamente non devi usare il sottolineato (a meno che non sia un link), ma unaltra forma di evidenza come il grassetto o un colore diverso.
  • 4. Come usare bene le immagini online Tutti prediligiamo le pagine corredate da immagini, sono pi湛 piacevoli alla vista, pi湛 evocative, ci ricordano i libri dinfanzia in cui leggevamo le figure. Anche il pi湛 snob dei siti ha qualche immagine. Visto che su Web il colore non costa come sulla stampa su carta, 竪 bene utilizzarlo al meglio. Ma un limite c竪. Oltre a quello dettato dal buon gusto, c竪 quello della pazienza dei visitatori. Il peso ottimale delle immagini significative, quindi fondamentali, non devono mai superare i 40/50 kb complessivi . Le pagine che hanno pi湛 di 200 kb sono troppo pesanti, vengono visionate solo da una piccola nicchia di visitatori superinteressati proprio a quellimmagine e che posseggono connessioni superveloci. Se inserisci nella pagina immagini troppo pesanti la maggior parte dei visitatori fuggir via. Pare infatti che dopo i 30 secondi di attesa su Web il visitatore perda la pazienza. Una pagina ottimamente concepita dovrebbe prevedere un giusto equilibrio tra testo ed immagini, in modo che mentre il browser sta caricando le foto o icone, il visitatore almeno inizi a visualizzare qualcosa. Se si ha la necessit di inserire unimmagine pesante, 竪 bene avvertire il visitatore del tempo necessario per lo scaricamento oppure specificarne il peso; al fine di non farlo fuggire. Quando si lavora con unimmagine devi trovare il giusto equilibrio tra dimensione e qualit: in genere si procede rimpicciolendola, limportante 竪 fermarsi ad un grado decente di definizione. Foto piccole e sgranate invece di illustrare ed abbellire un testo, hanno leffetto contrario di confondere e dare lidea di trascuratezza. In alcuni casi lo spazio a disposizione 竪 troppo poco perch辿 limmagine sia chiara: se 竪 importante, come ad esempio la foto di un prodotto, 竪 bene renderla cliccabile per poterne visionare una versione ingrandita. Come per la lettura di testi , anche per la visione delle immagini locchio cerca degli ancoraggi: bisogna evitare scalini, cio竪 disallineamenti, i quali, oltre a conferire un senso di disarmonia, confondono la lettura. Meglio far rientrare le immagini in colonne verticali, con righe immaginarie coerenti con il resto della pagina. Per assurdo, anche un ordine eccessivo non 竪 ottimale: 竪 bene creare un punto dingresso, un titolo, una spaziatura, unimmagine o un testo pi湛 grande rispetto agli altri per orientare il visitatore.
  • 5. Come utilizzare al meglio la multimedialit Gif, flash, video, offrono diversi modi di visualizzare immagini in movimento nei siti Web. La multimedialit se da un lato pu嘆 entusiasmare per i suoi effetti speciali, dallaltro genera parecchi problemi di usabilit ed accessibilit . Spesso queste tecnologie non sono supportate da vecchi browser tuttora in uso, e quindi sono invisibili ad una parte dei visitatori del sito, oppure necessitano dellinstallazione di plug in da scaricare nella rete, facendo investire tempo prezioso. Persino i pi湛 diffusi plug in sembra che siano presenti solo nel 10- 20% degli utenti. In certi pubblici di nicchia la percentuale pu嘆 essere molto pi湛 elevata: ad esempio un sito di musica rivolto ai giovani pu嘆 utilizzare della tecnologia avanzata, mentre un sito rivolto ad un ambiente aziendale non deve puntare sui suoni, in quanto la maggior parte dei pc diffusi negli uffici sono vecchi e non hanno schede audio. Prima di affidare parti significative della comunicazione del sito ad elementi multimediali , 竪 bene conoscere il target di riferimento e le sue effettive capacit di ricezione. In ogni caso, se anche decidi di optare per le animazioni in flash, generalmente usate nella home page, 竪 bene dare la possibilit allutente di saltare lanimazione e di poter accedere alle pagine interne (se sono in html) anche se non ha il plug in. Altrimenti il sito diventa assolutamente inaccessibile a chi non ha Flash.
  • 6. Come utilizzare al meglio la multimedialit Semplici alla visualizzazione le gif animate, immagini con un movimento che di solito 竪 in loop, cio竪 si ripete allinfinito. Gli esperti di usabilit suggeriscono un utilizzo moderato delle gif, in genere usate per dei banner, per non creare effetti di mal di mare. Lo streaming 竪 una tecnologia che consente di leggere un file nel corso del download anche con connessioni lente, ma in alcuni ambienti, come quelli aziendali, ci sono dei firewall che bloccano questi filmati per ragioni di sicurezza. Altri plug in ed helper sono Quick Time, Windows Media Player e Real Audio Video. E sempre da tenere presente che non tutti i computer riescono a visualizzarli. Un altro consiglio 竪 evitare leffetto Las Vegas. La nostra visione periferica 竪 stata sviluppata per percepire con la coda dellocchio larrivo di pericoli. Le gif animate e filmati sono presenti in abbondanza nei portali pi湛 visitati perch辿 hanno proprio lo scopo di distrarre lattenzione: sono pubblicit, la principale fonte di introito. Per sito aziendale 竪 bene non aggiungere eccessive animazioni che disturbano i visitatori, l'obiettivo non 竪 vendere banner. Ottimo il multimediale, ma con astuzia: pu嘆 servire ad illustrare in modo animato il funzionamento di un prodotto, ma non deve diventare lostacolo alla visualizzazione del tuo sito; quindi no hai pop up (se non indispensabili).
  • 7. Come organizzare le pagine Web Linsieme di colori e dello stile di un sito 竪 comunemente chiamato grafica . Spesso i grafici si sono formati sulla carta, che consente un controllo al millimetro di uno spazio dalle dimensioni certe ed immutabili. Il Web stravolge questa regola: si deve pensare allo stesso sito visualizzato su schermi di diverse dimensioni, e alla sua strutturazione ad ipertesto. Nella grafica 竪 importante dare una coerenza allambiente , ed allo stesso tempo segnalare allutente le differenze che comunicano un cambiamento di area o semplicemente di pagina. Lutente deve percepire quando cambia pagina ma allo stesso tempo sentire che si trova nello stesso sito. Il colore predominante dovrebbe essere sempre lo stesso, mentre possono cambiare bottoni o altri elementi, per segnare i passaggi. Anche lo stile iconico deve mantenersi costante: se i bottoni sono tutti tridimensionali e in una pagina appare un pulsante diverso, non verr facilmente compreso. E importante poi usare grafiche distinte per elementi cliccabili e non cliccabili (il sottolineato 竪 il metodo pi湛 semplice ed universalmente riconosciuto per segnalare una parola che porta ad un link).
  • 8. Come organizzare le pagine Web Per progettare bene un sito 竪 bene partire dalle pagine interne, valutandone i vari livelli di complessit. E utilie quindi utilizzare spazi pieni e vuoti per equilibrare una pagina: non 竪 una stiva. Anzi, i siti pi湛 di design sono quelli che si concedono pi湛 vuoto: lo spreco dello spazio da sempre indica eleganza, ricchezza, prestigio, dallarredamento alla pubblicit. Tutto comunque deve essere coerente con limmagine aziendale . Daltro canto non si deve impoverire linformazione: resta un punto saldo del sito. Nel caso in cui le cose da dire siano davvero tante, c竪 lo stile dei portali , che riprende quello dei quotidiani, con pi湛 colonne e riquadri. In questi casi 竪 importante aiutare il visitatore allorientamento. Di solito il logo dellazienda va messo in alto a sinistra, in quanto per la civilt occidentale 竪 il primo posto dove si pone lo sguardo. Poi man mano vanno inseriti i contenuti, con una logica che deve essere molto intuitiva per il visitatore. Se i testi sono tanti e non ci stanno in una schermata, secondo gli esperti di usabilit 竪 meglio optare per il paginone da scrollare in basso piuttosto che spezzettare la pagina e costringere il lettore a cliccare avanti troppe volte.
  • 9. Come progettare larchitettura di un sito Web Realizzare una valida architettura 竪 la parte pi湛 importante del lavoro di progettazione, che di fatto determina quanto il sito sar usabile. Ci sono due opposti approcci allarchitettura del sito, che dipendono dalla natura dei contenuti. Lapproccio dal grande al piccolo prevede di partire dalle macro aree tematiche, che vengono scomposte in sottoinsiemi fino ad arrivare agli atomi informativi, che poi si traducono in pagine. Laltro approccio 竪 dal piccolo al grande , usato quando sono gi presenti dei database delle informazioni che si vogliono pubblicare. In questo caso dalle micro-categorie si deve arrivare ad un raggruppamento in macroaree. Limportante 竪 non ragionare con lorganizzazione dellazienda, ma con la mente dellutente, che di solito utilizza termini meno tecnici ma pi湛 chiari e semplici per designare il prodotto o servizio che sta cercando nel sito. Una volta scelto lapproccio, che si parta dalle microinformazioni o dalle macro aree, bisogna poi strutturare tutta lalberatura , specificando men湛 e sottomen湛. Alcuni argomenti possono appartenere a pi湛 aree tematiche, altri fanno categoria a s辿. Tutte queste informazioni sono preziose per realizzare il men湛 e la strutturazione delle pagine. Prima di progettare la struttura , 竪 bene identificare il messaggio principale, la tipologia di informazioni , le connessioni logiche e tutte le necessit in termini di interrogazioni dei database.
  • 10. Come progettare larchitettura di un sito Web Poi si inizia tracciando le strade principali, i percorsi pi湛 semplici ed intuitivi, anche se 竪 difficile trovare un sistema valido per tutti: si possono strutturare le informazioni per categorie, per tipologie di utenti (ad esempio aziende o utenti), per stagioni (per es. nei siti di moda), per ordine alfabetico (per cataloghi di libri o altri oggetti), geografico (per es. nel caso di negozi in franchising). Dopo aver individuato le vie principali, si devono definire i percorsi secondari di ciascuna area, cercando anche qui di scegliere la disposizione pi湛 logica ed intuitiva per i clienti. Per aiutare il visitatore 竪 bene orientarlo, ad esempio colorando diversamente le macroaree del sito. E bene consentire al visitatore di poter agilmente passare da una macrocategoria allaltra, con men湛 chiari e sempre cliccabili da ogni pagina. Nel caso di sottocategorie, 竪 bene indicare da qualche parte a che punto si trova il visitatore, ad esempio in un sito di animali domestici si pu嘆 specificare che la pagina che sta consultando si trova nel percorso mammiferi felini gatti - razza persiana. Laiuto pi湛 infallibile da offrire al surfer 竪 la mappa del sito, anche se il fatto che la consulti vuol dire che si 竪 perso e che probabilmente il sito non 竪 molto usabile.
  • 11. Come realizzare un sito interattivo che funzioni Il presupposto per realizzare uninterattivit ottimale, 竪 sempre quello di partire dal punto di vista del visitatore. Per stabilire i processi di interazione online devi gi aver progettato la struttura del sito, ora si tratta di raffinare i passaggi in cui chiedi allutente di intervenire direttamente, come ad esempio nella compilazione di un form o nellacquisto online . E importante pensare alle necessit del cliente pi湛 che a quelle aziendali. Un suggerimento per migliorare linterattivit 竪 realizzare un sito con pi湛 profili utenti: ad esempio il portale di una grande compagnia telefonica 竪 suddiviso tra clienti ed aziende, ciascuna sezione offre piani tariffari ritagliati sulle specifiche esigenze di quel target. In alcuni casi la diversa profilazione 竪 gestita attraverso delle password, per far accedere a certe parti del sito solo una specifica tipologia di clienti dove presentare unofferta adeguata di prodotti, servizi e prezzi. E importante gestire anche le risposte allinterazione: nel caso di una ricerca, si va da un minimo di zero, dove si avverte il cliente che nessuno degli articoli risponde ai requisiti da lui richiesti, ad un massimo di tot risposte, che vanno limitate, per evitare attese troppo lunghe. Ad esempio in certi siti 竪 obbligatorio almeno un criterio di ricerca , altrimenti il risultato totale sarebbe un elenco troppo ampio.
  • 12. Come realizzare un sito interattivo che funzioni Altro elemento importante da considerare 竪 la previsione di errori : lutente pu嘆 aver sbagliato a digitare qualcosa (perfino il suo nome, magari nella fretta), perci嘆 si deve sempre offrire la possibilit di modificare o aggiornare i dati personali. Nel caso sia obbligatorio scrivere nel form uno specifico dato, come ad esempio le-mail personale, se lutente non lha inserita, bisogna segnalarglielo tenendo traccia di quanto ha finora compilato, perch辿 azzerare tutto e farlo cominciare da zero lo pu嘆 spazientire e far fuggire. Dare sempre un feedback allutente: se si 竪 iscritto ad una newsletters, si deve prestabilire in automatico una risposta alla sua e-mail. Nel caso di un sito di e-commerce 竪 importante rassicurarlo durante ogni passaggio, chiedendogli conferma, e ad acquisto concluso bisogna inviargli un documento dove c竪 traccia dellordine e di tutte le informazioni utili a riguardo. Per venire incontro alle esigenze dellutente 竪 bene inserire delle Faq (domande frequenti) e pagine di aiuto. E bene spiegare con chiarezza le azioni da compiere in un sito, senza dare nulla per scontato, perch辿 lutente pu嘆 non essere pratico di internet oppure le interazioni possono non essere cos狸 immediate come sembra a chi ha progettato il sito.
  • 13. Come realizzare una buona interfaccia di un sito Web Linterfaccia di un sito, definita anche ambiente, 竪 la parte pi湛 evidente agli utenti finali: 竪 ci嘆 che in effetti vedono, e che giudicano bella e funzionale o meno, a seconda di come si presenta loro. E quindi importante renderla la migliore possibile. Interfaccia 竪 un termine che indica un insieme di strumenti che consente linterazione con un ambiente: ad esempio i comandi dellautomobile, i tasti di un telecomando, i pulsanti degli elettrodomestici. Una buona interfaccia deve innanzitutto essere chiara e comprensibile, poi, anche locchio vuole la sua parte, e quindi si deve curarne anche lestetica. Un ambiente 竪 tanto pi湛 immediatamente comprensibile quanto pi湛 fa riferimento ad un insieme di segni riconosciuti. Le tre classiche modalit di interazione di uninterfaccia sono la simulazione, la rappresentazione e lazione. - Linterfaccia di simulazione ci immerge in un ambiente o in unesperienza, quasi virtuale, come nei videogiochi in cui premendo un pulsante si spara o ci si muove attraverso un labirinto. - Linterfaccia di azione 竪 la classica modalit usata nei programmi, in cui vi sono dei simboli/icone che indicano particolari azioni: la freccia per andare avanti o indietro, un pennello per disegnare, il dischetto per salvare, etc.. - Linterfaccia di rappresentazione 竪 una via di mezzo delle altre due: riproduce un ambiente, ma per interagire con esso non si riproducono azioni reali tipo il camminare negli ambienti dei videogiochi, ma si deve cliccare su delle parti significative di esso che sono dei link ad un argomento pertinente. Un esempio sono le mappe geografiche di alcuni siti, che sono selezionabili per zona o regione: cliccandone una, puoi accedere agli hotel o ai negozi in franchising proprio di quella determinata area scelta. Per quanti riguarda le icone, 竪 bene che siano chiare ed immediatamente comprensibili: ce ne sono alcune, come il cestino, la lente di ingrandimento per lo zoom, la freccia per il back, che sono ormai universalmente riconosciute.
  • 14. Come realizzare una buona interfaccia di un sito Web Sono di immediata comprensione anche i disegni del prodotto che si vende nella propria azienda, a patto che abbia una forma riconosciuta: ad esempio se si vendono libri e dvd, va bene poter distinguere le due sezioni del sito contraddistinguendole con due piccole immagini di questi prodotti. Pi湛 difficile 竪 utilizzare delle piccole icone nel caso di tecnologie particolarmente complesse: si possono inserire nel sito delle immagini dettagliate destinate a degli esperti, ma stilizzarle e renderle icone rischia di minare la comprensione del sito ad un buon numero di utenti. Per realizzare uninterfaccia 竪 poi fondamentale tenere presente il sistema culturale di riferimento: per paesi diversi il sito deve essere adattato, perch辿 alcuni segni potrebbero non essere interpretati facilmente o alla stessa maniera. Ad esempio alcune note marche di automobili si ostinano a scrivere nei comandi le sigle L cio竪 left, sinistra, e R right per destra, rendendoli di difficile comprensione a tutta quella percentuale significativa di persone al mondo che non sanno lInglese. Un sito usabile deve essere comprensibile al maggior numero possibile di utenti, potenzialmente a tutti, quindi 竪 bene partire da un minimo comune denominatore.
  • 15. Come usare in modo tattico i colori in un sito web Allinizio il Web era tutto grigio, poi ci si 竪 accorti che i pixel colorati sono gratis, e si 竪 affacciato luso del colore. Importante, per lusabilit, 竪 garantire la massima leggibilit del sito agli ipovedenti (persone che hanno difficolt visive). Quindi 竪 bene stabilire un contrasto: il che non significa solo il classico fondo bianco con scritte scure, ma anche il fondo scuro con scritte chiare. Questa seconda soluzione 竪 comunemente utilizzata solo da siti di design, molto meno da aziende di produzione, perch辿 c竪 ancora una diffusa diffidenza sul colore scuro di fondo. Eppure 竪 stato verificato che stanca meno la vista , tanto che le persone che disegnano quotidianamente su pc, come gli architetti e gli ingegneri edili, utilizzano programmi dove lo sfondo preimpostato 竪 nero e le linee sono chiare. Largo al colore, quindi, limportante 竪 sceglierne uno coerente con limmagine aziendale. Ormai tutti i monitor visualizzano migliaia di colori, quindi non ci sono problemi nel loro utilizzo nei siti Web. Chi non vuole osare, pu嘆 tranquillamente restare nel pi湛 classico sfondo bianco, a patto di curare la grafica e renderla armonica. Il colore 竪 utile non solo per definire lidentit di un sito, creandone latmosfera, ma anche per distinguere aree diverse dello stesso sito e per sottolineare delle parti importanti di un grafico o i campi obbligatori di un form.
  • 16. Come usare in modo tattico i colori in un sito web Nei link i colori sono utili anche per distinguere diversi livelli, che ad esempio in un sito di viaggi potrebbero essere le nazioni, le regioni e le singole citt. In questo modo si aiuta il visitatore anche visivamente a capire dove si trova allinterno del sito. Un uso ormai consolidato del colore 竪 anche quello che serve per distinguere un link gi visitato: generalmente si usa un colore molto simile, ma pi湛 cupo e sbiadito, per ricordare allutente che lha gi cliccato. Il colore 竪 utile anche per organizzare lo spazio: pu嘆 essere utilizzato per delimitare delle aree, oppure solo per incorniciare dei box. Sulla combinazione di pi湛 colori in modo armonico vi sono varie teorie, ma una componente fondamentale viene rivestita dallambiente culturale e aziendale. Non ci sono trattazioni scientifiche sullarmonia dei colori, perch辿 possono cambiare nel tempo, influenzate dalle mode. Ormai si vedono in giro le combinazioni pi湛 particolari e originali, impensabili anni fa. Se non ami osare, vai sul sicuro quando non scegli per il tuo sito pi湛 di tre colori diversi, eventualmente usando anche le loro sfumature.
  • 17. Come progettare minisiti collegati al portale aziendale E molto frequente lesigenza di dover realizzare la grafica di pi湛 siti che sono collegati al portale aziendale. Possono riguardare unarea riservata, un prodotto specifico, una serie di eventi patrocinati dallazienda, una campagna di marketing, etc.. Ci嘆 che devono trasmettere questi minisiti 竪 una comune appartenenza, ma allo stesso tempo una diversit, motivo per cui sono stati realizzati distintamente. Se la progettazione riesce bene, lutente a colpo docchio individua dei tratti famigliari, simili, pur riuscendo a distinguere i due minisiti per il loro diverso ambiente. Per quanto riguarda i tratti di somiglianza, una facile tecnica 竪 quella di mantenere fisso il sistema iconico dellinterfaccia, quindi la stessa disposizione e la stessa grafica dei men湛. Ad esempio, si pu嘆 mantenere lintestazione nella parte superiore, il men湛 a destra ed i testi al centro. C竪 un margine di cambiamento, limportante 竪 conservare una similarit: i colori possono essere diversi ma cromaticamente vicini. Si pu嘆 mantenere costante un elemento grafico come una cornice, oppure proprio un colore, variando la combinazione con gli altri. I bottoni possono essere uguali o simili, in questo secondo caso si pu嘆 variarne la dimensione a patto di mantenere lo stesso aspetto, ad esempio forme arrotondate, o squadrate, o 3D.
  • 18. Come progettare minisiti collegati al portale aziendale Il layout di pagina pu嘆 perfino essere lo stesso, per siti che abbiano molto testo o molte immagini: in questo caso la similarit sta nello schema e nella disposizione, mentre balza agli occhi la differenza per la diversit di temi trattati e di immagini. Limportante, anche a livello empirico (e quindi chiedendo ad amici e colleghi di visitare i minisiti) 竪 che se anche cambia lintestazione ed il logo dei due minisiti, venga comunque percepita ununiformit di ambiente. Tra gli elementi di distinzione, il primo va ricercato proprio nella motivazione stessa che ha spinto l' azienda a realizzare un minisito . E un prodotto o un servizio importante a cui dedicare particolare attenzione? E larea clienti, ad accesso riservato, che fornisce utili servizi? E bene chiarire al visitatore fin da subito di cosa parla lo specifico minisito, qual 竪 il suo scopo. Un altro elemento che pu嘆 variare 竪 la tipologia di immagini : ad esempio se nel portale istituzionale ci sono fotografie, in un minisito pi湛 specialistico possono essere sostituite da grafici o disegni tecnici. Limportante 竪 mantenere una coerenza di grafica, il cambiamento iconico da fotografie a disegni deve avere il suo senso nel minisito.