Il blog in azienda, come usarlo, quali contenuti pubblicare e quale piattaforma scegliere. Tra il tecnico e il pratico, tra casi di studio e consigli un approfondimento dedicato all'uso del blog per le imprese
Generare contatti con un ebook: 8 esempi Valeria Toti
油
Un ebook, un report, un white paper, possono essere un buon modo per farsi conoscere e generare nuovi contatti. Ecco 8 esempi di aziende che adottano questa strategia.
28 consigli per creare un blog che pu嘆 darti soddisfazioni in termini di personal branding. Migliora la tua immagine professionale usando le strategie e le tattiche dei migliori blogger! Tutti i suggerimenti per aprire e gestire un blog di successo anche nella tua nicchia!
Con questa presentazione scoprirai quali sono i fattori che decretano il successo di un sito web. Soprattutto apprenderai perch辿 un progetto web serio dovrebbe prevedere sempre un investimento.
Il tuo sito Internet 竪 la tua casa online. Di certo non vuoi dare ai tuoi visitatori una cattiva prima impressione o deludere le loro aspettative. Ecco 15 suggerimenti per aiutarti a fare funzionare meglio il tuo sito aumentando le conversioni e invitando gli utenti a tornare a visitarti.
Webinar: Migliorare la visibilit del tuo Sito Web su Google - Creare Pagine...1minutesite
油
Webinar gratuito con Simona Bigazzi.
L'esperta si 竪 focalizzata su:
- come creare pagine web ed organizzare contenuti ad hoc con il CMS 1 Minute Site http://www.oneminutesite.it/,
- come impostare ed inserire i giusti Tag, utili al posizionamento del tuo sito web,
- creare una link building con link autorevoli,
- consigli ed informazioni utili per migliorare le attivit SEO.
Comunicare sul web. Il brand e la web reputation.Digital Borgo
油
Comunicare efficacemente sul web. Promuovere il proprio brand su siti e social media.
A cura di Mario Massarotti, consulente per la comunicazione dimpresa.
Alcuni spunti sulla web usability, secondo alcuni principi e regole di Steve Krug, autore di "don0t make me think" ed uno dei guru della web usability, insieme con Jaob Nielsen. Visitate anche www.sensable.com, il sito web di S.Krug
Ecco perch竪 i siti aziendali non riescono a svolgere bene il loro lavoro: attirare traffico e trovare clienti online.
Anche il tuo sito fa questi errori?
Vuoi scrivere contenuti web che colgono nel segno? Vuoi riuscire a creare testi online che ti permettono di fornire valore ai tuoi potenziali clienti? Scopri le 30 regole del web writing! Diventa anche tu un esperto di comunicazione sul web!
Sito internet: cosa, chi, come e soprattutto perch竪. Come realizzare un sito e come impostarlo sulla rete, quali sono i vantaggi e le tecniche per crearlo.
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page1minutesite
油
Susanna Pepi, Wed and Graphic Designer, ci ha parlato di come Scegliere Font e Colori per Creare Landing Page Efficaci.
Una vera e propria lezione pratica su come creare pagine web capaci di raggiungere il target selezionato.
15 regole per realizzare il sito web istituzionale della tua aziendaGiovanni Fracasso
油
Non 竪 vero che nel 2013 i blog e i social network hanno reso obsoleto il tuo sito web aziendale: oggi pi湛 che mai 竪 importante avere un solido ancoraggio per fornire informazioni complete e facilmente reperibili dagli utenti sulla tua azienda.
Anche se hai una presenza sui social media: il "chi sei" per la tua azienda, lo definisce anche il tuo sito internet.
Con questa presentazione scoprirai quali sono i fattori che decretano il successo di un sito web. Soprattutto apprenderai perch辿 un progetto web serio dovrebbe prevedere sempre un investimento.
Il tuo sito Internet 竪 la tua casa online. Di certo non vuoi dare ai tuoi visitatori una cattiva prima impressione o deludere le loro aspettative. Ecco 15 suggerimenti per aiutarti a fare funzionare meglio il tuo sito aumentando le conversioni e invitando gli utenti a tornare a visitarti.
Webinar: Migliorare la visibilit del tuo Sito Web su Google - Creare Pagine...1minutesite
油
Webinar gratuito con Simona Bigazzi.
L'esperta si 竪 focalizzata su:
- come creare pagine web ed organizzare contenuti ad hoc con il CMS 1 Minute Site http://www.oneminutesite.it/,
- come impostare ed inserire i giusti Tag, utili al posizionamento del tuo sito web,
- creare una link building con link autorevoli,
- consigli ed informazioni utili per migliorare le attivit SEO.
Comunicare sul web. Il brand e la web reputation.Digital Borgo
油
Comunicare efficacemente sul web. Promuovere il proprio brand su siti e social media.
A cura di Mario Massarotti, consulente per la comunicazione dimpresa.
Alcuni spunti sulla web usability, secondo alcuni principi e regole di Steve Krug, autore di "don0t make me think" ed uno dei guru della web usability, insieme con Jaob Nielsen. Visitate anche www.sensable.com, il sito web di S.Krug
Ecco perch竪 i siti aziendali non riescono a svolgere bene il loro lavoro: attirare traffico e trovare clienti online.
Anche il tuo sito fa questi errori?
Vuoi scrivere contenuti web che colgono nel segno? Vuoi riuscire a creare testi online che ti permettono di fornire valore ai tuoi potenziali clienti? Scopri le 30 regole del web writing! Diventa anche tu un esperto di comunicazione sul web!
Sito internet: cosa, chi, come e soprattutto perch竪. Come realizzare un sito e come impostarlo sulla rete, quali sono i vantaggi e le tecniche per crearlo.
Webinar Susanna Pepi | Come Scegliere Font e Colori per Creare Landing Page1minutesite
油
Susanna Pepi, Wed and Graphic Designer, ci ha parlato di come Scegliere Font e Colori per Creare Landing Page Efficaci.
Una vera e propria lezione pratica su come creare pagine web capaci di raggiungere il target selezionato.
15 regole per realizzare il sito web istituzionale della tua aziendaGiovanni Fracasso
油
Non 竪 vero che nel 2013 i blog e i social network hanno reso obsoleto il tuo sito web aziendale: oggi pi湛 che mai 竪 importante avere un solido ancoraggio per fornire informazioni complete e facilmente reperibili dagli utenti sulla tua azienda.
Anche se hai una presenza sui social media: il "chi sei" per la tua azienda, lo definisce anche il tuo sito internet.
MPM Web Solution si preoccupa di offrire al cliente soluzioni ad hoc al fine di rispettarne le aspettative e le esigenze; ogni soluzione proposta sar studiata, progettata e realizzata al fine di garantire l卒ottimizzazione per i motori di ricerca.
MPM pone massima attenzione all卒impatto visivo e comunicativo, curando tutti gli aspetti legati all卒immagine aziendale. Ogni soluzione proposta deve garantire usabilit e accessibilit. Si tratta di due caratteristiche fondamentali nella valutazione complessiva del lavoro svolto. Per questo motivo, tutti i siti sono sviluppati in modo da:
1. presentare un visual pulito e una navigazione semplice e intuitiva;
2. seguire gli standard internazionali del W3C con scrupolosa attenzione;
3. essere ottimizzati per le risoluzioni pi湛 diffuse;
4. essere ottimizzati per le diverse versioni di browser, quali Internet Explorer, Firefox, Google Chrome, Opera e Safari;
5. essere visualizzati su tutti i dispositivi mobili.
Non hai ancora un sito e pensi sia il caso di innovarti sfruttando la potenza del web? Hai gi un sito, ma ti piacerebbe rinnovarlo?
Best Practices per il Web Mobile by Luca Degli EspostiCodemotion
油
Oggi un sito web deve esser progettato per una consultazione mobilefriendly ancor prima che per il desktop.
Colui che progetta il layout mobile deve avere tutta una serie di accorgimenti di usabilit, struttura e design che rendano la navigazione pulita, semplice ed immediata per lobiettivo dellutente sia che si tratti di sito vetrina o mCommerce. Nellintervento analizzeremo tutti i principali accorgimenti: dalla giusta scelta tipografica alla dimensione minima di un pulsante, dal pi湛 corretto men湛 di navigazione allanalisi del contesto temporale/fisico in cui si fruir del mobile site.
Best Practices Mobile Web: Il "Tap" 竪 il nuovo "Click" @ Codemotion RomaLuca Degli Esposti
油
Oggi pi湛 che mai, se lobiettivo lo consente, un sito web deve essere progettato, ancor prima che per il desktop, per una consultazione mobile-friendly.
Colui che va a progettare il layout grafico del sito mobile, deve avere in primo luogo tutta una serie di accorgimenti di usabilit, struttura e design che portino ad una navigazione pulita, semplice, immediata ed efficace per lobiettivo primario dellutente finale, sia che si tratti di un blog, un sito vetrina o un m-Commerce.
In questo intervento, verranno analizzati proprio i principali accorgimenti che un professionista (un Designer o un Dev in primis) deve prendere in considerazione nel momento in cui va a progettare un layout mobile, dalla giusta scelta tipografica alla dimensione minima di un pulsante per una buona interazione con le dita (cambia da continente a continente), dal pi湛 corretto men湛 di navigazione allanalisi del contesto temporale e fisico in cui si fruir da mobile, del sito.
Anteprima seconda edizione: " facile aumentare i tuoi clienti con il WEB MAR...Alessio Arrigoni
油
Parole come Facebook, Twitter, Linkedin, Bing, Google, web marketing sono entrate nel linguaggio comune di chi usa il computer quotidianamente.
Ma nella realt sappiamo sfruttare al meglio tutte le potenzialit che il web ci offre? Sappiamo comunicare in maniera efficace? Il nostro sito internet 竪 ben progettato? Abbiamo un blog, 竪 veramente efficace? Cattura l'interesse dei lettori?
In questo e-book gratuito si troverete la risposta ai vostri interrogativi: web marketing, social network, essere primi su Google, comunicare sul web. Non ci saranno pi湛 misteri per voi.
Per concludere, non potevamo dimenticarci di dare qualche consiglio su come sviluppare il sito internet aziendale. Cosa non pu嘆 assolutamente mancare, come deve essere l'homepage.
Insomma utili consigli per sfruttare al meglio le opportunit che ci offre il web per fare business.
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...bsdlover
油
Lezione #2 di Paolo Gatti all'Universit degli Studi di Teramo, Facolt di Scienze della Comunicazione, avente come tema "Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessibilit".
I particolari che fanno la...differenzasorrentoinfo
油
Relazione di Antonio Maresca in occasione del corso di revenue management tenuto a Sorrento il 3 Dicembre 2008. L'intervento mette in evidenza i particolari da ottimizzare per poter ottenere il massimo da un progetto web.
Noonic Guides - Animazioni nel Web DesignNoonic Agency
油
Le animazioni sono la base dellInteraction Design. Grazie ad esse lutente 竪 agevolato nellinteragire in modo facile ed intuitivo con i touchpoint digitali progettati per soddisfare i suoi bisogni.
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.