<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Come un pesce su un albero &#187; Accessibilità&amp;Usabilità</title>
	<atom:link href="http://www.ziqurrat.it/category/webdez/web_usabile/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ziqurrat.it</link>
	<description>Arrampicarsi sulla vita una pinna alla volta</description>
	<lastBuildDate>Fri, 23 Jul 2010 17:29:03 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Test di usabilità online</title>
		<link>http://www.ziqurrat.it/2010/06/test-di-usabilita-online/</link>
		<comments>http://www.ziqurrat.it/2010/06/test-di-usabilita-online/#comments</comments>
		<pubDate>Fri, 04 Jun 2010 18:19:10 +0000</pubDate>
		<dc:creator>Ziqu</dc:creator>
				<category><![CDATA[Accessibilità&Usabilità]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[usabilità]]></category>

		<guid isPermaLink="false">http://www.ziqurrat.it/?p=1100</guid>
		<description><![CDATA[Prima esperienza con i test di usabilità online: utilizzo di un menù di navigazione. Test rapido, divertente ed economico per l'utente finale. Comodo anche per il soggetto di test che può farlo da casa, quando vuole. Decisamente uno strumento da inserire nel processo di sviluppo di un sito per valutare l'usabilità prima e più spesso.]]></description>
			<content:encoded><![CDATA[<p>Qualche tempo fa (3 febbraio 2010) su <a href="http://www.usabile.it">Usabile.it</a> ho letto un post di Maurizio Boscarol che invitava volontari a partecipare a <a href="http://www.usabile.it/blog/test-online-reclutiamo-utenti">test di usabilità online</a>.</p>
<p>Oggi finalmente sono stata chiamata a partecipare ad uno di questi test: mi è stato richiesto di navigare un menù alla ricerca di determinate informazioni. Non avevo a disposizione contenuti per valutare la correttezza delle pagine selezionate, avevo a disposizione solo le etichette e la gerarchia delle voci di menù. Insomma, ho partecipato ad un test per valutare la bontà dell&#8217;<strong>architettura informativa</strong> di un sito, probabilmente quello di un ente/società che si occupa di ricerca scientifica.<br />
<strong>10 task in 10 minuti</strong>: <strong>rapido</strong> per lo sviluppatore, <strong>divertente</strong> per il soggetto di test e sicuramente <strong>economico</strong> per il cliente finale.<br />
Nel caso voleste partecipare anche voi, ecco la <a href="http://www.usabile.it/partecipa">pagina di reclutamento</a>.<span id="more-1100"></span></p>
<h2 id="toc-immedesimarsi-nellutente">Immedesimarsi nell&#8217;utente</h2>
<p>Mi sono iscritta all&#8217;iniziativa di Usabile.it perché mi interesso di usabilità ma non ho occasione di lavorare sul campo perciò in questo modo posso </p>
<ul>
<li>acquisire esperienza con le forme e le tecnologie utilizzate;</li>
<li>acquisire familiarità con le &#8220;sensazioni&#8221; che può provare un soggetto di test;</li>
<li>cercare di indovinare le finalità nascoste del test: quali aspetti stanno cercando di testare? Perché sono problematici? Io come li affronterei?</li>
</ul>
<p>Penso sia un buon modo per tenermi aggiornata e per &#8220;premiare&#8221; quelli che diffondono il <em>verbo</em> dello user testing, nonché un incentivo per i clienti finali che, spendendo poco, possono contare su una rilevante quantità di dati. </p>
<p>In particolare trovo utile lo scambio di ruolo: da osservatore a soggetto di test. Nei -purtroppo pochi &#8211; test che ho condotto fin&#8217;ora mi trovavo nella scomoda situazione di essere il designer/sviluppatore di quanto oggetto di test. Il fallimento dei miei utenti nel completamento dei task mi lasciava a) irritata b) stupita perchè avendo disegnato il quadro generale della situazione non riuscivo ad uscire dal ruolo, emotivamente coinvolto, del creatore e calarmi in quello distaccato dell&#8217;osservatore o in quello frustrato dell&#8217;utente.<br />
Partecipare come utente invece mi consente di familiarizzare con la sensazione di sentirsi stupidi o incapaci dinanzi alla difficoltà nel concludere un compito: il soggetto di test presuppone che se gli viene chiesto di  fare la cosa X è perchè è possibile fare la cosa X sul sito e allora &#8220;perchè mai io &#8211; accidenti &#8211; non ci riesco?&#8221;. Dipende molto dalla self confidence di un individuo reagire accusando il sito o se stesso, in ogni caso è una situazione spiacevole, che immagino crei tanto più disagio in presenza di un osservatore &#8220;tecnico&#8221;.</p>
<h2 id="toc-test-online-pro-e-contro">Test online: pro e contro</h2>
<p>Lo user testing si svolge normalmente in presenza di un osservatore che, discretamente, osserva il soggetto di test alle prese con il sito rilevando non solo le sue reazioni manifeste (thinking aloud) ma anche quelle inconsapevoli (sbuffa, si gratta la testa, guarda l&#8217;osservatore con aria imbarazzata o tira il mouse contro lo schermo? qualcosa non sta andando nel verso giusto&#8230;.)</p>
<p>Lo user testing online si svolge da remoto: può essere <strong>moderato</strong>, ossia l&#8217;osservatore è indirettamente presente &#8211; tramite strumenti di videoconferenza ad esempio &#8211; oppure può essere <strong>non moderato</strong> ed in questo caso non c&#8217;è osservatore umano ma un software che registra i movimenti del mouse e le risposte dell&#8217;utente e organizza i dati raccolti per una più agevole lettura.</p>
<p>Lo user testing online è sicuramente meno informativo di quello in presenza ma certamente più economico e rapido. Gli ambiti di applicazione dei test in presenza ed online sono &#8211; a mio giudizio &#8211; diversi pertanto non si propongono come strumenti alternativi ma come come complementari.<br />
Un articolo che approfondisce  bene la tematica è <a href="http://www.uxmatters.com/mt/archives/2010/01/unmoderated-remote-usability-testing-good-or-evil.php">Unmoderated, Remote Usability Testing: Good or Evil?</a> di UxMatters.</p>


<p>Related posts:<ol><li><a href='http://www.ziqurrat.it/2010/01/pubblicita-nei-siti-dei-quotidiani-usabilita-vs-sostenibilita/' rel='bookmark' title='Permanent Link: Pubblicità nei siti dei quotidiani: usabilità vs. sostenibilità'>Pubblicità nei siti dei quotidiani: usabilità vs. sostenibilità</a> <small>La pubblicità sui quotidiani online è indispensabile per la loro...</small></li>
<li><a href='http://www.ziqurrat.it/2009/09/seo-usabilita-ottimizzazione-codice-convergenze-compromessi/' rel='bookmark' title='Permanent Link: SEO, USABILITA&#8217; ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI'>SEO, USABILITA&#8217; ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI</a> <small>Le pratiche di SEO, usabilità ed ottimizzazione del codice presentano...</small></li>
</ol></p>
<p>Articoli correlati elaborati dal plugin <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ziqurrat.it/2010/06/test-di-usabilita-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pubblicità nei siti dei quotidiani: usabilità vs. sostenibilità</title>
		<link>http://www.ziqurrat.it/2010/01/pubblicita-nei-siti-dei-quotidiani-usabilita-vs-sostenibilita/</link>
		<comments>http://www.ziqurrat.it/2010/01/pubblicita-nei-siti-dei-quotidiani-usabilita-vs-sostenibilita/#comments</comments>
		<pubDate>Sat, 23 Jan 2010 01:12:39 +0000</pubDate>
		<dc:creator>Ziqu</dc:creator>
				<category><![CDATA[Accessibilità&Usabilità]]></category>
		<category><![CDATA[accessibilità]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[pubblicità]]></category>
		<category><![CDATA[sostenibilità]]></category>
		<category><![CDATA[usabilità]]></category>

		<guid isPermaLink="false">http://www.ziqurrat.it/?p=1037</guid>
		<description><![CDATA[La pubblicità sui quotidiani online è indispensabile per la loro sopravvivenza ma va spesso a scapito dell'utente interferendo con la fruizione delle notizie. Una ricerca di AboutUser e dell'università di Udine evidenzia come i banner intrusivi abbiano benefici uguali se non minori a quelli meno intrusivi. Le esigenze dell'utente non possono essere messe in secondo piano: i banner possono essere sostenibili se sono usabili.]]></description>
			<content:encoded><![CDATA[<p>Pubblicità sui siti web dei quotidiani: male inevitabile che tuttavia viene inflitto all&#8217;utente non senza una dose di compiaciuto sadismo.<br />
Ultimamente sto lavorando per dei grandi quotidiani italiani del web, perciò so bene quanto irrinunciabile sia la fonte di finanziamento proveniente dalle inserzioni pubblicitarie. In molti casi i contenuti sono strutturati <em>in funzione</em> dello spazio per le inserzioni.<br />
Questa sovrabbondanza di banner è tollerata poiché in gran parte funzionale alla gratuità delle news, anche se questo principio comincia ad essere messo in discussione da <em>auctoritas</em> quali il <a href="http://www.oneweb20.it/21/01/2010/il-new-york-times-online-torna-allantico-dal-2011-le-news-saranno-a-pagamento/" title="New York Times a pagamento">New York Times</a> che si ripromette di passare alla versione a pagamento già dal 2011.<br />
Tuttavia esistono pubblicità e pubblicità: a prescindere dai contenuti, sono le <strong>forme</strong> ad essere portate sul banco degli accusati da un interessante articolo di <a href="http://www.usabile.it/" title="vai a Usabile.it">Usabile.it</a>:  <a href="http://www.usabile.it/blog/usabilita-e-pubblicita-nei-siti-dei-quotidiani?utm_source=feedburner&#038;utm_medium=feed&#038;utm_campaign=Feed%3A+Usabile+%28Usabile.it+-+le+notizie%29&#038;utm_content=Google+Reader">Usabilità e pubblicità nei siti dei quotidiani</a>. Da una <a href="http://www.slideshare.net/aboutuser/progetto-di-ricerca-su-quotidiani-online-usabilit-e-pubblicit">ricerca</a> di <a href="http://www.aboutuser.com/">Aboutuser</a> e dell&#8217;università di Udine sembra che <strong>la pubblicità più invasiva non abbia benefici evidenti e, anzi, crei maggiori problemi rispetto alla pubblicità non intrusiva</strong>.<br />
Per pubblicità invasiva si intendono quelle forme di pubblicità che coprono il contenuto o ne ritardano la fruizione: intestiziali, pop-up e overlay.<br />
Per pubblicità non invasiva si intendono quegli annunci che per dimensione e staticità non interferiscono con la fruizione del contenuto.<br />
I banner &#8220;calimero&#8221; sarebbero dunque destinati al futuro della comunicazione pubblicitaria delle grandi testate online.<br />
Se questi sono gli esiti della ricerca, da quanto vedo ogni giorno non sono sicura che abbiano avuto adeguata risonanza tra gli addetti ai lavori.<span id="more-1037"></span></p>
<h2 id="toc-usabilita-del-banner">Usabilità del banner</h2>
<p>Se si limitassero a delle semplici gif saremmo tutti più felici: sviluppatori ed utenti. Minore complessità e minor peso delle pagine, maggiore pulizia del codice.<br />
L&#8217;ordinario del banner invece è il formato flash, con tutte le implicazioni che ne conseguono in termini di peso, accessibilità, intrusività.<br />
Se si aggiunge a questo che la gestione dei banner solitamente è affidata al javascript si profila ben presto un quadro di accessibilità precaria. Non che la mancata fruizione del banner possa danneggiare l&#8217;esperienza dell&#8217;utente disabile, semmai in questo caso i problemi sono per tutti &#8211; disabili o meno &#8211; e derivano dalla presenza di aree di pagina compromesse da plugin mancanti o da javascript corrotti o mal eseguiti che possono arrivare a bloccare il browser in  loop infiniti.<br />
Per gli utenti avanzati l&#8217;utilizzo di javascript e Flash possono rivelarsi aspetti positivi: basta disporre di plugin per Firefox come <a href="https://addons.mozilla.org/it/firefox/addon/1865">AdBlock plus</a>; <a href="https://addons.mozilla.org/it/firefox/addon/722">Noscript</a>, <a href="https://addons.mozilla.org/it/firefox/addon/433">FlashBlock</a> per liberarsi definitivamente dalla scocciatura dei banner. Per tutti gli altri invece se non sono problemi sono quantomeno seccature.</p>
<p>Lasciando gli aspetti tecnici per parlare di forme, è indubitabile come la presenza del banner sia a corredo dell&#8217;articolo e non indispensabile al suo significato e contenuto. Nella fruizione di un quotidiano lo scopo primario è la consultazione delle news pertanto tutti gli ostacoli a questo obiettivo dovrebbero essere ferocemente perseguiti e sterminati. E&#8217; bizzarro come, nel caso dei banner, questo principio venga contraddetto: più intrusivi sono meglio è. La pubblicità <em>deve</em> essere vista altrimenti non porta contribuiti al giornale. Pertanto è valido forzare la mano all&#8217;utente impedendogli di accedere al contenuto <em>fino a quando</em> non ha guardato anche il banner che poi sarà anche bello, dinamico, musicale grazie a Flash.<br />
Volendo fare un campionario dei banner peggiori della mia esperienza 2009 potrei citare:</p>
<ul>
<li>La campagna Danacol: Little Tony ci ricorda che il colesterolo uccide con l&#8217;implacabile <span lang="en" title="ritornello">refrain</span> di <em>Cuore matto</em> con tanto di <em>tum tum</em> e banner che va a tutto schermo non appena ci passi sopra il mouse. Ed il banner stava proprio nell&#8217;angolo destro, vicino alla scrollbar dove non potevi mancarlo.</li>
<li>La campagna di una compagnia aerea con pop-up a centro pagina e bottone chiudi che non chiude ma linka al sito del vettore.</li>
<li>La campagna di un film horror nella testata della pagina che &#8211; al movimento del mouse &#8211; fa partire una colonna sonora modello &#8220;unghie su lavagna&#8221; che non si può fermare se non cambiando sito o aspettando la chiusura automatica del banner.</li>
<li>La campagna di <a href="http://www.ups.com/europe/it/itaindex.html">UPS</a>, con il suo testimonial alieno che muove un braccino artritico in un improbabile saluto. Da brivido.</li>
</ul>
<p>In tutti e quattro questi casi la fruizione degli articoli è disturbata dalla presenza pubblicitaria: non si può ignorarla ma la <strong>si ricorda in termini negativi,</strong> il che mi pare non sia esattamente lo scopo primario di un banner. </p>
<h2 id="toc-sostenibilita-dei-banner">Sostenibilità dei banner</h2>
<p>A meno di voler pagare la lettura del quotidiano on line in denaro corrente, la pubblicità è il prezzo da pagare. Pertanto ben venga ma fintanto che è sostenibile:</p>
<ul>
<li>non mi interrompe, non mi distrae mentro leggo un articolo;</li>
<li>non mi provoca malessere, fastidio, spavento con effetti visivi o sonori esagerati o inattesi;</li>
<li>non agisce al di là del mio controllo: non si attiva da sola, mi consente di interromperla;</li>
<li>non blocca il mio sistema, non mi costringe all&#8217;installazione di plugin;</li>
<li>non costituisce l&#8217;elemento predominante della pagina;</li>
<li>non si annida subdolamente tra i contenuti fingendosi parte di essi.</li>
</ul>
<p>L&#8217;ultimo punto fa riferimento ad una forma di inserzione pubblicitaria che per dimensioni ed aspetto non è intrusiva ma che ha un comportamento subdolo che la rende tale: si tratta di script che si applicano automaticamente a parole del testo rendendole dei link verso contenuti pubblicitari. Questa pratica deforma il significato di approfondimento di un link ipertestuale e non consente all&#8217;utente di fare distinzione tra pubblicità e link reale, produce una sorta di inganno molto spiacevole.</p>
<p>Dagli esiti della ricerca appare chiaro che l&#8217;efficacia di un banner non è tanto legata alla sua multimedialità, prominenza o intrusività quanto alla sua capacità di proporsi all&#8217;utente in momenti in cui è <strong>disponibile a cogliere il messaggio pubblicitario</strong>: durante la navigazione esplorativa, accanto ai risultati di una ricerca. E&#8217; legata alla disposizione del layout e al compito dell&#8217;utente, alla pertinenza con i contenuti.<br />
E nonostante questo la sfida sembra ancora essere a &#8220;chi grida più forte&#8221;, contravvenendo ad una delle regole auree della costruzione di pagine web: quando tutti urlano diminuiscono per tutti le probabilità di essere ascoltati.</p>


<p>Related posts:<ol><li><a href='http://www.ziqurrat.it/2009/09/seo-usabilita-ottimizzazione-codice-convergenze-compromessi/' rel='bookmark' title='Permanent Link: SEO, USABILITA&#8217; ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI'>SEO, USABILITA&#8217; ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI</a> <small>Le pratiche di SEO, usabilità ed ottimizzazione del codice presentano...</small></li>
<li><a href='http://www.ziqurrat.it/2010/06/test-di-usabilita-online/' rel='bookmark' title='Permanent Link: Test di usabilità online'>Test di usabilità online</a> <small>Prima esperienza con i test di usabilità online: utilizzo di...</small></li>
</ol></p>
<p>Articoli correlati elaborati dal plugin <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ziqurrat.it/2010/01/pubblicita-nei-siti-dei-quotidiani-usabilita-vs-sostenibilita/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LILT Milano &#8211; &#8220;E contro il cancro cosa hai fatto?&#8221;</title>
		<link>http://www.ziqurrat.it/2010/01/lilt-milano-e-contro-il-cancro-cosa-hai-fatto/</link>
		<comments>http://www.ziqurrat.it/2010/01/lilt-milano-e-contro-il-cancro-cosa-hai-fatto/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 21:59:41 +0000</pubDate>
		<dc:creator>Ziqu</dc:creator>
				<category><![CDATA[Accessibilità&Usabilità]]></category>
		<category><![CDATA[Eventi]]></category>
		<category><![CDATA[cancro]]></category>
		<category><![CDATA[comunicazione]]></category>
		<category><![CDATA[LILT]]></category>
		<category><![CDATA[prevenzione]]></category>
		<category><![CDATA[tumori]]></category>

		<guid isPermaLink="false">http://www.ziqurrat.it/?p=1026</guid>
		<description><![CDATA[ <p><a style="text-align:center;" href="http://www.ziqurrat.it/2010/01/lilt-milano-e-contro-il-cancro-cosa-hai-fatto/"><img src="http://www.ziqurrat.it/wp-content/uploads/2010/01/LILT-mi-s-150x150.jpg" alt="" title="LILT-mi-s" width="150" height="112" class="size-thumbnail wp-image-1029" /></a><br />
E contro il cancro cosa hai fatto?<br/> campagna LILT Milano</p>
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ziqurrat.it/wp-content/uploads/2010/01/LILT-mi.jpg" rel="lightbox[1026]"><img src="http://www.ziqurrat.it/wp-content/uploads/2010/01/LILT-mi-211x300.jpg" alt="Campagna LILT Milano - prevenzione dei tumori" title="LILT-mi" width="211" height="300" class="alignleft size-medium wp-image-1027" style="padding:5px; margin-right:5px;"/></a><br />
Al via la nuova campagna della <a href="http://www.legatumori.mi.it/" title="LILT sezione provinciale Milano">sezione provinciale di Milano</a> della <acronym title="Lega Italiana per la Lotta contro i Tumori">LILT</acronym> per la prevenzione del cancro (a cura di <a href="http://www.tbwa.it/assets/pdf/news/LILT.pdf" title="comunicato stampa">TBWA\Italia</a>).<br />
Il manifesto, colorato e spiritoso, tappezza le stazioni del metro. Il messaggio è chiaro: quante piccole ansie agitano il nostro quotidiano mentre i problemi più importanti vengono volutamente posti al margine. <em>La prevenzione può salvare la vita</em>: investiamo le nostre energie preoccupandoci di quel che conta davvero.<br />
L&#8217;invito è a cambiare le nostre priorità:<strong> prevenire è vivere</strong>, prenotate una visita presso gli Spazi Prevenzione. Non porta via molto tempo e molti soldi ma aiuta davvero.<br />
<span id="more-1026"></span></p>
<h2 id="toc-riflessioni-sulla-comunicazione">Riflessioni sulla comunicazione</h2>
<p>I manifesti della campagna LILT si fanno notare sul metro, per strada. Sono colorati, spiritosi e tutto ad un tratto il tono leggero si fa serio: &#8220;<strong> e contro il cancro, cosa hai fatto?</strong>&#8220;. Richiama all&#8217;azione: pensaci, prenota una visita, <em>agisci per tempo</em>. Non è uno scherzo.<br />
Sul web non ho notato la stessa visibilità per la campagna.<br />
Ne parlano diversi siti ma è difficile trovare un&#8217;immagine decente, il sito della sezione milanese è solo quinto nei risultati della ricerca (con una chiave molto specifica: &#8220;lilt contro il cancro cosa hai fatto&#8221;), terzo se si specifica &#8220;lilt milano&#8221;. Onestamente però, io che il manifesto l&#8217;ho guardato con attenzione, non avevo capito che la campagna è promossa dalla sezione milanese e credevo fosse nazionale.<br />
Sul sito<a href="http://www.legatumori.it/"> LILT nazionale</a> trovare il riferimento alla campagna è arduo: già altrove ho sottolineato come la struttura di navigazione sia terribilmente complessa, manca un motore di ricerca interno e ci sono molti errori 404. Frustrante, purtroppo. Ho provato con Google (site: http://www.legatumori.it/  &#8220;contro il cancro cosa hai fatto&#8221;) ma niente perciò sono tentata di concludere che la notizia sul sito nazionale non è proprio passata.<br />
Infine, il sito della TBWA\Italia &#8211; curatrice del progetto &#8211; è fatto interamente in flash perciò l&#8217;indicizzazione in Google non è delle migliori. In ogni caso difficile che il target medio della campagna cerchi informazioni a partire dall&#8217;agenzia che firma il manifesto&#8230;</p>
<p>Questa mancanza di visibilità web è proprio un peccato perché <strong>riduce le possibilità di approfondimento</strong> per l&#8217;utente.<br />
Possiamo immaginare uno scenario simile a quello che ho realmente vissuto io: una mattina come le altre corro per prendere i mezzi in metrò, mezza addormentata. Scendo e una nota di colore mi colpisce in mezzo al grigiore della stazione: il manifesto LILT. Conosco l&#8217;organizzazione, mi soffermo per una scorsa rapida e corro a lavoro.<br />
Più tardi cerco informazioni sul web ma non è che mi sia segnata il link o altro: chiedo a Google e cosa trovo? Già, dipende dalla mia buona memoria a) ricordarmi il testo del manifesto e b) notare che la campagna è promossa dalla LILT Milano per riuscire a trovare dei riferimenti .<br />
A mio giudizio questo è molto negativo, se la comunicazione sui siti istituzionali fosse stata meglio concertata la visibilità ne avrebbe giovato e con essa la possibilità per più persone di approfondire il messaggio mettendo in atto l&#8217;invito a contattare i centri per la prevenzione (elenco degli <a href="http://www.legatumori.mi.it/DiagnosiPrecoce/Spaziprevenzione/tabid/105/Default.aspx" title="spazi prevenzione Milano">ambulatori di Milano</a> e <a href="http://www.legatumori.it/sezioni/sezioni.php"  title="sezioni regionali">nazionali</a>).</p>


<p>No related posts.</p>
<p>Articoli correlati elaborati dal plugin <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ziqurrat.it/2010/01/lilt-milano-e-contro-il-cancro-cosa-hai-fatto/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Blue Beanie Day 2009</title>
		<link>http://www.ziqurrat.it/2009/11/blue-beanie-day-2009/</link>
		<comments>http://www.ziqurrat.it/2009/11/blue-beanie-day-2009/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 11:57:25 +0000</pubDate>
		<dc:creator>Ziqu</dc:creator>
				<category><![CDATA[Accessibilità&Usabilità]]></category>
		<category><![CDATA[Eventi]]></category>

		<guid isPermaLink="false">http://www.ziqurrat.it/?p=981</guid>
		<description><![CDATA[<a style="text-align:center;" href="http://www.ziqurrat.it/2009/11/blue-beanie-day-2009/"><img src="http://www.ziqurrat.it/wp-content/uploads/2009/11/bluebeanie-150x102.jpg" alt="Blue Beanie Day - 30 Novembre 2009" title="Blue Beanie Day" width="150" height="102" class="size-thumbnail wp-image-797" /></a>
Blue BeanieDay <br/> 30 Novembre 2009]]></description>
			<content:encoded><![CDATA[<h2 id="toc-show-your-support-for-web-standards-and-accessibility">Show your support for Web Standards and Accessibility</h2>
<p><a href="http://www.ziqurrat.it/2009/11/blue-beanie-day-2009/mecap/" rel="attachment wp-att-983"><img src="http://www.ziqurrat.it/wp-content/uploads/2009/11/meCap.jpg" alt="Blue Beanie Day" title="Blue Beanie Day" width="128" height="152" class="alignleft size-full wp-image-983" style="float:left; borders:0; margin-right:10px;" /></a><br />
Lunedì 30 novembre si svolgerà la terza edizione del &#8220;Blue Beanie Day&#8221; ossia il giorno in cui i professionisti del web indossano un cappellino blu a significare il loro impegno per il supporto degli standard web.<br />
Sul sito del promotore dell&#8217;iniziativa <a href="http://www.zeldman.com/2009/10/25/toque-o-the-morning/">Jeffrey Zeldman</a> si può trovare il PSD per creare la propria fotografia col cappellino blu da usare per unirsi al gruppo di <a href="http://www.facebook.com/event.php?eid=136079874938&#038;ref=ss" title="gruppo Facebook Blue Beanie Day">Facebook</a> o a quello su <a href="http://www.flickr.com/groups/bluebeanieday2009/" title="gruppo Flickr Blue Beanie Day">Flickr</a>.</p>
<p>Lodevole iniziativa ma lavorando nel settore mi chiedo sempre più spesso se il tema dell&#8217;usabilità interessi mai a qualcuno, a parte i professionisti stessi&#8230;</p>


<p>No related posts.</p>
<p>Articoli correlati elaborati dal plugin <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ziqurrat.it/2009/11/blue-beanie-day-2009/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>SEO, USABILITA&#8217; ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI</title>
		<link>http://www.ziqurrat.it/2009/09/seo-usabilita-ottimizzazione-codice-convergenze-compromessi/</link>
		<comments>http://www.ziqurrat.it/2009/09/seo-usabilita-ottimizzazione-codice-convergenze-compromessi/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 19:12:26 +0000</pubDate>
		<dc:creator>Ziqu</dc:creator>
				<category><![CDATA[Accessibilità&Usabilità]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[ottimizzazione codice]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[usabilità]]></category>

		<guid isPermaLink="false">http://www.ziqurrat.it/?p=908</guid>
		<description><![CDATA[Le pratiche di <acronym title="Search Engine Optimization">SEO</acronym>, usabilità ed ottimizzazione del codice presentano numerose aree di convergenza poiché tutte e tre puntano all'<strong>ottimizzazione di un sito</strong>. Tuttavia SEO, usabilità e ottimizzazione del codice hanno <strong> differenti aree di applicazione</strong> ovvero - nell'ordine - motori di ricerca, esperienza utente e tecnologie. Da qui la presenza di conflittualità che implicano l'esercizio di discrezionalità del team di sviluppo nel privilegiare determinati aspetti, discrezionalità che dovrebbe tener conto degli obiettivi prioritari di un sito.]]></description>
			<content:encoded><![CDATA[<div class="correlati">
<h3 id="toc-risorse">Risorse</h3>
<ul>
<li style="margin-bottom:10px; overflow:auto; list-style-type:none;"> <a href="http://www.anobii.com/books/S.E.O./9788850328147/0105ea13fa5638c4d6/" alt="SEO - Davide Vasta"><img src="http://image.anobii.com/anobi/image_book.php?type=3&#038;item_id=0105ea13fa5638c4d6&#038;time=1234962874" alt="SEO copertina" style="float:left; margin:0 5px; vertical-align:middle; border:1px solid #CCC;"/>SEO</a><br/> Davide Vasta &#8211; Apogeo &#8211; 2009 </li>
<li style="margin-bottom:10px; overflow:auto; list-style-type:none;"><a href="http://www.anobii.com/books/Creare_siti_web_ad_alte_prestazioni/9788848120890/01be72e599bf52700d/" alt="siti web ad alte prestazioni -Souders"><img src="http://image.anobii.com/anobi/image_book.php?type=3&#038;item_id=01be72e599bf52700d&#038;time=1221989590" alt="copertina" style="float:left; margin:0 5px; vertical-align:middle; border:1px solid #CCC;"/>Siti web ad alte prestazioni</a> <br/>Steve Souders &#8211; Tecniche Nuove &#8211; 2009 </li>
<li style="margin-bottom:10px; overflow:auto; list-style-type:none;"><a href="http://www.anobii.com/books/Ecologia_dei_siti_Web/9788883780783/01862b8bd064383559/" alt="ecologia dei siti web - boscarol"><img src="http://image.anobii.com/anobi/image_book.php?type=3&#038;item_id=01862b8bd064383559&#038;time=0" alt="copertina" style="float:left; margin:0 5px; vertical-align:middle; border:1px solid #CCC;"/>Ecologia dei siti web</a> <br/> Maurizio Boscarol &#8211; Tecniche Nuove &#8211; 2003</li>
</ul>
</div>
<p>Le pratiche di <acronym title="Search Engine Optimization">SEO</acronym>, usabilità ed ottimizzazione del codice presentano numerose aree di convergenza. Questa convergenza è facile da immaginare poiché tutte e tre le discipline puntano all&#8217;<strong>ottimizzazione di un sito</strong>, quindi insieme concorrono a determinarne qualità e successo. Tuttavia SEO, usabilità e ottimizzazione del codice hanno <strong> differenti aree di applicazione</strong> ovvero &#8211; nell&#8217;ordine &#8211; motori di ricerca, esperienza utente e tecnologie. Da qui la presenza di conflittualità o meglio di indicazioni che non  possono trovare simultanea applicazione e dunque implicano la selezione di priorità.<br />
E&#8217; in questi punti che si esercita la discrezionalità del team di sviluppo nel privilegiare determinati aspetti, discrezionalità che dovrebbe tener conto degli obiettivi prioritari di un sito.</p>
<p>Come guida nell&#8217;esplorazione di convergenze e compromessi tra le pratiche di SEO, usabilità ed ottimizzazione del codice possiamo prendere ad indice le <strong>6 regole<br />
d&#8217;oro SEO</strong> suggerite da Davide Vasta. <span id="more-908"></span></p>
<h2 id="toc-1-prominenza">1) PROMINENZA</h2>
<ul>
<li><strong>SEO:</strong> le parole chiave in alto a sinistra</li>
<li><strong>USABILITA&#8217;:</strong> le parole/i concetti chiave ad inizio testo o inizio paragrafo</li>
<li><strong>PULIZIA DEL CODICE</strong> elimina il codice ridondante in cima alla pagina</li>
</ul>
<p>Gli spider dei motori di ricerca, al pari degli utenti adottano il senso di lettura occidentale. I contenuti rilevanti vanno messi per primi. Allo stesso modo meno codice superfluo sta in cima al sorgente migliori saranno i tempi di risposta della pagina nelle sue parti cruciali. </p>
<h2 id="toc-2-peso">2) PESO</h2>
<ul>
<li><strong>SEO:</strong> rapporto tra frequenza delle keyword e parole totali</li>
<li><strong>USABILITA&#8217;:</strong> pertinenza dei contenuti</li>
<li><strong>PULIZIA DEL CODICE:</strong> tempo di caricamento della pagina, peso dei suoi componenti</li>
</ul>
<p>Quando l&#8217;utente arriva su una pagina da un motore di ricerca si aspetta di trovare contenuti pertinenti con quanto cercato. Uno dei criteri di pertinenza per i motori di ricerca è il rapporto tra parole chiave e totale delle parole del testo. L&#8217;aspetto tecnologico del peso è invece costituito dalle dimensioni e tempi di caricamento di una pagina, dato dall&#8217;insieme dei file in essa richiamati.</p>
<h2 id="toc-3-presenza">3) PRESENZA</h2>
<ul>
<li><strong>SEO:</strong> collegamento con altri siti, partecipazione di valore alla comunità </li>
<li><strong>USABILITA&#8217;:</strong> capacità di farsi trovare, autorevolezza</li>
<li><strong>PULIZIA DEL CODICE:</strong> pulizia, conformità agli standard </li>
</ul>
<p>Farsi trovare, collegarsi con altri, offrire contenuti di valore, costruirsi una reputazione positiva sul web. Avere dei buoni contenuti non basta se non li si rende visibili e se non si opera per farli conoscere, viceversa partecipare agli ambienti &#8220;giusti&#8221; non serve a nulla se questa partecipazione è passiva e non porta valore alla comunità. La buona relazione non può essere disgiunta dal buon contenuto.  In questo caso, codice pulito e conforme agli standard aiutano ad allargare la possibile audience garantendo una buona fruibilità del contenuto e della relazione stessi.</p>
<h2 id="toc-4-prossimita">4) PROSSIMITA&#8217;</h2>
<ul>
<li><strong>SEO:</strong> vicinanza tra le keyword</li>
<li><strong>USABILITA&#8217;:</strong> organizzazione spaziale dei contenuti, &#8220;colpo d&#8217;occhio&#8221;</li>
<li><strong>PULIZIA DEL CODICE:</strong> riduzione degli spazi bianchi superflui, contenuti vicini alla cima del codice sorgente e vicini tra loro</li>
</ul>
<p>Le persone analizzano le pagine cercando di suddividerla in aree semanticamente significative: testata, navigazione, contenuto&#8230; Tenere una suddivisione della pagina che agevola questa naturale tendenza dell&#8217;occhio umano facilità la scansione dei contenuti, essi stessi organizzati secondo un criterio che mantiene un concetto per paragrafo e concetti collegati vicini. Parole chiave vicine vengono privilegiate ed aumentano le probabilità di una pagina di rientrare nei risultati di una ricerca.<br />
Gli spider fanno &#8220;meno fatica&#8221; ad analizzare una pagina se nel sorgente i contenuti sono vicini all&#8217;inizio della pagina e tra loro, tra l&#8217;altro questa pratica agevola la navigazione degli utenti che utilizzano tecnologie assistive.</p>
<h2 id="toc-5-page-rank">5) PAGE RANK</h2>
<ul>
<li><strong>SEO:</strong> ottenre link da siti con Page Rank superire al proprio</li>
<li><strong>USABILITA&#8217;:</strong> referenziazione</li>
<li><strong>PULIZIA DEL CODICE:</strong> &#8211; </li>
</ul>
<p>Il page Rank è uno dei criteri di posizionamento nelle pagine dei risultati di una ricerca: più è alto maggiori sono le chance di stare in prima pagina, più è elevato migliori sono i contenuti poiché il page rank è un indice costruito dal basso ovvero attraverso lo scambio di link. Più un sito riceve link, più sarà di qualità.<br />
Il page rank si potrebbe considerare una sorta di referenza, una valutazione collettiva della qualità di un sito.</p>
<h2 id="toc-6-popularity">6) POPULARITY</h2>
<ul>
<li><strong>SEO:</strong> numero di link che contengono una certa keyword e puntano tutti alla medesima pagina</li>
<li><strong>USABILITA&#8217;</strong> referenziazione, pertinenza, autorevolezza</li>
<li><strong>PULIZIA DEL CODICE</strong> &#8211; </li>
</ul>
<p>La popularity è una metrica di pertinenza di una pagina rispetto ad un contenuto, anche in questo caso costruita dal basso ovvero dagli utenti che linkano un determinato contenuto con una determinata parola. </p>
<h2 id="toc-compromessi">Compromessi</h2>
<p>Le indicazioni di SEO e usabilità sono convergenti nella maggior parte dei casi: le tecniche SEO puntano a rendere maggiormente visibili dei contenuti pertanto, su dei buoni contenuti, le tecniche SEO non possono che essere migliorative. Maggiori problematiche comporta il confronto con le esigenze di ottimizzazione della pagina poiché il richiamo alla pulizia e &#8220;leggerezza&#8221; del codice implica il ripensamento di elementi grafici e dinamici che &#8211; sebbene non indispensabili &#8211; sono funzionali all&#8217;esperienza utente. </p>
<h3 id="toc-preminenza">Preminenza</h3>
<p>Volendo rispettare alla lettera le indicazioni sulla preminenza dovremmo iniziare le nostre pagine web direttamente dal contenuto, adottando un linguaggio fatto prevalentemente di sostantivi. Nella pratica il rispetto letterale di questa indicazione è impossibile, pertanto il compromesso più praticato è quello di ridurre il numero di righe in cima alla pagina e spostare il più possibile gli script in basso. Molto spesso questo implica minimizzare ed accorpare i css e gli script, col risultato di avere più chiamate server e file più grandi e quindi di ritrovarsi con pagine più lente e codice più difficile da manutenere. In questi casi il compromesso da stabilire è quello tra velocità di caricamento e velocità di manutenzione delle pagine, con risultati che nella maggior parte dei casi prediligono la seconda opzione.</p>
<h3 id="toc-peso">Peso</h3>
<p>Il peso della pagina in termini tecnologici è un concetto diverso dal suo peso semantico, anzi è l&#8217;opposto: da un lato si tratta di alleggerire le dimensioni, dall&#8217;altro di arricchire la significativà dei contenuti lavorando sul linguaggio. Nel primo caso si tratta di risparmiare sul superfluo e limare il necessario (numero di chiamate, peso delle immagini e degli script etc.), nel secondo di raffinare il linguaggio mantenendo saldo il contenuto.<br />
Testi privi di sinonimi non sono compatibili con l&#8217;italiano e l&#8217;esagerata ripetizione dei termini viene penalizzata dagli stessi motori di ricerca (Overoptimization, keyword stuffing). Il compromesso è dato quindi dall&#8217;adozione di perifrasi e dall&#8217;utilizzo della marcatura semantica per link e immagini in modo da incrementare il conteggio complessivo delle occorrenze delle keywords sfruttando elementi che non interferiscono con la lettura del testo.</p>
<h3 id="toc-presenza">Presenza</h3>
<p>In questo caso il SEO tende ad interferire con l&#8217;usabilità: contenuti costruiti apposta per ottenere link citando senza elaborazione altrui lavori, contenuti copiati dall&#8217;originale omettendo i riferimenti, commenti del tipo &#8220;sono d&#8217;accordo&#8221; o &#8220;interessante&#8221; o &#8220;bell&#8217;articolo!&#8221; che a null&#8217;altro servono se non a pubblicare il proprio link in coda ad un buon articolo. Queste sono le pratiche che distruggono la reputazione on line e privano di utilità i testi anche qualora riescano a comparire in cima ai risultati di una ricerca (es. doorway page).</p>
<h3 id="toc-prossimita">Prossimità</h3>
<p>Il principio di prossimità tra elementi simili è un buon principio organizzativo in quanto è parte integrante del sistema con cui la mente umana organizza la percezione (secondo le leggi della Gestalt: somiglianza e vicinanza). Dal punto di vista degli spider, prima e vicino è meglio poiché spesso la scansione è limitata ad un numero limitato di kbytes. Libertà espressiva e libertà grafica tendono però a contrastare con un criterio organizzativo che riconduce la struttura di pagina a pattern convenzionali (layout con testata, footer e due o tre colonne). Le indicazioni delle pratiche di ottimizzazione della pagina sono in questo caso coerenti pertanto il conflitto è esterno e riguarda scelte espressive ed estetiche del team di sviluppo.</p>
<h3 id="toc-page-rank-e-popularity">Page rank e popularity</h3>
<p>Anche in questo caso le indicazioni tra SEO, usabilità ed ottimizzazione del codice sono convergenti. Il compromesso è relativo ai tempi e modi di perseguimento degli obiettivi: lento e manuale attraverso la costruzione di una reputazione web basata sulla partecipazione attiva, veloce ed automatico attraverso l&#8217;acquisto di link e referenze presso siti ad alto traffico. In ogni caso il miglioramento degli indici di popularity e page rank è un&#8217;attività che richiede alcuni mesi perché se ne possano apprezzare gli effetti.Sta dunque al team di sviluppo valutare l&#8217;economicità dell&#8217;uno o l&#8217;altro approccio.</p>


<p>Related posts:<ol><li><a href='http://www.ziqurrat.it/2010/01/pubblicita-nei-siti-dei-quotidiani-usabilita-vs-sostenibilita/' rel='bookmark' title='Permanent Link: Pubblicità nei siti dei quotidiani: usabilità vs. sostenibilità'>Pubblicità nei siti dei quotidiani: usabilità vs. sostenibilità</a> <small>La pubblicità sui quotidiani online è indispensabile per la loro...</small></li>
<li><a href='http://www.ziqurrat.it/2010/06/test-di-usabilita-online/' rel='bookmark' title='Permanent Link: Test di usabilità online'>Test di usabilità online</a> <small>Prima esperienza con i test di usabilità online: utilizzo di...</small></li>
</ol></p>
<p>Articoli correlati elaborati dal plugin <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ziqurrat.it/2009/09/seo-usabilita-ottimizzazione-codice-convergenze-compromessi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cosa ho studiato usabilità a fare? Storia di un motore di ricerca interno.</title>
		<link>http://www.ziqurrat.it/2009/06/cosa-ho-studiato-usabilita-a-fare-storia-di-un-motore-di-ricerca-interno/</link>
		<comments>http://www.ziqurrat.it/2009/06/cosa-ho-studiato-usabilita-a-fare-storia-di-un-motore-di-ricerca-interno/#comments</comments>
		<pubDate>Sun, 21 Jun 2009 16:15:19 +0000</pubDate>
		<dc:creator>Ziqu</dc:creator>
				<category><![CDATA[Accessibilità&Usabilità]]></category>

		<guid isPermaLink="false">http://www.ziqurrat.it/?p=844</guid>
		<description><![CDATA[Se vuoi ottenere un sito usabile, spendi del tempo a progettarlo prima! Il caso analizzato evidenzia come anche quando si tratta di sviluppare funzioni semplici e standard come un motore di ricerca interno, uno sviluppo che procede senza pianificazione e senza definizione degli obiettivi richiede più tempo e produce risultati di scarsa qualità di uno che spende mezza giornata in progettazione.]]></description>
			<content:encoded><![CDATA[<p>L&#8217;usabilità è definita come <cite url="http://it.wikipedia.org/wiki/Usabilit%C3%A0">l&#8217;efficacia, l&#8217;efficienza e la soddisfazione con le quali determinati utenti raggiungono determinati obiettivi in determinati contesti</cite>. Sul web l&#8217;usabilità cura la qualità dell&#8217;esperienza utente su di un sito: riesce a raggiungere i suoi scopi in modo facile e piacevole?</p>
<p>Per i suoi obiettivi l&#8217;usabilità non può essere la Cenerentola dello sviluppo web: per fare in modo che l&#8217;utente sia soddisfatto della sua esperienza bisogna in prima battuta chiedersi <em> chi è l&#8217;utente?, cosa può fare sul nostro sito?, come possiamo agevolarlo?, come possiamo conciliare i suoi obiettivi con i fini del sito?</em><br />
Se l&#8217;usabilità viene chiamata in causa a progetto finito, può soltanto valutare di quanto si è mancato l&#8217;obiettivo di un sito usabile e stimare i costi delle correzioni. Molto più sensato ed economico sarebbe invece tenerne conto dal principio della progettazione.</p>
<p>Nel mio lavoro di ogni giorno vedo che, mancando proprio una progettazione nella realizzazione dei prodotti per il web, il risultato è spesso lontano dall&#8217;essere usabile ma la cosa sembra proprio non turbare nessuno nella committenza. Quando un progetto parte da <em>uno schema grafico con le sfumature e i bordi arrotondati</em> ma senza pianificazione delle architetture informative, delle funzionalità, degli strumenti di orientamento e navigazione è persino difficile preoccuparsi dell&#8217;usabilità perché &#8211; dalla mia posizione attuale di sviluppatore forzato &#8211; la domanda più pressante è: &#8220;Sì, carino. Ma com&#8217;è che deve funzionare?&#8221;<br />
In molti casi lo sviluppatore &#8220;inventa&#8221; il comportamento delle pagine con due risultati:</p>
<ul>
<li> il committente si lamenta &#8220;ma non è così che lo volevo!&#8221;</li>
<li> l&#8217;utente si interroga &#8220;ma perché fa così? come lo devo usare?&#8221;</li>
</ul>
<p>Immaginate da soli lo spreco di tempo, risorse economiche ed energie nervose.</p>
<p>Giusto per esemplificare ecco una storia tratta dal vero sulla realizzazione di un motore di ricerca interno al sito.<br />
<span id="more-844"></span></p>
<h2 id="toc-in-principio-era-un-campo-di-testo-ottobre">In principio era un campo di testo (ottobre)</h2>
<p>Nella grafica del committente spicca in mezzo al menù un bel box etichettato &#8220;cerca&#8221; con accanto l&#8217;immagine di una lente di ingrandimento.<br />
Lo sviluppatore prepara la query &#8220;Prendi tutti gli elementi che contengono la parola X&#8221; e traduce la grafica in codice con</p>
<p><code><br />
&lt; form method="post" action="***"><br />
&lt;label for="q">Cerca&lt;/label><br />
&lt;input type="text" id="q"/><br />
&lt;input type="image" src="***" /><br />
</code></p>
<p>e ritiene di aver finito.</p>
<h2 id="toc-poi-divenne-la-ricerca-sul-web-novembre">Poi divenne la ricerca sul web (novembre)</h2>
<p>La committenza si lamenta che con il campo così realizzato non è possibile cercare con Google.</p>
<div style="font-style:italic; padding:0 20px;">
<p style="color: #333; line-height:10px;"><abbr title="sviluppatore">S: </abbr>Con Google? </p>
<p style="color: red; line-height:10px;"><abbr title="cliente">C: </abbr>Sì con Google</p>
<p style="color: #333; line-height:10px;">S: Ma con Google sul tuo sito?</p>
<p style="color: red; line-height:10px;">C: No: con google su internet</p>
<p style="color: #333; line-height:10px;">S: Ah!</p>
</div>
<div style="background-color:#CCDD66; padding:10px">
<h3 id="toc-la-nota-di-usabilita" style="background-color: #669933; color: #FFF; -moz-border-radius:20px 0 20px 0; margin-top:-17px; padding:3px 10px; width:80%; line-height:15px;">La nota di usabilità</h3>
<p>Ma a che pro dato che esiste il sito &#8220;Google&#8221; in tutte le lingue ed esistono svariati modelli di toolbar integrati nel browser?<br />
Questa funzionalità è superflua dal punto di vista dell&#8217;usabilità: esistono siti specializzati nella ricerca, sul tuo sito l&#8217;utente viene per l&#8217;informazione che offri tu, non per cercare con Google sul web.
</p></div>
<p>Lo sviluppatore non può contestare le richieste della committenza per cui modifica il form aggiungendo dei radio button per distinguere tra ricerca interna e ricerca sul web ed aggiunge del javascript per dirigere la query sull&#8217;una e sull&#8217;altra.</p>
<h2 id="toc-poi-vennero-i-contenuti-video-e-audio-e-i-blog-gennaio"> Poi vennero i contenuti video e audio e i blog (gennaio)</h2>
<p>Viene terminata la realizzazione della sezione multimedia.</p>
<div style="font-style:italic; padding:0 20px;">
<p style="color: red; line-height:10px;"><abbr title="cliente">C: </abbr>Il motore di ricerca non trova i video e le photogallery!</p>
<p style="color: #333; line-height:10px;"><abbr title="sviluppatore">S: </abbr>Non le avevate richieste</p>
<p style="color: red; line-height:10px;">C: Ma era ovvio che dovevate metterle!</p>
</div>
<p>Lo sviluppatore aggiunge alla query la ricerca sui due elementi nuovi e si inventa una resa &#8220;grafica&#8221; per la pagina dei risultati. Fortunatamente alla committenza piace ma&#8230;.</p>
<div style="font-style:italic; padding:0 20px;">
<p style="color: red; line-height:14px;">C: Ma io voglio cercare solo per i video o solo per le photogallery e voglio cercare per data</p>
<p style="color: #333; line-height:10px;">S: Nella pagina delle ricerche?</p>
<p style="color: red; line-height:10px;">C:  No! nella pagina dei multimedia</p>
<p style="color: #333; line-height:10px;">S: Ah! </p>
</div>
<p>Lo sviluppatore Crea un nuovo box di ricerca dedicato ed una query apposita.</p>
<h2 id="toc-poi-torno-il-grafico-febbraio">Poi tornò il grafico (febbraio)</h2>
<p>La pagina dei risultati non piace più: viene inviato un nuovo pdf con la grafica desiderata.<br />
Notare: PDF non file grafico così è necessario &#8220;indovinare&#8221; font e colori e ritagliare alla bell&#8217;e meglio gli elementi grafici. Passano oltre due settimane per avere le informazioni mancanti e i PSD.</p>
<div style="font-style:italic; padding:0 20px;">
<p style="color: red; line-height:14px;"><abbr title="cliente">C: </abbr>La pagina dei risultati è brutta: cambiatela aggiungendo degli sfondi colorati alternati, il numero del risultato corrente, il numero del risultato totale e la stringa cercata eppoi&#8230;ah sì un link per l&#8217;ordinamento</p>
<p style="color: #333; line-height:10px;"><abbr title="sviluppatore">S: </abbr> Ordinamento?</p>
<p style="color: red; line-height:10px;">C: Sì: data ascendente o discendente</p>
<p style="color: #333; line-height:10px;">S: ma non è solo grafica</p>
<p style="color: red; line-height:10px;">C: massì massì che ci vuole per un link?</p>
</div>
<div style="background-color:#CCDD66; padding:10px">
<h3 id="toc-la-nota-di-usabilita1" style="background-color: #669933; color: #FFF; -moz-border-radius:20px 0 20px 0; margin-top:-17px; padding:3px 10px; width:80%; line-height:15px;">La nota di usabilità</h3>
<p>L&#8217;ordinamento non è &#8220;grafica&#8221; ma una funzionalità! Quale comportamento ci si deve attendere da questo pulsante? Normalmente ci si aspetterebbe un ribaltamento del set dei risultati. In questo caso ci si trovava un set di risultati diverso poiché &#8211; per motivi di efficienza &#8211; la query restituisce solo 200 risultati e cambiandone la data si passava da uno set 2008 &#8211; 2009  a 2007-2008. Difficilmente gli utenti consultano tutti e 200 i risultati per accorgersene, in ogni caso è un comportamento anomalo. La problematica viene comunicata e snobbata.
</p></div>
<h2 id="toc-poi-venne-la-performance-maggio"> Poi venne la performance (maggio)</h2>
<p>L&#8217;utente si lamenta del fatto che per la parola chiave del sito la ricerca produce soltanto 200 risultati.</p>
<div style="font-style:italic; padding:0 20px;">
<p style="color: red; line-height:10px;"><abbr title="cliente">C: </abbr> Ne voglio di più: almeno 1000!</p>
<p style="color: #333; line-height:10px;"><abbr title="sviluppatore">S: </abbr>Ma la query diventa pesante!</p>
<p style="color: red; line-height:10px;">C: Ma non è vero</p>
</div>
<div style="background-color:#CCDD66; padding:10px">
<h3 id="toc-la-nota-di-usabilita2" style="background-color: #669933; color: #FFF; -moz-border-radius:20px 0 20px 0; margin-top:-17px; padding:3px 10px; width:80%; line-height:15px;">La nota di usabilità</h3>
<p>La pagina della ricerca non è strutturata per dare feedback: nell&#8217;attesa dei risultati l&#8217;utente resta sulla pagina da cui ha lanciato la ricerca senza sapere se sta funzionando o se si è bloccato il pc. La query richiede nel migliore dei casi 50 secondi.
</p></div>
<p>Ma lo sviluppatore cosa ne sa della pazienza dell&#8217;utente? Innalza la soglia della query a 1000 risultati</p>
<h2 id="toc-poi-venne-la-ricerca-temporale-giugno"> Poi venne la ricerca temporale (giugno)</h2>
<p>Viene richiesta la realizzazione di un modulo di ricerca per data da apporsi nella pagina delle ricerche. La grafica segue di una settimana la richiesta e presenta un campo di testo, due campi data &#8220;da&#8221; e &#8220;a&#8221; e la solita icona a lente per la ricerca. Lo sviluppatore realizza in Ajax il form con i calendari.</p>
<div style="font-style:italic; padding:0 20px;">
<p style="color: red; line-height:14px;"><abbr title="cliente">C: </abbr>non va bene: la ricerca deve essere al massimo di 12 mesi e se restituisce più di 1000 risultati deve avvertire con un messaggio che conviene restringere la ricerca</p>
</div>
<p>Lo sviluppatore adatta il modulo vincolando i valori dei campi in modo che automaticamente limitino sia la scelta da calendario sia l&#8217;inserimento manuale. Predispone i messaggi di errore (anche quello inutile poiché la query restituisce al massimo 1000 risultati mai di più).</p>
<div style="font-style:italic; padding:0 20px;">
<p style="color: red; line-height:14px;"><abbr title="cliente">C: </abbr> non va bene: i campi data devono essere sempre pieni e valorizzati ad oggi</p>
<p style="color:#333; line-height:10px;"><abbr title="cliente">S: </abbr> ad oggi ossia di base la ricerca viene fatta solo sul giorno di oggi?</p>
<p style="color: red; line-height:10px;">C: si così</p>
<p style="color: #333; line-height:10px;">S: ma il campo nel menù va da oggi nel passato&#8230;</p>
<p style="color: red; line-height:10px;">C: no no deve andare da oggi ad oggi!</p>
<p style="color: #333; line-height:10px;">S: e l&#8217;ordinamento&#8230;</p>
<p style="color: red; line-height:10px;">C: da oggi ad oggi</p>
<p style="color: #333; line-height:10px;">S: e se l&#8217;utente mette delle date</p>
<p style="color: red; line-height:10px;">C: massimo 12 mesi</p>
<p style="color: #333; line-height:10px;">S: ah!</p>
</div>
<div style="background-color:#CCDD66; padding:10px">
<h3 id="toc-la-nota-di-usabilita3" style="background-color: #669933; color: #FFF; -moz-border-radius:20px 0 20px 0; margin-top:-17px; padding:3px 10px; width:80%; line-height:15px;">La nota di usabilità</h3>
<p>La media dei motori di ricerca interni ad un sito svolge le ricerche da oggi nel passato.Se porre un limite di 12 mesi è ancora comprensibile, porre il limite ad 1 solo giorno è anomalo. Ci si scosta dalle convenzioni e dalle abitudini acquisite dagli utenti ed -oltretutto- nel menù principale non si fornisce visibilità a questa limitazione. Gli esiti di questa scelta non progettata sono :</p>
<ul>
<li> un comportamento difforme dalle convenzioni e non esplicitato;</li>
<li>una contraddizione: se 200 risultati su un lasso temporale ampio erano pochi, quanti pensano di ottenerne su un solo giorno? Dunque a cosa serve far girare una query da 1000 item? ;</li>
<li>l&#8217;impossibilità di cercare nel passato oltre 1 anno;</li>
<li>se si applica l&#8217;ordinamento ad una ricerca effettuata con uno span temporale fissato dall&#8217;utente, i risultati dell&#8217;ordinamento sono di meno dei precedenti poiché hanno lo span temporale di un giorno;</li>
</ul>
</div>
<p>Nonostante le incoerenze viene apportata la modifica.<br />
2 giorni dopo segue mail:
<p style="color: red; line-height:14px;">C: forse era meglio prima. Rimettiamo la ricerca di base su uno span temporale da oggi meno un anno&#8221;.</p>
<h2 id="toc-conclusione-della-storia">Conclusione della storia</h2>
<p>Lo sviluppatore potrebbe ghignare e dire &#8220;te l&#8217;avevo detto&#8221; ma più che altro si arrabbia perché sta perdendo tempo e pazienza.<br />
Se invece di inventare pezzi di interfaccia ed interazione secondo l&#8217;estro del momento, senza riflettere su come si inseriscono nel sistema complessivo, se servono all&#8217;utente e su come verranno usati, si fosse spesa mezza giornata ad inizio progetto per definire i requisiti del motore di ricerca interno la realizzazione avrebbe richiesto meno tempo e meno soldi.<br />
Oltrettutto: tutte le modifiche sono avvenute a prodotto attivo ossia mentre gli utenti usavano il sito e il suo motore di ricerca.<br />
Immaginate quanto possano avere apprezzato un servizio che nell&#8217;arco di pochi mesi ha cambiato molte volte il suo comportamento in modo pressoché invisibile. Immaginate come si siano trovati a loro agio.</p>
<p>Dunque mi chiedo: cosa ho studiato usabilità a fare? Se la norma della realizzazione di progetti web è questa conviene diventare tutti programmatori perché ne serviranno molti per poter continuare a mettere pezze al sistema. </p>


<p>No related posts.</p>
<p>Articoli correlati elaborati dal plugin <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ziqurrat.it/2009/06/cosa-ho-studiato-usabilita-a-fare-storia-di-un-motore-di-ricerca-interno/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Captcha e rimedi ai commenti SPAM</title>
		<link>http://www.ziqurrat.it/2009/05/captcha-rimedi-commenti-spam/</link>
		<comments>http://www.ziqurrat.it/2009/05/captcha-rimedi-commenti-spam/#comments</comments>
		<pubDate>Fri, 15 May 2009 14:01:58 +0000</pubDate>
		<dc:creator>Ziqu</dc:creator>
				<category><![CDATA[Accessibilità&Usabilità]]></category>
		<category><![CDATA[captcha]]></category>
		<category><![CDATA[spam]]></category>

		<guid isPermaLink="false">http://www.ziqurrat.it/?p=809</guid>
		<description><![CDATA[Quando i moduli per i commenti diventano facile preda degli spammer la soluzione, senza pensare a rendere obbligatoria la registrazione degli utenti, potrebbe essere quella di raffinare i filtri anti spam inclusi in WordPress ed avvalersi di alcuni utili plugin come Akismet e Ajax Fancy Captcha. ]]></description>
			<content:encoded><![CDATA[<p>Tre settimane senza curare il benessere del blog e mi ritrovo con <strong>370 commenti di spam</strong> da pulire ad uno ad uno poiché&#8230; la speranza di un buon commento è l&#8217;ultima a morire.<br />
Cosa fare dunque per fermare lo SPAM?</p>
<ol>
<li>richiedere la registrazione al blog;</li>
<li>richiedere la validazione dell&#8217;indirizzo e-mail;</li>
<li>utilizzare un captcha</li>
</ol>
<p><span id="more-809"></span></p>
<h2 id="toc-1-richiedere-la-registrazione-al-blog">1) Richiedere la registrazione al blog</h2>
<p>Avanti, siamo realisti! Sono pochi i blog non professionali che valgano una registrazione e &#8211; aimè &#8211; non sono tanto superba da ascrivere il mio a una così ristretta cerchia. La volontà di commento è un sentimento tanto estemporaneo da suggerire di &#8230;non far passare la voglia richiedendo una registrazione.<br />
Oltretutto, l&#8217;archiviazione di dati sensibili (l&#8217;indirizzo e-mail è considerato tale dal garante della privacy: <a href="http://www.garanteprivacy.it/garante/doc.jsp?ID=1559382">ordinanza 18 settembre 2008</a>) richiede l&#8217;assunzione di impegni legali che i blog non professionali difficilmente hanno interesse a sostenere. </p>
<h2 id="toc-2-richiedere-la-validazione-dellindirizzo-e-mail">2) Richiedere la validazione dell&#8217;indirizzo e-mail</h2>
<p>Tra le opzioni della moderazione di WordPress c&#8217;è la possibilità di filtrare i commenti richiedendo che l&#8217;indirizzo e-mail fornito dall&#8217;autore venga &#8220;autorizzato&#8221; ossia esista un precedente commento approvato pervenuto dal medesimo indirizzo. Oltre ad incorrere nel problema dell&#8217;archiviazione di indirizzi e-mail, come nel caso precedente, qui si incorre nel <strong>dilemma della moderazione</strong>: conviene subordinare la visibilità immediata di un commento alla sua approvazione?<br />
Se esistesse una redazione con personale impiegato alla moderazione a tempo 0 dei commenti, direi che ne varrebbe la pena. In questo caso ci sono solo io e i miei tempi limitati quindi preferisco optare per la <strong>moderazione a posteriori</strong> con alcune precauzioni:</p>
<ol>
<li>Configurazione delle impostazioni anti spam incluse nell&#8217;installazione default di WordPress, come illustrato nel <a href="http://codex.wordpress.org/Combating_Comment_Spam">Codex</a>: limite massimo di link inclusi nei commenti, elenco di &#8220;parole proibite&#8221; etc. ;</li>
<li>utilizzo del filtro fornito dal plug-in <a href="http://akismet.com/">Akismet</a>  o simili per bloccare il grosso dei commenti lesivi </li>
</ol>
<p>Per il resto conto sulla buona educazione dei miei lettori.</p>
<h2 id="toc-3-utilizzare-un-captcha">3) Utilizzare un captcha</h2>
<p>Con le precauzione adottate riesco ad evitare di pubblicare commenti inadeguati, tuttavia mi resta da fare un gran lavoro manuale di pulizia dello spam.<br />
Un sistema per bloccare sul nascere i commenti di spam prodotti da agenti automatici (<a href="http://it.wikipedia.org/wiki/Spambot">spambot</a>) è l&#8217;utilizzo dei <acronym title="completely automated public Turing test to tell computers and humans apart"><strong>captcha</strong></acronym>. Questa soluzione, peraltro divenuta un <a href="http://www.welie.com/patterns/showPattern.php?patternID=captcha">pattern web</a> classificato, consiste in un test di riconoscimento visivo finalizzato a determinare se l&#8217;utente è un umano o una macchina e, di conseguenza, ad abilitare o bloccare l&#8217;invio del messaggio.<br />
I captcha classici presentano un&#8217;immagine contenente numeri o lettere storpiate perfettamente riconoscibili per un umano, meno per una macchina. Esistono anche versioni uditive dei captcha e altri basati sul riconoscimento di volti o su test logici. Google ha da poco reso pubblica una nuova metodologia basata sulla <a href="http://punto-informatico.it/2605134/PI/News/google-internet-un-giramento-captcha.aspx">rotazione di immagini</a> che sembra essere altrettanto efficace e più &#8220;divertente&#8221; della versione tradizionale.<br />
In ogni caso i captcha presentano dei limiti:</p>
<dl>
<dt>di accessibilità:</dt>
<dd>poiché sono immagini sono inaccessibili a utenti con disabilità visive e poichè sono test ideati per aggirare le macchine diventano incomprensibili per molte tecnologie assistive;</dd>
<dt>di efficacia:</dt>
<dd>molti spambot si sono evoluti in modo da superare il test, tramite tecniche di <acronym title="optical character recognition">OCR</acronym> o addirittura registrando le risposte degli utenti e riutilizzandole. Si è arrivati al punto che alcuni algoritmi captcha, per prevenire l&#8217;evenienza degli spambot evoluti, hanno sviluppato dei test di difficile risoluzione persino per i veri utenti&#8230;</dd>
<dt>di efficienza:</dt>
<dd>qualcuno potrebbe obiettare che l&#8217;uso di captcha rallenta l&#8217;inserimento del messaggio e potrebbe far perdere la famosa &#8220;volontà di commento&#8221; all&#8217;utente. Onestamente, l&#8217;impegno ed il tempo richiesto dai più semplici captcha è veramente poco, tanto che converrebbe porsi la domanda inversa ossia se vale la pena postare un commento se per scriverlo si è speso meno tempo di quello richiesto dalla compilazione del captcha&#8230;.</dd>
</dl>
<p>Dovrebbe risultare chiara a questo punto la mia preferenza e la necessità (370 commenti di spam in 3 settimane, distribuiti sui soli 4 post della home page&#8230;) di ricorrere ad un plug-in per i captcha. Wordpress ne offre diversi: dai tradizionali basati su numeri e lettere ad altri basati sul riconoscimento di immagini. Tra i tanti mi ha colpito in modo favorevole <a href="http://www.webdesignbeach.com/beachbar/wordpress-plugin-ajax-fancy-captcha">Ajax Fancy Captcha</a> poiché &#8211; oltre ad essere esteticamente gradevole &#8211; è basato su una soluzione drag&#038;drop che non avevo mai visto prima.<br />
Quindi, cedendo alla vanità estetica, provo questo plugin per un po&#8217; e vedo se mi aiuta a ridurre il lavoro manuale di pulizia dello spam. Provatelo, ditemi cosa ne pensate. Io vi farò sapere se è di aiuto o meno.</p>
<h3 id="toc-ajax-fancy-captcha">Ajax Fancy Captcha</h3>
<p>Installazione piuttosto problematica per questo plugin.<br />
Innanzitutto la cartella contenuta nello zip ha un nome diverso da quello impostato all&#8217;interno dei file: se volete che funzioni correttamente cambiate il nome da &#8220;ajax-fancy-captcha&#8221; a &#8220;AjaxFancyCaptcha&#8221; e ricordatevi di mettere la cartellina sotto il folder &#8220;wp-content/plugin&#8221;.<br />
Il box è in lingua inglese, per convertirlo in italiano bisogna lavorare sui seguenti file:</p>
<ul>
<li>nel folder &#8220;AjaxFancyCaptcha/imgs/&#8221; rinominare i file immagine da &#8220;item-pencil.png&#8221; a &#8220;item-matita.png&#8221;;</li>
<li>nel file &#8220;AjaxFancyCaptcha/jquery.captcha.js&#8221; modificare il testo del box con le istruzioni, ricordandosi che gli apostrofi devono essere preceduti da un backslash (\);</li>
<li>nel file &#8220;AjaxFancyCaptcha/afc.php&#8221; modificare i nomi degli elementi dell&#8217;array;</li>
<li>nel file &#8220;AjaxFancyCaptcha/captcha.css&#8221; aggiustare i css per adattarli alla maggiore lunghezza dei testi in italiano.</li>
</ul>
<p>Ho creato uno zip con i miei adattamenti e segnalato agli <a href="http://www.webdesignbeach.com/beachbar/wordpress-plugin-ajax-fancy-captcha">autori del plugin</a> la mia disponibilità a fornire la traduzione in italiano.</p>
<h4 id="toc-aggiornamento">Aggiornamento</h4>
<p>Ho rimosso il plugin poiché sono stati più i problemi dei vantaggi nel suo utilizzo:</p>
<ol>
<li>problemi di lingua: era solo in inglese;</li>
<li>problemi di accessibilità: se js è disabilitato non funziona;</li>
<li>problemi di funzionamento: ogni tanto in modo misterioso il drag&#038;drop smetteva di funzionare, uno dei js inclusi andava in errore ed interferiva con il plugin lightbox</li>
</ol>
<p>Ho rimosso il pacchetto zip con la traduzione poiché temo di aver &#8220;rotto&#8221; qualcosa. Anche il pacchetto in inglese dava problemi ma dopo la traduzione è andata solo peggio.</p>
<h3 id="toc-recaptcha">reCAPTCHA</h3>
<p>Esiste un sistema per sfruttare positivamente la &#8220;seccatura&#8221; della compilazione di un captcha. Il metodo <a href="http://recaptcha.net/">reCaptcha</a> elaborato dalla Carnegie Mellon University sfrutta la collaborazione degli utenti per disambiguare immagini frutto della conversione OCR di manoscritti storici. Quando si riscontra una sostanziale convergenza nelle &#8220;traduzioni&#8221; fornite dagli utenti, l&#8217;interpretazione viene assegnata alla parola. In questo modo si contribuisce al progetto di digitalizzazione di libri.<br />
Il <a href="http://wordpress.org/extend/plugins/wp-recaptcha/">plugin</a> per Wordpress è semplice da installare e viene fornito con quattro differenti grafiche ed il supporto alla versione audio. Funziona anche in caso di js disabilitato, permette di escludere la protezione captcha per gli utenti registrati ed ulteriormente offre un supporto per la protezione degli indirizzi e-mail presenti sul blog, nei post, nei commenti e persino negli RSS.<br />
Per utilizzare questo plugin è necessario procurarsi gratuitamente <a href="https://admin.recaptcha.net/accounts/signup/?next=">una chiave</a> sul sito ufficiale reCAPTCHA. </p>
<h4 id="toc-aggiornamento1">Aggiornamento</h4>
<p>In due settimane 363 commenti di spam. Il captcha non ha funzionato per niente.</p>
<h4 id="toc-secondo-aggiornamento">Secondo aggiornamento</h4>
<p>Ho avuto forse troppa fretta nel valutare la capacità di reCaptcha d tenere a bada i commenti di spam. Nel lungo periodo i risultati si sono visti significativamente: adesso la media dei commenti di spam è di 10/15 al mese. Tra l&#8217;altro, prevalentemente sui post che per primi erano stati attaccati massivamente dagli spambot.<br />
Sono decisamente soddisfatta di questo plugin, ha ricondotto il fenomeno nei limiti del gestibile.</p>


<p>No related posts.</p>
<p>Articoli correlati elaborati dal plugin <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ziqurrat.it/2009/05/captcha-rimedi-commenti-spam/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Campagna &#8220;posta con la testa&#8221;</title>
		<link>http://www.ziqurrat.it/2008/12/campagna-posta-con-la-testa/</link>
		<comments>http://www.ziqurrat.it/2008/12/campagna-posta-con-la-testa/#comments</comments>
		<pubDate>Sun, 14 Dec 2008 21:34:29 +0000</pubDate>
		<dc:creator>Ziqu</dc:creator>
				<category><![CDATA[Accessibilità&Usabilità]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[comunicazione sociale]]></category>
		<category><![CDATA[posta con la testa]]></category>
		<category><![CDATA[sicurezza]]></category>
		<category><![CDATA[spot]]></category>

		<guid isPermaLink="false">http://www.ziqurrat.it/?p=695</guid>
		<description><![CDATA["Posta con la testa" è una campagna realizzata da Save the Children con La7 per promuovere un uso responsabile delle nuove tecnologie tra i giovani. Lo spot mette in guardi riguardo alla diffusione di foto e video nella rete: una volta pubblicati è impossibile toglierli e chiunque può vederli e farsene magari un'idea sbagliata.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ziqurrat.it/wp-content/uploads/2008/12/posta1.jpg" rel="lightbox[695]"><img src="http://www.ziqurrat.it/wp-content/uploads/2008/12/posta1.jpg" alt="Posta con la testa" title="Posta con la testa" width="200" height="225" class="size-full wp-image-701" style="float:left; padding:0.5em; margin:0.5em; border:1px solid #CCC"/></a> Da circa un mese sul canale televisivo <a href="http://www.la7.it">La7</a> viene passato uno spot realizzato in collaborazione con <a href="http://www.savethechildren.it/2003/index.asp">SaveTheChildren Italia</a>: &#8220;<a href="http://www.la7.it/blog/post_dettaglio.asp?ord=1&#038;idblog=SAVE_THE_CHILDREN_40&#038;id=2975#commenti">Posta con la testa</a>&#8220;.<br />
Lo spot si rivolge ai ragazzi invitandoli a riflettere prima di pubblicare immagini o video nella Rete onde non aversene poi a pentire. Non vieta, non prescrive un comportamento &#8220;giusto&#8221; semplicemente avvisa: quel che viene pubblicato sul web è potenzialmente accessibile a chiunque, difficilmente eliminabile, liberamente interpretabile e manipolabile.<br />
Ciò che per noi è innocuo od innocente altri potrebbero interpretarlo come volgare &#8211; o farlo apparire come tale &#8211; danneggiandoci soprattutto nella vita reale. E una volta che un&#8217;immagine o video si diffondono nella rete, vengono copiati su computer o cellulare diviene impossibile controllarne la diffusione o eliminarli.<br />
I pentimenti tardivi sono inutili, meglio pensarci prima. &#8220;Posta con la testa&#8221; ovvero <strong>prendi coscienza del mezzo</strong> che stai usando, del messaggio che intendi veicolare in esso e valuta pro e contro prima di pubblicare immagini o video.<span id="more-695"></span></p>
<p><a href="http://www.ziqurrat.it/wp-content/uploads/2008/12/posta2.jpg" rel="lightbox[695]"><img src="http://www.ziqurrat.it/wp-content/uploads/2008/12/posta2.jpg" alt="Posta con la testa" title="Posta con la testa" width="200" height="142" class="size-full wp-image-704" style="float:left; padding:0.3em; margin:0.5em; margin-bottom:0em; border:1px solid #CCC"/></a> Cercando maggiori informazioni in rete, ho trovato un <a href="http://www.easy4.it/">secondo spot</a> in formato cartoon legato alla medesima campagna. Questo secondo spot è anche più forte del primo e secondo me meno efficace poiché rischia di limitare il messaggio ai soli contenuti a sfondo sessuale mentre l&#8217;invito dovrebbe riguardare tutto il materiale pubblicato in rete (anche farsi vedere ubriachi, drogati, violenti o semplicemente stupidi potrebbe avere risultati spiacevoli). </p>
<h2 id="toc-easy4-guida-per-luso-consapevole-delle-nuove-tecnologie">Easy4: guida per l&#8217;uso consapevole delle nuove tecnologie</h2>
<p><a href="http://www.ziqurrat.it/wp-content/uploads/2008/12/logoeasy.gif" rel="lightbox[695]"><img src="http://www.ziqurrat.it/wp-content/uploads/2008/12/logoeasy.gif" alt="Easy4" title="logoeasy" style="float:left; padding:0.3em; margin:0.5em; margin-bottom:0em; border:1px solid #CCC; width:200px;"/></a> Il sito <a href="http://www.easy4.it/">Easy4</a> legato alla campagna ha l&#8217;obiettivo di sensibilizzare  ragazzi ed adulti ad un uso consapevole delle nuove tecnologie.<br />
Ad un&#8217;occhiata superficiale l&#8217;impressione è che:</p>
<hr style="visibility:hidden; height:3em;"/>
<ul>
<li>si indirizzi ai ragazzi trattandoli da &#8220;piccoli&#8221; escludendo immediatamente la fascia di quelli che si sentono già grandi e da tali vogliono essere trattati (15 anni in su, a mio giudizio) </li>
<li>l&#8217;ingresso diversificato per adulti/educatori e ragazzi è come se preannunciasse una &#8220;predica in arrivo&#8221; per entrambi, da una parte la critica al lassismo e dall&#8217;altra un tono paternalista.  </li>
</ul>
<p>In realtà, il sito è largamente informativo e non impiega toni particolarmente critici nei confronti di nessuno, anzi offre indicazioni utili. L&#8217;area dedicata ai ragazzi ha un orientamento più pratico, con consigli e test per mettersi alla prova. L&#8217;area dedicata agli adulti contiene maggiore &#8220;teoria&#8221;, compreso un mini corso sul web (chat, community, social network) e guide per assistere la navigazione dei ragazzi.<br />
Dubito in ogni caso che il sito possa essere meta di navigazione volontaria da parte del suo pubblico più giovane per cui ben vengano le iniziative correlate &#8211; come gli spot ma soprattutto le iniziative presso le scuole e i luoghi di aggregazione giovanile- per portare il messaggio ai principali interessati.</p>
<h2 id="toc-e-nato-prima-il-web-cattivo-o-il-cattivo-uso-del-web">E&#8217; nato prima il web cattivo o il cattivo uso del web?</h2>
<p><cite class="citaz">Hai il diritto di partecipare, divertirti e trovare informazioni adeguate alla tua età e  personalità<br />
Hai il diritto di esprimerti liberamente quando sei online sempre nel rispetto dei diritti degli altri<br />
Hai il diritto di utilizzare le Nuove Tecnologie per sviluppare la tua personalità<br />
</cite><br />
Plauso all&#8217;iniziativa volta a <strong>responsabilizzare</strong> gli utenti &#8211; attuali e futuri &#8211; della rete: accanto ai diritti riconosciuti è necessario ricordare anche<strong> doveri e responsabilità</strong> . Personalmente credo che le soluzioni censorie siano sbagliate a priori: ognuno dovrebbe essere <strong>libero</strong> di decidere a quali contenuti accedere o meno, quali contenuti pubblicare o meno. Per essere veramente liberi però bisogna essere <strong>informati</strong>: conoscere lo strumento, le sue potenzialità ed i suoi pericoli (compreso quello di commettere reato diffondendo materiale contrario alle policy d&#8217;uso o alla legge).<br />
Dare la colpa ai media cattivi o agli orchi del web -poiché, aimé, esistono veramente questi orchi &#8211; è sbagliato perché sposta all&#8217;esterno il focus della questione: il problema non sono i contenuti del web ma piuttosto è l&#8217;<strong>approccio inconsapevole</strong> ad essi. Specialmente ora che la barriera di accesso alla pubblicazione si è abbassata (social network, blog hanno reso enormemente semplice la creazione di contenuti in prima persona) e che gli aspetti relazionali sono in primo piano è necessario conoscere lo strumento. Soltanto la conoscenza del mezzo che stiamo utilizzando può renderci utenti consapevoli e di conseguenza responsabili e prudenti laddove veramente serve.</p>


<p>No related posts.</p>
<p>Articoli correlati elaborati dal plugin <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ziqurrat.it/2008/12/campagna-posta-con-la-testa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Social network e usabilità</title>
		<link>http://www.ziqurrat.it/2008/09/social-network-e-usabilita/</link>
		<comments>http://www.ziqurrat.it/2008/09/social-network-e-usabilita/#comments</comments>
		<pubDate>Fri, 26 Sep 2008 08:56:19 +0000</pubDate>
		<dc:creator>Ziqu</dc:creator>
				<category><![CDATA[Accessibilità&Usabilità]]></category>
		<category><![CDATA[interazione uomo macchina]]></category>
		<category><![CDATA[interfacce utente]]></category>
		<category><![CDATA[Social Network]]></category>
		<category><![CDATA[usabilità]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.ziqurrat.it/?p=458</guid>
		<description><![CDATA[Anche se i social network sono difficili da usare hanno grande successo. Questa realtà contraddice le previsioni dell'odierna concezione di usabilità: il web 2.0, il web sociale, impone nuove problematiche allo studio dell'interazione uomo macchina. ]]></description>
			<content:encoded><![CDATA[<p>Se usate <a href="http://www.new.facebook.com">Facebook</a>, potrebbe esservi arrivato l&#8217;invito ad entrare nel gruppo &#8220;<a title="home del gruppo" href="http://www.new.facebook.com/groups.php?ref=sb#/group.php?sid=2c13c9776d1b489953cc74aa55edd981&amp;refurl=http%3A%2F%2Fwww.new.facebook.com%2Fs.php%3Fq%3Dnuovo%2Bfacebook%26init%3Ds%253Agroup%26k%3D200000010%26n%3D-1%26sid%3D2c13c9776d1b489953cc74aa55edd981&amp;gid=26844886242">Il nuovo facebook non ci piace</a>&#8221; che riporta la seguente descrizione:<br />
<cite class="citaz"> Abbiamo provato il nuovo facebook e l&#8217;abbiamo trovato complicato, poco pratico e decisamente poco intuitivo! Vi prego non toglieteci la vecchia versione! </cite></p>
<div class="toc">
<h3>Indice</h3>
<ol>
<li><a onclick="javascript:jumpScroll()" href="http://www.ziqurrat.it/2008/09/social-network-e-usabilita/#toc-rileggere-la-definizione-di-usabilita">Rileggere la definizione di usabilità</a></li>
<li><a onclick="javascript:jumpScroll()" href="http://www.ziqurrat.it/2008/09/social-network-e-usabilita/#toc-nuovi-problemi-per-lusabilita-riferita-ai-social-network">Nuovi problemi per l&#8217;usabilità riferita ai social network</a></li>
<li><a onclick="javascript:jumpScroll()" href="http://www.ziqurrat.it/2008/09/social-network-e-usabilita/#toc-ritornando-a-facebook">Ritornando a Facebook</a></li>
</ol>
</div>
<p>Si sono iscritte oltre 17.000 persone.<br />
Personalmente non ho aderito poiché non condivido il reclamo tuttavia penso che i designer di Facebook si saranno messi le mani dei capelli. C&#8217;è di che preoccuparsi se 17.000 e passa utenti ti dicono che la nuova interfaccia del tuo sito è scomoda e complicata! E le cose sono anche peggiori poiché esistono almeno altri 12 gruppi analoghi in italiano e anche di più contando quelli in <a title="1,000,000 AGAINST THE NEW FACEBOOK LAYOUT!" href="http://www.new.facebook.com/s.php?sid=0&amp;refurl=http%3A%2F%2Fwww.new.facebook.com%2Fs.php%3Fsid%3D0%26init%3Dq%26sf%3Dp%26k%3D200000010%26n%3D-1%26q%3Dnew%2Bfacebook%26s%3D20&amp;init=q&amp;sf=p&amp;k=200000010&amp;n=-1&amp;q=new%20facebook&amp;hash=ef322e947f223225d781291e817b962a&amp;s=10#/group.php?sid=0&amp;refurl=http%3A%2F%2Fwww.new.facebook.com%2Fs.php%3Fsid%3D0%26init%3Dq%26sf%3Dp%26k%3D200000010%26n%3D-1%26q%3Dnew%2Bfacebook%26s%3D0&amp;gid=27233634858">lingua inglese</a> (2 milioni di iscritti!) e altre lingue.<br />
Questo episodio e l&#8217;<a href="http://www.usabile.it/352008.htm">articolo di Boscarol</a> su <a href="http://www.usabile.it">Usabile.it</a> forniscono il pretesto per parlare del tema dell&#8217;usabilità dei social network.<br />
<span id="more-458"></span></p>
<h2 id="toc-rileggere-la-definizione-di-usabilita">Rileggere la definizione di usabilità</h2>
<p><cite class="citaz">ISO 9241-11 : ”The extent to which a product can be used by specified<br />
users to achieve <strong>specified goals</strong> with <strong>effectiveness, efficiency and satisfaction</strong> in a specified <strong>context of use</strong>.”</cite></p>
<p>Il grassetto è mio e serve ad evidenziare i nodi del problema: quali sono gli obiettivi di un utente alle prese con un social network? E come possiamo definire efficacia, efficienza e soddisfazione nel contesto dello specifico social network in uso?<br />
Quando utilizzo Facebook il mio obiettivo è diverso da quando uso Twitter o LinkedIn o Anobii, diversissime poi sono le interfacce con le quali mi trovo ad interagire. L&#8217;usabilità è una disciplina molto labile proprio perché non può concedersi eccessive generalizzazioni.</p>
<p>L&#8217;attuale concezione dell&#8217;usabilità mal si applica ai social network in ragione dell&#8217;eccessiva <strong>preminenza del tema dell&#8217;efficienza</strong>.  Efficienza ed efficacia tendono probabilmente a prevalere poiché sono misurabili direttamente rispetto agli altri parametri di valutazione dell&#8217;usabilità. L&#8217;utente riesce a completare il compito? Quanto tempo impiega? Quanti errori? Quanti click?  Questi aspetti si posso esprimere numericamente quindi hanno l&#8217;alibi dell&#8217;oggettività, non si può però misurare altrettanto oggettivamente il gradimento. La stessa selezione degli scopi può essere influenzata dal punto di vista dell&#8217;osservatore.</p>
<p>Ma quanto senso hanno queste misurazioni in relazione alla valutazione dell&#8217;usabilità dei social network?<br />
L&#8217;obiettivo dell&#8217;utente in questi casi non è<em> fare qualcosa con la macchina</em> ma <em>relazionarsi con qualcuno attraverso la macchina</em>. Su Facebook vado per giocare<em> con gli amici</em>, su Anobii per parlare di libri <em>con altri appassionati di lettura</em>, su LinkedIn per coltivare la mia reputazione professionale <em>presso le aziende e altri lavoratori</em>.  La relazione non è uomo-macchina ma <strong>uomo-uomo attraverso la macchina</strong>. Proprio per il contesto sociale in cui si impiegano queste applicazioni, i loro usi sono soggetti ad elaborazioni del tutto imprevedibili che nascono dalle relazioni che gli utenti sviluppano attraverso di esse. C&#8217;è una elaborazione sociale dello strumento che spesso sfugge alle possibilità di previsione e controllo dei creatori.</p>
<h2 id="toc-nuovi-problemi-per-lusabilita-riferita-ai-social-network">Nuovi problemi per l&#8217;usabilità riferita ai social network</h2>
<ul>
<li>l&#8217;usabilità attuale tende ad analizzare l&#8217;interazione globale con un sito scindendola in  singoli compiti ben definiti: compilare un modulo, acquistare on line etc.. Diversamente da un compito con obiettivi prefissati, l&#8217;interazione tra persone non segue schemi costanti: scopi e modalità dell&#8217;interazione possono evolvere nel corso della stessa o addirittura essere autoreferenziali (relazione fine a se stessa);</li>
<li>Diversamente dall&#8217;interazione uomo macchina, che è uno-a-uno, la relazione tra persone può essere uno-a-uno o uno-a-molti o molti-a-molti. La prospettiva non è più quella del singolo utente ma della simultanea presenza di almeno 2 utenti;</li>
<li>l&#8217;interazione classica uomo macchina è del tipo &#8220;computer fai qualcosa&#8221;, l&#8217;interazione tra persone invece prevede la negoziazione degli obiettivi e dei ruoli.</li>
</ul>
<div class="correlati">
<h3 class="toc_ignora">Approfondimenti</h3>
<ul>
<li>Boscarol M<br />
<a href="http://www.usabile.it/352008.htm"><em>L’usabilità e le interfacce sociali (e ubique)</em></a></li>
<li>Spolsky J.<br />
<a href="http://www.joelonsoftware.com/articles/NotJustUsability.html"><em>It&#8217;s Not Just Usability</em></a></li>
<li>Nielsen J.<br />
<em><a href="http://www.useit.com/alertbox/web-2.html">Web 2.0 can be dangerous</a></em></li>
<li>Hartikainen P.<br />
<a href="http://www.hiit.fi/~oulasvir/58307110/ubic_pirkka_hartikainen_draft.pdf"><em>Usability of Social Ubiquitous Computing</em></a></li>
<li>Boyd D.<br />
<a href="http://www.danah.org/papers/Supernova2004.html"><em>Autistic Social Software</em></a></li>
</ul>
</div>
<p>Come rimarcato nell&#8217;articolo di Boscarol e in altri (vedi box) si apre un intero nuovo campo di studio per l&#8217;usabilità, concetti e metodi di indagine. Rimando a queste trattazioni più accurate i lettori interessati. Vorrei però sottolineare che, fintanto che la macchina si frappone tra le persone, i problemi base dell&#8217;interazione uomo macchina restano.</p>
<h2 id="toc-ritornando-a-facebook" style="clear:both; margin-top:3em;">Ritornando a Facebook</h2>
<p>In circostanze in cui la macchina è veicolo della relazione, l&#8217;efficienza e l&#8217;efficacia sono sì importanti ma non sono decisive:<br />
<cite class="citaz">an application that does something really great that people really want to do can be pathetically unusable, and it will still be a hit. And an application can be the easiest thing in the world to use, but if it doesn&#8217;t do anything anybody wants, it will flop. (<a href="http://www.joelonsoftware.com/articles/NotJustUsability.html">It&#8217;s Not Just Usability &#8211; Joel on Software</a>)</cite><br />
Gli utenti che si sono lamentati della nuova edizione di Facebook non hanno smesso di usarlo poichè, per loro, il divertimento e la soddisfazione restavano comunque superiori allo sforzo di apprendimento necessario per affrontarne i cambiamenti.<br />
A mio giudizio, Facebook ora è più ordinato ma meno flessibile nella gestione della privacy. Nella fase di transizione, la nuova interfaccia ha dato dei problemi di incoerenza e malfunzionamento ma &#8211; terminata la transizione &#8211; la situazione attuale è abbastanza stabile e coerente. A meno delle applicazioni fornite da terze parti che sono tra loro inconsistenti.</p>
<p>Jackob Nielsen &#8211; che dell&#8217;<span title="ritorno sull'investimento in usabilità" lang="en"> usability <acronym title="return on investment" lang="en">ROI</acronym></span> ha fatto un verbo- <a title="Nielsen -Web 2.0 can be dangerous" href="http://www.useit.com/alertbox/web-2.html">nel suo articolo</a> mette in guardia dai social network: sono inusabili e hanno ROI assenti o risibili. A meno di grandi aziende o di business collegati alla socialità, meglio lasciar perdere.<br />
Trovo la conclusione fondata se applicata ad un discorso sull&#8217;utilità di includere applicazioni &#8220;web 2.0&#8243; in tutti i siti ma sembra nascondere una pericolosa sottostima della tendenza crescente all&#8217;uso sociale del web, come a voler dire che i social network sono giocattoli che presto o tardi passeranno di moda. Questa prospettiva è eccessivamente razionale: i social network non vengono usati per un&#8217;utilità ma per piacere. Di conseguenza si può presupporre che gli utenti web tenderanno a spendere sempre più tempo su di essi. Esiste dunque un vantaggio a curarne l&#8217;usabilità poiché, con un pubblico tanto vasto, difficile credere che non si riescano ad ottenere risultati anche economici.</p>


<p>Related posts:<ol><li><a href='http://www.ziqurrat.it/2009/09/seo-usabilita-ottimizzazione-codice-convergenze-compromessi/' rel='bookmark' title='Permanent Link: SEO, USABILITA&#8217; ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI'>SEO, USABILITA&#8217; ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI</a> <small>Le pratiche di SEO, usabilità ed ottimizzazione del codice presentano...</small></li>
</ol></p>
<p>Articoli correlati elaborati dal plugin <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ziqurrat.it/2008/09/social-network-e-usabilita/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Enso e Firefox Ubiquity: idee per l&#8217;interazione uomo macchina</title>
		<link>http://www.ziqurrat.it/2008/09/enso-e-firefox-ubiquity-idee-per-linterazione-uomo-macchina/</link>
		<comments>http://www.ziqurrat.it/2008/09/enso-e-firefox-ubiquity-idee-per-linterazione-uomo-macchina/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 20:32:22 +0000</pubDate>
		<dc:creator>Ziqu</dc:creator>
				<category><![CDATA[Accessibilità&Usabilità]]></category>
		<category><![CDATA[accessibilità]]></category>
		<category><![CDATA[interazione uomo macchina]]></category>
		<category><![CDATA[interfacce utente]]></category>
		<category><![CDATA[usabilità]]></category>

		<guid isPermaLink="false">http://www.ziqurrat.it/?p=327</guid>
		<description><![CDATA[Velocizzare e migliorare l'interazione in ambiente desktop o nel browser attraverso un'unica interfaccia per comandare diverse funzioni. La proposta di Enso e Firefox Ubiquity è la riga di comando in linguaggio naturale. Test e riflessioni sulla validità della soluzione.]]></description>
			<content:encoded><![CDATA[<div class="toc">
<h3>Indice</h3>
<ol>
<li><a onclick="javascript:jumpScroll()" href="http://www.ziqurrat.it/2008/09/enso-e-firefox-ubiquity-idee-per-linterazione-uomo-macchina/#toc-enso"> Enso</a></li>
<li><a onclick="javascript:jumpScroll()" href="http://www.ziqurrat.it/2008/09/enso-e-firefox-ubiquity-idee-per-linterazione-uomo-macchina/#toc-firefox-ubiqity">Firefox Ubiqity</a></li>
<li><a onclick="javascript:jumpScroll()" href="http://www.ziqurrat.it/2008/09/enso-e-firefox-ubiquity-idee-per-linterazione-uomo-macchina/#toc-prove-e-riflessioni">Prove e riflessioni</a>
<ol>
<li><a onclick="javascript:jumpScroll()" href="http://www.ziqurrat.it/2008/09/enso-e-firefox-ubiquity-idee-per-linterazione-uomo-macchina/#toc-prove-con-enso-launcher">Prove con Enso Launcher</a></li>
<li><a onclick="javascript:jumpScroll()" href="http://www.ziqurrat.it/2008/09/enso-e-firefox-ubiquity-idee-per-linterazione-uomo-macchina/#toc-prove-con-firefox-ubiquity">Prove con Firefox Ubiquity</a></li>
<li><a onclick="javascript:jumpScroll()" href="http://www.ziqurrat.it/2008/09/enso-e-firefox-ubiquity-idee-per-linterazione-uomo-macchina/#toc-il-ritorno-della-linea-di-comando">Il ritorno della linea di comando?</a></li>
</ol>
</li>
</ol>
</div>
<p>Il sogno di chi si dedica alla progettazione di interfacce utente (<acronym title="user interface">UI</acronym>) è quello di avere un&#8217;interazione il più possibile naturale, orientata al compito e calata nel compito stesso. Il paradosso tipico è quello dell&#8217;utente di un computer che per fare un calcolo rovista nel cassetto cercando una <em>calcolatrice!!!</em> Lo fa perché è più comodo dello scorrere la lista dei programmi alla ricerca di quello specifico per eseguire i calcoli (calcolatrice o Excel o simile).  L&#8217;interfaccia ideale non dovrebbe presentare questo problema: l&#8217;utente dovrebbe poter immette il calcolo in qualsiasi punto e la macchina capire la richiesta e restituire il risultato. </p>
<p>L&#8217;esempio serve a specificare l&#8217;idea generale: per l&#8217;utente <strong>lo scopo</strong>  deve essere la preoccupazione prevalente , non l&#8217;applicazione attraverso la quale realizzarlo. Enso e Ubiquity fanno proprio questo concetto suggerendo delle nuove modalità per l&#8217;utilizzo, rispettivamente, dell&#8217;ambiente desktop e del browser .<span id="more-327"></span></p>
<h2 id="toc-enso"><a href="http://www.humanized.com/enso"><img src="http://www.ziqurrat.it/wp-content/uploads/2008/09/enso.jpg" alt="Enso launcher logo" title="enso_logo" style="width:50px; height:50; border:0; margin-right:1em;" /> Enso</a></h2>
<p><cite class="citaz" lang="en">Having to change programs to perform simple tasks—for example, making a quick calculation, or looking up a definition—breaks your concentration, takes you away from the task at hand, and wastes your valuable time.</cite></p>
<p><a href="http://www.ziqurrat.it/wp-content/uploads/2008/09/enso_screen4.jpg" title="Enso Screenshot" rel="lightbox[327]"><img src="http://www.ziqurrat.it/wp-content/uploads/2008/09/enso_screen4-150x150.jpg" alt="Enso screenshot" title="enso_screen4" style="float:left; width:150px; height:150; border:0; margin:0 0.8em 3em 0;" class="size-thumbnail wp-image-436" /></a></p>
<p>L&#8217;biettivo di Enso Launcher è minimizzare il tempo perso a ricercare applicazioni e cartelle nel menù dei programmi o nell&#8217;albero delle directory. Basta premere il tasto <em>capslock</em> per avere accesso -in qualsiasi momento- ad una finestrella in cui digitare il comando <code>OPEN</code> seguito dal nome dell&#8217;applicazione da aprire.  Le funzioni di suggerimento e completamento automatico ne rendono l&#8217;utilizzo ancora più pratico e veloce, inoltre è possibile insegnare ad Enso comandi personalizzati per adattarlo alle proprie esigenze.</p>
<h2 id="toc-firefox-ubiqity"><a href="http://labs.mozilla.com/2008/08/introducing-ubiquity/"><img src="http://www.ziqurrat.it/wp-content/uploads/2008/09/ubiquity.jpg" alt="Firefox Ubiquity logo" title="ubiquity_logo" style="width:50px; height:50; border:0; margin-right:1em;" />Firefox Ubiqity</a></h2>
<p><cite class="citaz" ang="en">Most people do not have an easy way to manage the vast resources of the Web to simplify their task at hand. For the most part they are left trundling between web sites, performing common tasks resulting in frustration and wasted time.</cite></p>
<p><a href="http://www.ziqurrat.it/wp-content/uploads/2008/09/ubiquity_screen.jpg" title=2Firefox Ubiquity screenshot" rel="lightbox[327]"><img src="http://www.ziqurrat.it/wp-content/uploads/2008/09/ubiquity_screen-150x150.jpg" alt="Firefox Ubiquity screenshot" title="ubiquity_screen" style="float:left; width:150px; height:150; border:0; margin:0 0.8em 1.5em 0;" class="size-thumbnail wp-image-445" /></a></p>
<p>Ubiquity è un&#8217;estensione per il browser Mozilla Firefox pensata per semplificare compiti comuni in un browser. Unifica in un&#8217;unico controllo sempre accessibile funzioni quali la traduzione, l&#8217;invio di mail, la ricerca semplice e geografica, il bookmarking. Attraverso la pressione della combinazione di tasti <em>Crtl+space</em> appare una finestrella nella quale digitare semplici comandi dedicati a ciascuna attività: <code>MAP; TRANSLATE; EMAIL; WIKIPEDIA</code>.</p>
<p> Le funzioni di completamento automatico e suggerimento ne facilitano e velocizzano l&#8217;utilizzo, oltretutto è possibile operare direttamente sulle selezioni nella pagina web (copiare ed incollare, cercare termini o località) e vedere anteprime dei risultati della ricerca direttamente nella finestra di Ubiquity, senza la necessità di aprire nuove tabs.  Il raggio dei comandi disponibili è in crescita: attraverso la collaborazione degli utenti vengono proposti nuovi comandi da integrare. Lo sviluppo si può seguire su <a href="https://labs.toolness.com/ubiquity-herd/">Herd</a>.</p>
<div class="correlati">
<h3 class="toc_ignora">Approfondimenti</h3>
<ul>
<li><a href="http://humanized.com/enso/launcher/fingertips.php" title="video demo Enso">Video dimostrativo su Enso Launcher</a></li>
<li><a href="http://vimeo.com/1561578" title="video demo Ubiquity">Video dimostrativo su Ubiquity </a></li>
</ul>
</div>
<h2 id="toc-prove-e-riflessioni">Prove e riflessioni</h2>
<p>La buona notizia è che entrambe le applicazioni presentate risolvono il problema della calcolatrice e per di più con il medesimo comando: <code>CALCULATE</code>. Le notizie meno buone vengono dalla mia esperienza d&#8217;uso e da alcune riflessioni di ordine generale. Ma procediamo con ordine.</p>
<h3 id="toc-prove-con-enso-launcher">Prove con Enso Launcher</h3>
<p>L&#8217;idea di Enso di utilizzare il tasto <em>capslock</em> riscattandolo dalle accuse di <a href="http://en.wikipedia.org/wiki/Mode_(computer_interface)">modalità</a> è buona, del resto il maiuscolo è poco usato ed esiste l&#8217;alternativa <em>Shift+lettera</em>. Tuttavia io riscontro alcuni problemi d&#8217;uso:</p>
<ul>
<li>per lavoro utilizzo intensamente mail ed applicazioni che fanno un uso estensivo e discriminante del maiuscolo: sono continuamente costretta a ripristinare la funzione &#8220;normale&#8221; del <em>capslock</em> (<code>CAPSLOCK ON - CAPSLOCK OFF</code>) oppure a convertire il testo da maiuscolo in minuscolo e  viceversa (<code>LOWERCASE- UPPERCASE</code>) </li>
<li>normalmente, utilizzo un ristretto numero di programmi che apro una sola volta e mantengo aperti per l&#8217;intera sessione di lavoro. Enso mi agevola ben poco in questa circostanza poiché apro cartelle ed applicazioni una sola volta, tipicamente sempre le stesse per cui ho attivato delle &#8220;routine motorie&#8221; più efficaci. Enso mi aiuterebbe di più se potesse memorizzare <em>set</em> di applicazioni da aprire insieme in un determinato contesto. Ad es. un set per quando sono a lavoro, un set per quando bloggo etc.</li>
</ul>
<p>Il problema maggiore risolto da Enso è lo spostamento da una finestra all&#8217;altra e tra tabs nel browser: esiste la combinazione convenzionale <em>Alt+Tab</em> ma, rispetto a questa, Enso permette di avere una visione più immediata dei contenuti e orientata all&#8217;obiettivo. Tramite il comando <code>GO</code> posso selezionare direttamente l&#8217;applicazione e se ho più documenti aperti nella medesima posso vederne i titoli. Diversamente da <em>Alt+Tab</em> non sono vincolata allo scorrimento ma posso andare diritta all&#8217;obiettivo, anche specificandolo sommariamente (<code>GO tabs</code> mostra tutti i tab firefox aperti; <code>GO excel</code> mostra tutti i file Excel aperti e così via).<br />
Un problema futuro per Enso potrebbe essere la parcellizzazione: esiste un Enso Launcher, un Enso Words (correttore grammaticale e dizionario), un Enso per la scrittura di formule matematica, uno per la traduzione etc. Tanti moduli attualmente disponibili individualmente che &#8211; si spera &#8211; verranno integrati in un&#8217;unica soluzione, altrimenti si rischia la riproduzione del problema dell&#8217;orientamento all&#8217;applicazione esposto in apertura.</p>
<h3 id="toc-prove-con-firefox-ubiquity">Prove con Firefox Ubiquity</h3>
<p>Sto leggendo un annuncio di lavoro e non ho idea di dove si trovi la sede indicata e come raggiungerla: <em>selezione &#8211; CTRL+SPACE &#8211; MAP </em> ed ecco la mappa. Un click e sono su Google maps dove posso creare il percorso in auto (e se fossi a Torino o firenze, anche con i mezzi pubblici da <a href="http://www.google.it/transit">Google transit</a>). Un click e mi invio la mappa via mail.<br />
Sto leggendo una ricetta in inglese e non capisco le parole: <em>selezione &#8211; CTRL+SPACE &#8211; TRANSLATE</em> e se si trattasse invece di qualche ingrediente poco noto <em>selezione &#8211; CTRL+SPACE &#8211; WIKIPEDIA</em>. Lo adoro! Io che soffro di tabbite, incurabile persino con <a href="https://addons.mozilla.org/en-US/firefox/addon/5756">Taboo</a> ho trovato il modo di risparmiare almeno 3 schede: <a href="http://maps.google.it/">google maps</a>, <a href="http://www.wordreference.com/">Wordreference</a> e <a href="http://it.wikipedia.org/wiki/Pagina_principale">wikipedia</a>. E&#8217; già una buona cosa e poiché la combinazione di tasti non si sovrappone ad altre routine acquisite, ancora meglio. Ci sono altri comandi ma ne faccio un uso minore: già così copre una buona parte delle mie esigenze.</p>
<h3 id="toc-il-ritorno-della-linea-di-comando">Il ritorno della linea di comando?</h3>
<p>Se si guarda a questi due esempi emerge il sospetto: ma non è che stiamo tornando alla riga di comando? Il passaggio alle <acronym title="Graphic User Interface">GUI</acronym> originariamente si era reso necessario per semplificare l&#8217;utilizzo dei sistemi informatici per le persone non esperte: mirava a fornire riferimenti riconoscibili e intuitivamente comprensibili (le metafore visive in primis, come il cestino ed il desktop). Con l&#8217;uso intensivo, gli utenti si sono progressivamente spostati su livelli maggiori di esperienza e le metafore create per agevolarli nei primi passi sono divenute inutili ostacoli.<br />
Più si è esperti, più si ha bisogno di personalizzazione. Per una personalizzazione fine niente è meglio della riga di comando: specifica e sintetica ma inintelligibile ai più. Il livello medio dell&#8217;utente si è evoluto ma non fino a questo punto: diciamo che è un &#8220;esperto minimo&#8221;. Ecco dunque l&#8217;idea di ricorrere alla riga di comando friendly che ricalca il linguaggio naturale: &#8220;apri quello, traduci questo&#8221;.  Ovviamente, naturale per chi comprende l&#8217;inglese.</p>
<p>Dalle mie prove e dai commenti di alcuni altri utenti posso dire che la soluzione è interessante anche se l&#8217;applicazione migliore fin&#8217;ora è quella di Ubiquity all&#8217;interno del browser per 2 motivi:</p>
<ul>
<li> l&#8217;utilizzo di una combinazione di tasti che non interferisce con la conoscenza precedente,</li>
<li>l&#8217;appartenenza al medesimo &#8220;set&#8221; di lavoro.</li>
</ul>
<p>Effettivamente, i comandi di Ubiquity coprono un ambito ben definito: le operazioni da fare nel browser. Enso non ha una caratterizzazione altrettanto chiara pertanto rischia di incorrenere nel conflitto tra le aspettative create e l&#8217;effettiva utilità percepita. </p>


<p>Related posts:<ol><li><a href='http://www.ziqurrat.it/2009/09/seo-usabilita-ottimizzazione-codice-convergenze-compromessi/' rel='bookmark' title='Permanent Link: SEO, USABILITA&#8217; ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI'>SEO, USABILITA&#8217; ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI</a> <small>Le pratiche di SEO, usabilità ed ottimizzazione del codice presentano...</small></li>
</ol></p>
<p>Articoli correlati elaborati dal plugin <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ziqurrat.it/2008/09/enso-e-firefox-ubiquity-idee-per-linterazione-uomo-macchina/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
