Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduzione al web writing

1,802 views

Published on

Published in: Education, Technology, Design
  • Be the first to comment

Introduzione al web writing

  1. 1. Introduzione al web writing European School of Translation “ Il mio primo sito web” Seconda lezione - 16 giugno 2009 Perché la scrittura online è diversa Lo stile del web
  2. 2. Cristina Federica Fabrizio Andrea Cida Marco Sara Katia
  3. 3. Scrivere e leggere sul Web Perché la scrittura online è diversa PRIMA PARTE
  4. 4. Sono diversi i testi Interfacce, interattività, testi tradizionali e ipertesti
  5. 5. L’interfaccia uomo-macchina <ul><li>L’interfaccia utente nel software e nel Web (interattività) </li></ul><ul><li>Software : menu, pulsanti, messaggi di sistema e di errore, icone, guida in linea, finestre di dialogo, ecc. </li></ul><ul><li>Web : menu e barre di navigazione, mappe interattive, frame, link ipertestuali, icone, moduli, ecc. </li></ul>
  6. 6. Azioni Web Testi su cui si agisce e con cui si interagisce <ul><li>Prenotare un servizio * </li></ul><ul><li>Acquistare merci * </li></ul><ul><li>Caricare documenti </li></ul><ul><li>Scaricare software </li></ul><ul><li>Accedere ad altri documenti </li></ul><ul><li>Stampare documenti </li></ul><ul><li>Ricercare informazioni </li></ul><ul><li>Aggiornare informazioni (db) </li></ul><ul><li>Comunicare in TR (Chat) * </li></ul><ul><li>Comunicare non in TR (forum) * </li></ul><ul><li>Consultare informazioni </li></ul><ul><li>Inviare messaggi e-mail * </li></ul><ul><li>Inviare messaggi SMS * </li></ul><ul><li>Ascoltare suoni/musica </li></ul><ul><li>Guardare video </li></ul><ul><li>……… . </li></ul>
  7. 7. Sono diversi i lettori Lettori-utenti, lettura online, usabilità
  8. 8. Come si legge sul Web <ul><li>Il lettore del Web non legge </li></ul><ul><li>Rapida scansione della pagina </li></ul><ul><li>Attenzione per i titoli, i sottotitoli, le parole sottolineate (collegamenti ipertestuali) </li></ul><ul><li>Il “lettore” del Web cerca informazioni </li></ul>
  9. 9. Ricerche sulla lettura online <ul><li>La ricerca della Stanford-Poynter sugli “eye fixations” </li></ul><ul><li>Le ricerche sulla “usabilità” di Jakob Nielsen </li></ul>
  10. 10. La ricerca della Stanford-Poynter <ul><li>Statistiche basate sul numero di volte che gli occhi si fissano su una parte dello schermo ( eye fixations ). </li></ul><ul><li>Risultato: Il testo viene fissato assai più delle fotografie e degli altri elementi grafici. </li></ul><ul><li>Possibili motivi: </li></ul><ul><ul><ul><ul><li>lentezza nel download delle immagini </li></ul></ul></ul></ul><ul><ul><ul><ul><li>minore qualità delle immagini a video </li></ul></ul></ul></ul><ul><ul><ul><ul><li>attenzione del lettore web per informazioni e contenuti </li></ul></ul></ul></ul>
  11. 11. Ricerche sulla “usabilità” (Nielsen) <ul><li>Il 79% dei lettori non legge ma effettua una scansione della pagina. </li></ul><ul><li>L'usabilità migliora (124%) con: </li></ul><ul><ul><ul><ul><li>parole chiave evidenziate (tra cui collegamenti ipertestuali) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>sottotitoli con un significato chiaro </li></ul></ul></ul></ul><ul><ul><ul><ul><li>liste con punti elenco </li></ul></ul></ul></ul><ul><ul><ul><ul><li>una sola idea per paragrafo </li></ul></ul></ul></ul><ul><ul><ul><ul><li>piramide invertita (prima le conclusioni) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>meno parole rispetto alla scrittura tradizionale (50% o meno) </li></ul></ul></ul></ul>
  12. 12. È diverso il medium Pagine Web che si fanno trovare e pagine Web che ispirano fiducia
  13. 13. Pagine che si fanno trovare <ul><li>Motori di ricerca </li></ul><ul><li>Scrivere per i motori di ricerca </li></ul><ul><li>L’importanza dei microcontenuti </li></ul>
  14. 14. Microcontenuti: MetaTag <HTML> <HEAD> <TITLE> Cisco Connection Online by Cisco Systems, Inc.</TITLE> < META content =&quot;Cisco, networking equipment, network hardware, network management, routers, LAN, WAN, ATM, software, servers, switches, internet, intranet, extranet, ISDN, network security, local area network, wide area network, hubs, token rings, business networks, ethernet, firewalls, Cisco Systems&quot; name=Keywords > < META content =&quot;Cisco is the worldwide leader in networking for the Internet. Products include access concentrators, access servers, Cisco Secure, Cisco IOS software, CiscoWorks2000, DSL equipment, hubs and concentrators, interfaces and adaptors, network management, optical, routers, switches, telephony, unified messaging, video, web and wireless.&quot; name=Description > </HEAD>
  15. 15. Microcontenuti: Alt <ul><li><IMG alt=&quot;Cisco Systems, Inc., Empowering the Internet Generation (SM)&quot; </li></ul><ul><li>border=0 height=87 src=&quot;Cisco Connection Online by Cisco Systems, Inc_file/logo-tagline.gif&quot; </li></ul><ul><li>width=107> </li></ul>
  16. 16. Microcontenuti: titoli e sottotitoli
  17. 17. Microcontenuti: link ipertestuali
  18. 18. Pagine che ispirano fiducia <ul><li>Design piacevole e di facile uso </li></ul><ul><li>Moduli di ordinazione con server sicuro </li></ul><ul><li>Testi ben scritti e accuratamente rivisti </li></ul><ul><li>Abbondanza di contenuti utili </li></ul><ul><li>Servizi gratuiti </li></ul><ul><li>Informazioni dettagliate sull’azienda corredate da fotografie </li></ul><ul><li>Garanzia per prodotti e servizi </li></ul><ul><li>Testimonianze di clienti con nomi e indirizzi </li></ul><ul><li>Nome e indirizzo dell’organizzazione su ogni pagina </li></ul><ul><li>Clausola di protezione della privacy </li></ul><ul><li>Link ad altri siti Web </li></ul><ul><li>Aggiornamenti frequenti </li></ul>
  19. 19. Pagine che funzionano <ul><li>L' HOME RUN di Jakob Nielsen 7 regole d'oro per un sito di successo </li></ul><ul><li>H H IGH-QUALITY Contenuti di alta qualità </li></ul><ul><li>O O FTEN Aggiornamenti frequenti </li></ul><ul><li>M M INIMAL Tempi di scaricamento minimi </li></ul><ul><li>E E ASE OF USE Facilità d'uso per l'utente </li></ul><ul><li>R R ELEVANT Contenuti appropriati per le esigenze degli utenti </li></ul><ul><li>U U NIQUE Sfruttare le caratteristiche uniche del nuovo medium </li></ul><ul><li>N N ET-CENTRIC La rete è al centro della cultura aziendale </li></ul>
  20. 20. Lo stile del web Scrivere le informazioni, l’interfaccia e l’ambiente SECONDA PARTE
  21. 21. Scrivere le informazioni <ul><li>Parole chiave e microcontenuti, </li></ul><ul><li>formattazione e layout </li></ul>
  22. 22. Parole chiave: informazioni per i MdR <ul><li>La scrittura delle parole chiave è una delle competenze fondamentali del web writer (e del web translator). </li></ul>
  23. 23. Quali parole/frasi chiave? <ul><li>Fortemente pertinenti per la pagina in questione </li></ul><ul><li>Corrispondenti alle parole utilizzate dalle persone nei motori quando cercano una pagina come questa </li></ul><ul><li>Simili alle parole chiave e alle frasi chiave presenti sulle pagine dei vostri concorrenti </li></ul><ul><li>Soprattutto frasi, non parole singole </li></ul>
  24. 24. BellaUmbria.Net
  25. 25. Codice HTML
  26. 26. Titolo
  27. 27. Metatag
  28. 28. 2) Formattazione e layout <ul><li>La formattazione del testo è tra i compiti del web writer ed è parte integrante della usabilità del testo , ossia della facilità con cui il lettore-utente potrà utilizzare il testo per i suoi scopi. </li></ul><ul><li>Il layout o design della pagina non è solo compito del web writer ma è importante conoscere le peculiarità del medium. </li></ul>
  29. 29. Attributi di formattazione <ul><ul><li>Grassetto : l'occhio del lettore viene catturato dalle parole in grassetto. Parole chiave evidenziate (non più di 2-3 parole/gruppi di parole per paragrafo). </li></ul></ul><ul><ul><li>Sottolineato : evitare di utilizzare testi sottolineati in tutti i file in formato HTML perché per la maggior parte dei lettori corrispondono a link ipertestuali. </li></ul></ul>
  30. 30. Attributi di formattazione (2) <ul><ul><li>Corsivo : il corsivo, molto utilizzato nei libri, si legge male sui monitor dei computer. Si può usare con molta parsimonia. </li></ul></ul><ul><ul><li>Link ipertestuale : anche i link aiutano il lettore a orientarsi nella lettura del testo. Sono anche strumenti che aiutano il lettore a fare qualcosa. </li></ul></ul>
  31. 31. Informazioni: qualche consiglio pratico <ul><li>Scegliete (o identificate) le frasi e parole chiave prima di scrivere le informazioni (o tradurle). </li></ul><ul><li>Formattate il testo per facilitare la lettura. </li></ul><ul><li>Presentate il testo sfruttando le funzioni offerte da tabelle, elenchi puntati e numerati, colori. </li></ul><ul><li>Curate l' editing del testo : usate il correttore ortografico automatico, rileggete e fate rileggere il testo da altri. </li></ul><ul><li>Scrivete testi brevi , sintetici e di facile lettura. </li></ul>
  32. 32. Scrivere l’interfaccia <ul><li>Standard e creatività, ipertesti e interfaccia testuale </li></ul>
  33. 33. 1) Standard e creatività: scrivere l'interfaccia testuale <ul><li>L' interfaccia testuale è la parte dell'interfaccia utente costituita da testi di varia natura e lunghezza. </li></ul><ul><li>Importanza dell'interfaccia testuale per prendere delle decisioni, per orientarsi, per effettuare delle operazioni. </li></ul><ul><li>I principali elementi dell'interfaccia testuale sono: </li></ul><ul><ul><ul><li>Le voci dei menu </li></ul></ul></ul><ul><ul><ul><li>I testi dei pulsanti </li></ul></ul></ul><ul><ul><ul><li>I testi dei link ipertestuali </li></ul></ul></ul>
  34. 34. Legge sull'esperienza dell'utente web <ul><ul><li>“ Gli utenti passano la maggior parte del loro tempo su altri siti . Per questo, qualsiasi convenzione, utilizzata nella maggior parte degli altri siti, sarà marchiata a fuoco nel cervello degli utenti e l'allontanamento da tale convenzione comporta necessariamente seri problemi di usabilità.” </li></ul></ul><ul><li>Jakob Nielsen (agosto 1999) </li></ul>
  35. 35. Esempio: Carrelli o slitte della spesa? <ul><ul><li>Risultato : &quot;il 50% degli utenti non compresero il concetto di slittino ( shopping sled ). Il restante 50% riferì di aver compreso il significato perché lo slittino si trovava nello stesso posto in cui si sarebbe dovuto trovare il carrello. Sapevano di dover aggiungere (prodotti) a qualcosa e l'unica cosa che sembrava aver un qualche senso era lo slittino.&quot; </li></ul></ul>
  36. 36. 2) Menu e pulsanti: microtesti per orientarsi e agire <ul><ul><li>MENU </li></ul></ul><ul><ul><li>Utilizzare terminologia standard . Alcuni esempi di voci di menu standard sono: Contatti (Contact us), Home, Chi siamo (About us), Visita guidata (Virtual Tour), FAQ, Guida (Help). </li></ul></ul><ul><ul><li>Evitare termini stranieri a meno che non siano diventati standard. Sitemap (Mappa del sito) è un termine piuttosto frequente ma non necessariamente noto a tutti. Le voci &quot;Mappa&quot; o &quot;Mappa del sito&quot; possono in questo caso essere più adeguati. </li></ul></ul><ul><ul><li>Scrivere testi telegrafici , evitando, ove possibile, l'uso di articoli, congiunzioni, ecc. Se è necessario aggiungere informazioni è possibile utilizzare i tag TITLE o ALT. </li></ul></ul><ul><ul><li>Associare il testo alla grafica : se sono presenti icone o immagini è bene che il web writer le possa vedere prima di scegliere un determinato testo per le singole voci di menu. </li></ul></ul>
  37. 37. <ul><ul><li>PULSANTI </li></ul></ul><ul><ul><li>I pulsanti per la gestione dei moduli sono solitamente caratterizzati dai testi &quot;Invia&quot; e &quot;Reimposta&quot;, ma è possibile modificare questi testi se il contesto lo richiede. Il testo &quot;Invia&quot; potrà ad esempio essere sostituito da &quot;Invia la richiesta&quot; o da &quot;Richiedi il preventivo&quot; mentre il testo &quot;Reimposta&quot; potrà diventare &quot;Cancella le informazioni&quot; o &quot;Annulla&quot;. </li></ul></ul><ul><ul><li>I pulsanti di ricerca sono spesso caratterizzati dalla scritta &quot;Cerca&quot; ma è possibile scrivere testi più espliciti come &quot;Cerca nel sito&quot; o &quot;Cerca le informazioni&quot;. </li></ul></ul><ul><ul><li>I pulsanti di avvio di un'operazione sono spesso lasciati in inglese (&quot;Go&quot;) ma non è ben chiaro per quale motivo non si possa optare per la traduzione &quot;Vai&quot;. </li></ul></ul>Menu e pulsanti: microtesti per orientarsi e agire
  38. 38. 3) Link: scrivere ipertesti usabili <ul><ul><li>TIPI DI LINK </li></ul></ul><ul><ul><li>Link strutturali , che permettono all'utente di muoversi all'interno delle informazioni contenute in un sito, facilitando la navigazione. </li></ul></ul><ul><ul><li>Link associativi , solitamente parole sottolineate che portano a pagine di approfondimento del testo utilizzato per il link o a pagine dal contenuto simile o correlato. </li></ul></ul>
  39. 39. <ul><ul><li>DESCRIZIONE DEI LINK </li></ul></ul><ul><ul><li>1) Descrizioni brevi (evitando di sottolineare (o evidenziare) le parole relative all'azione da compiere (es. clicca qui , fate clic su questo link perché il lettore sarà costretto a leggere il testo circostante per prendere una decisione) </li></ul></ul><ul><ul><li>2) Informazioni supplementari (si può fare uso dell’attributo TITLE che attiva la visualizzazione di una finestrella che contiene il testo integrativo) </li></ul></ul>
  40. 40. L’attributo title
  41. 41. Interfaccia: qualche consiglio pratico <ul><li>Applicate, quando necessario, la legge sull'esperienza dell'utente web di Nielsen: utilizzate terminologia standard se ciò migliora l'usabilità del sito </li></ul><ul><li>Evitate l'uso di termini stranieri nei menu e nei pulsanti (se non sono diventati standard) </li></ul><ul><li>Modificate il testo standard dei pulsanti se questo può aiutare l'utente a capirne l'uso </li></ul><ul><li>Scegliete descrizioni brevi per i link ipertestuali e non sottolineate le parole relative all'azione (es. Clicca qui) </li></ul><ul><li>Utilizzate il tag TITLE per fornire, quando necessario, informazioni supplementari sui link ipertestuali </li></ul>
  42. 42. Scrivere l’ambiente <ul><li>Formalità e informalità, nicchie di utenza, l'identità del sito </li></ul>
  43. 43. 1) Il gergo: scrivere per una nicchia <ul><ul><li>Glossari specialistici : cercate elenchi di termini del settore con le relative definizioni. Molti siti li mettono a disposizione, ma potrete anche richiederli al vostro cliente. </li></ul></ul><ul><ul><li>Comunità di utenti : se esiste una comunità di utenti potrete leggere i messaggi nel loro forum ed eventualmente mettervi in contatto con qualcuno di loro. </li></ul></ul><ul><ul><li>Comunità di traduttori/scrittori : esistono comunità di professionisti della scrittura dove potrete trovare chi ha già affrontato il settore e potrà darvi consigli. </li></ul></ul><ul><ul><li>Siti specializzati : tramite i motori di ricerca potrete cercare i siti specializzati o quelli dei concorrenti; non tutti i siti sono scritti correttamente per cui selezionate quelli che vi sembrano migliori. Comparate la terminologia utilizzata nei diversi siti. </li></ul></ul>
  44. 44. 2) Tu, voi e lei: testi formali e informali <ul><li>“ Grazie all'esperienza, alla specializzazione e all'efficienza di Abbey National Bank, oggi puoi avviare le pratiche per l'ottenimento del tuo mutuo senza allontanarti dal computer, con quattro semplici operazioni. Un mutuo è un passo importante, non ci aspettiamo che tu scelga impulsivamente. Se ti serve aiuto, un consiglio o un chiarimento non esitare a contattarci.” </li></ul>
  45. 45. 3) Oltre il &quot;marketese&quot;: dare identità al sito <ul><li>Esempio: sito di un tour operator </li></ul><ul><ul><ul><li>“ Fiji” parola magica che evoca all’istante immagini di paradisi tropicali! La pura bellezza di queste isole di zucchero supera di gran lunga ogni possibile aspettativa. Tutto il fascino dei Mari del Sud è racchiuso in queste gemme di roccia vulcanica, circondate da barriere coralline, placide e bianche spiagge e da splendide lagune blu. Le tradizioni, le usanze e le cerimonie del popolo Fijiano, la loro fierezza, lasceranno in voi sensazioni nuove che vi faranno amare ed ammirare queste genti. La loro calda accoglienza vi fascerà in una atmosfera di allegria e spensieratezza i loro modi gentili vi conquisteranno e il ricordo della grande bellezza di questi luoghi vi accompagnerà per lungo tempo fino a farvi desiderare di tornare.” </li></ul></ul></ul>
  46. 46. Consigli pratici <ul><li>Scrivete per i vostri lettori-utenti. Scoprite la loro nicchia e il loro gergo e adattatevi. </li></ul><ul><li>Non esagerate nell'uso dei termini stranieri. Ne va della leggibilità del vostro testo. </li></ul><ul><li>Decidete se volete usare il tu, il voi o il lei quando parlate ai vostri lettori-utenti. Non usate il tu in modo indiscriminato. </li></ul><ul><li>Evitate il linguaggio del marketing, vago o esagerato. Comunicate le informazioni ma non dimenticate le emozioni. Date identità e personalità a ciò che scrivete. </li></ul>
  47. 47. Approndimenti <ul><li>Guida al web writing di Andrea Spila http://webdesign.html.it/guide/leggi/49/guida-web-writing/ </li></ul><ul><li>Mestiere di scrivere di Luisa Carrada http://www.mestierediscrivere.com </li></ul><ul><li>Useit.com di Jakob Nielsen http://www.useit.com </li></ul><ul><li>Quality web content di Rachel McAlpine http://www.webpagecontent.com/ </li></ul>
  48. 48. Cristina Federica Fabrizio Andrea Cida Marco Sara Katia

×