Ingredienti

farina

350 gr

burro

100 gr

zucchero

100 gr

uova

3

lievito

1 bustina

caffè

2/3 tazza

latte

1/3 tazza

gocce cioccolato

q.b.

Preparazione

Mescolare lo zucchero con le uova ed il burro fuso. Aggiungere la farina setacciata con il lievito e le gocce di cioccolato. Per ultimo aggiungere il caffelatte freddo. L’impasto finale non deve risultare troppo liquido o troppo denso: correggere aggiungendo farina o latte.

Imburrare uno stampo per muffin, riempire le formine per 2/3 ed infornare in forno già caldo a 180°C per 20 minuti.

Related posts:

1. Torta ricotta, amaretti e scaglie di cioccolato Torta composta da due dischi di frolla con un ripieno...
2. Crostata multi marmellata Crostata multi marmellata: la decorazione gustosa e colorata la fa...
3. Pane dei morti Pane dei morti: cioccolato, amaretti, mandorle, spezie per un dolce...

Articoli correlati elaborati dal plugin Yet Another Related Posts.

<article>
   <a href="story.html">
      <img src="img/immagini.gif"/>
         <header><h1>Titolo</h1></header>
   </a>
</article>

Ufficiosamente questo comportamento è già supportato dai principali browser, con Firebug però si verificano dei problemi di visualizzazione quando l’elemento <a> contiene uno dei nuovi tag strutturali di HTML5 (ad es <header>): l’intera struttura HTML del blocco viene modificata, chiudendo anticipatamente gli elementi strutturali e spostando le <a> dentro il successivo elemento block-level. Ai tag <a> spostati viene aggiunto ed l’attributo “_moz-rs-heading”.

   
      
      

   

       Torta alla ricotta con scaglie di cioccolato
   

Una possibile via per risolvere questo problema è aggiungere un <div> dentro il tag <a> per racchiudere i contenuti. Questa soluzione effettivamente risolve il problema ma – a mio parere- vanifica la pulizia semantica che HTML5 sta sforzandosi di recuperare.
Altra soluzione potrebbe essere il ricorso a uno script JQuery ma la vedo come un’operazione macchinosa: perché gravare la mia pagina con un ulteriore script quando il problema è limitato ad un solo browser? (anche se si tratta del mio browser preferito)

Personalmente, nell’attesa della risoluzione del bug, preferisco continuare con il “vecchio sistema”.

   
      

Torta alla ricotta con scaglie di cioccolato

No related posts.

Articoli correlati elaborati dal plugin Yet Another Related Posts.

Related posts:

1. Formula 1 – marcia non competitiva LILT – 2010 2 giugno 2010Autodromo di Monza...

Articoli correlati elaborati dal plugin Yet Another Related Posts.

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’architettura informativa di un sito, probabilmente quello di un ente/società che si occupa di ricerca scientifica.
10 task in 10 minuti: rapido per lo sviluppatore, divertente per il soggetto di test e sicuramente economico per il cliente finale.
Nel caso voleste partecipare anche voi, ecco la pagina di reclutamento.

Immedesimarsi nell’utente

Mi sono iscritta all’iniziativa di Usabile.it perché mi interesso di usabilità ma non ho occasione di lavorare sul campo perciò in questo modo posso

• acquisire esperienza con le forme e le tecnologie utilizzate;
• acquisire familiarità con le “sensazioni” che può provare un soggetto di test;
• cercare di indovinare le finalità nascoste del test: quali aspetti stanno cercando di testare? Perché sono problematici? Io come li affronterei?

Penso sia un buon modo per tenermi aggiornata e per “premiare” quelli che diffondono il verbo dello user testing, nonché un incentivo per i clienti finali che, spendendo poco, possono contare su una rilevante quantità di dati.

In particolare trovo utile lo scambio di ruolo: da osservatore a soggetto di test. Nei -purtroppo pochi – test che ho condotto fin’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’osservatore o in quello frustrato dell’utente.
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 “perchè mai io – accidenti – non ci riesco?”. 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 “tecnico”.

Test online: pro e contro

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’osservatore con aria imbarazzata o tira il mouse contro lo schermo? qualcosa non sta andando nel verso giusto….)

Lo user testing online si svolge da remoto: può essere moderato, ossia l’osservatore è indirettamente presente – tramite strumenti di videoconferenza ad esempio – oppure può essere non moderato ed in questo caso non c’è osservatore umano ma un software che registra i movimenti del mouse e le risposte dell’utente e organizza i dati raccolti per una più agevole lettura.

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 – a mio giudizio – diversi pertanto non si propongono come strumenti alternativi ma come come complementari.
Un articolo che approfondisce bene la tematica è Unmoderated, Remote Usability Testing: Good or Evil? di UxMatters.

Related posts:

1. Pubblicità nei siti dei quotidiani: usabilità vs. sostenibilità La pubblicità sui quotidiani online è indispensabile per la loro...
2. SEO, USABILITA’ ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI Le pratiche di SEO, usabilità ed ottimizzazione del codice presentano...

Articoli correlati elaborati dal plugin Yet Another Related Posts.

Mimesi:

imitazione della realtà e della natura che è il fondamento, secondo l’estetica classica, della creazione artistica.

Metafora

figura retorica che implica un trasferimento di significato. Si ha quando ad un termine se ne sostituisce un altro, operando un trasferimento di senso capace di creare immagini di forte carica espressiva.

Entrambe sono utili nella realizzazione di interfacce utente ma con potenzialità e limiti differenti. La mimesi, infatti, riproducendo la realtà non ne consente il superamento mentre la metafora, con la sua potenza creativa, è in grado di suggerire nuove interpretazioni per situazioni note ovvero è in grado di “portare” l’esperienza da un campo all’altro.

Il ricorso alla metafora è una pratica consolidata nel design delle interfacce grafiche in ambito informatico: dal desktop al cestino, dalla scrollbar agli sliders. Elementi del mondo reale vengono riprodotti graficamente a suggerire modalità di interazione note con concetti spaziali e fisici nuovi. Il mapping è reso possibile proprio dalla disponibilità di una rappresentazione grafica e dalla possibilità di manipolare direttamente tali rappresentazioni tramite il paradigma “punta e clicca” (che è a sua volta una metafora della manualità concreta).
La mimesi trova applicazione prevalentemente in campo ludico, per la simulazione di realtà immersive. Proprio la forte rassomiglianza col mondo reale la rende inadatta per l’utilizzo in campi diversi da quelli che le sono propri.

Periodicamente ritorna tra i professionisti il dibattito relativo all’impiego di mimesi e metafora nelle GUI: è utile o dannoso? Alcuni sostengono che sia utile per facilitare l’accesso ai newbie dell’informatica, altri ritengono sia dannoso perché tende a nascondere le maggiori capacità dello strumento informatico rispetto a quello reale cui è assimilato. Entrambi i filoni di pensiero hanno le loro ragioni: in ogni caso la metafora si attende un superamento per poter essere compresa, pertanto se pure è utile nella fase iniziale dell’apprendimento deve poter essere accantonata nella fase esperta per godere appieno delle potenzialità dello strumento.

Dove sta la metafora?

Le tendenze del design 2010 secondo SmashingMagazine vedono un revival dell’utilizzo delle metafore del mondo reale in ambito web. A ben vedere l’articolo (pur ricchissimo di spunti interessanti) dedica poco spazio al tema specifico della metafora e – a mio giudizio – riporta esempi o già consolidati (bottoni ed interruttori) o sbagliati . Nello specifico:

• Fred Perry: la metafora discussa è poster come catalogo prodotti. Visivamente accattivante ma non è una metafora: quale esperienza o significato possono essere portati dall’ambito poster o a quello del catalogo? E’ anzi una situazione riduttiva poiché il catalogo ha maggiori possibilità di interazione rispetto al poster.
• C. L. Holloway: la metafora discussa è una galleria d’arte per….un’esposizione di quadri! Si tratta di una mimesi più che di una metafora, per altro non viene sfruttata la potenzialità del mezzo (ad es. illustrando per ogni tela dei dati di dettaglio).
• Dripping in Fat la metafora discussa è uno stendibiancheria come catalogo prodotti. L’idea è simpatica, pertinente rispetto alla merce in vendita ma non consente alcuno scambio di significato od esperienza. E’ una mimesi nel senso evidente poichè l’imitazione del reale genera una forma artistica.
• Gowalla in questo caso non si può proprio parlare di metafora e anche la mimesi è inappropriata. Uno storyboard viene utilizzato per illustrare le funzionalità di un prodotto ma senza legenda sotto l’immagine non sarebbe possibile fare alcun mapping.
• XHTML Cafe in questo caso si ricerca una metafora spaziale, è un tentativo di creare una corrispondenza tra le posizioni convenzionali degli elementi nel prototipico café e le voci del menù. Un tipo di metafora vecchio stile, ormai desueta e poco informativa rispetto allo specifico tema del sito.

L’unico esempio coerente di metafora è quello di CulturedCode: Status in base alla quale il flusso di sviluppo è visualizzato tramite una tabella oraria aeroportuale. In questo caso è possibile fare un mapping tra lo stato di sviluppo e lo stato di viaggio, la versione e il codice di volo, la destinazione ed il nome di progetto. La familiarità con la lettura della tabella oraria può essere trasferita nella comprensione del workflow di sviluppo.

La mimesi non necessaria

Gabriele Romanato nel suo Form sperimentali con i CSS si domanda se

Non sarebbe interessante avere dei form che assomiglino in tutto e per tutto al loro originale cartaceo?

Perchè mai, dico io? Ecco un esempio di mimesi non necessaria e limitante: molti moduli cartacei sono brutti e difficili da usare in partenza, duplicarli in digitale corrisponde ad un’immotivata perdita di tempo. Oltretutto, la presenza di banche dati consente di velocizzare notevolmente la compilazione dei moduli: dati anagrafici, dati fiscali, dati geografici etc. non dovrebbero più essere compilati dall’utente ma dovrebbero essere presi in carico dal sistema.

La quadrettatura dei campi nel tipico bollettino postale è funzionale alla lettura nei dispositivi elettronici, riprodurla in un modulo web sarebbe puro manierismo. Invece di cercare un’inutile mimesi nel tentativo di avvicinare il web al reale, bisognerebbe concentrarsi su quelle metafore che consentono sì di mantenere la familiarità del reale ma anche di andare oltre, approfittare della potenza del mezzo ed acquisire così un reale beneficio nell’utilizzo delle procedure digitali.

No related posts.

Articoli correlati elaborati dal plugin Yet Another Related Posts.

• Giallo da 2,5km, anello junior pista
• Verde da 5.8km, pista intera
• Rosso da 9km, pista intera più sterrato
• Blu da 14km, pista intera più sterrato

Dedicato ai più piccoli e gestito dagli scout c’è anche il percorso avventura (9km) con 5 prove di destrezza da superare!

Tutti i partecipanti riceveranno la maglietta omaggio e il rinfresco a fine gara. Per i più piccoli tante attività: dalle auto a pedali a colorandia.

Per partecipare è necessario dotarsi dell’apposito biglietto (5,00€ a testa, bambini e cani inclusi) acquistabile presso:

• le sedi LILT e gli spazi prevenzione,
• presso i volontari che già in questi giorni girano per la Brianza a promuovere l’evento,
• direttamente in pista (dove vi aspettiamo io e Sanchan!!!) il giorno della gara entro le ore 10:00.

Gruppi e tesserati FIASP devono invece seguire le istruzioni sul sito.

Vi aspettiamo numerosi, contando su una giornata di bel tempo, divertimento e solidarietà.

Related posts:

1. Apertamente in festa – 2 luglio 2010 2 luglio 2010Affori - Parco P. Pini...

Articoli correlati elaborati dal plugin Yet Another Related Posts.

Il costo d’iscrizione al tour è di€ 8,00 per pilota oppure € 12,00 per pilota + passeggero. Il pranzo per gli iscritti è a € 10,00.
Buona passeggiata e mi raccomando, godetevi il paesaggio e rispettate il codice della strada!

No related posts.

Articoli correlati elaborati dal plugin Yet Another Related Posts.

Ingredienti

Per la frolla

farina

300 gr

burro

100 gr

zucchero

100 gr

uova

1

lievito

1 bustina

sale

q.b.

Per il ripieno

ricotta fresca

250 gr

zucchero

100 gr

amaretti

200 gr

zucchero

100 gr

cioccolato fondente

20 gr

rum

q.b.

Preparazione

Prepara la frolla: per un impasto più morbido puoi usare 150 gr di farina 00 e 150 gr di farina manitoba. Setaccia le farine col lievito, aggiungi un pizzico di sale e disponi il tutto a fontana. Taglia il burro a pezzetti e disponilo nel mezzo, con l’uovo e lo zucchero. Impasta velocemente fino ad ottenere una palla. Avvolgila nella pellicola per alimenti e lasciala riposare in frigo per almeno 30 minuti.

Per il ripieno: sbriciola gli amaretti, sminuzza il cioccolato, uniscili con la ricotta, lo zucchero, l’uovo intero ed un tappino di rum bianco. Mescola fino ad ottenere una crema. Puoi usare anche mandorle o nocciole tritate al posto del cioccolato.

Componi la torta: imburra ed infarina il fondo di una teglia rotonda. Dividi la frolla a metà, sbriciolane mezza sul fondo della teglia, ricopri con la crema di ricotta, chiudi sbriciolando la frolla restante sulla parte superiore del dolce. Inforna in forno già caldo a 180°C per 30 minuti.

Variazioni

Invece di sbriciolare l’impasto, stendi la frolla in due dischi di uguale misura. Fodera il fondo della teglia con carta da forno e disponi sul fondo il primo disco, bucherellandolo con una forchetta. Riempi con il ripieno mantenendoti a un dito di distanza dal bordo del disco. Raccogli il bordo del disco attorno al ripieno. Chiudi la torta stendendoci sopra il secondo disco di frolla, copri anche il bordo di pasta precedentemente creato. Se avanza della pasta sui bordi toglila con un coltello: puoi usarla per fare delle decorazioni. Prima di informare, spennella abbondantemente di latte il dolce, anche sui bordi e su eventuali decorazioni.
Rispetto alla versione originale della torta, questa variazione è esteticamente più piacevole ma soprattutto “divide” meglio la parte soffice e quella croccante del dolce.

Dato che avevo della crema avanzata dalla crostata con mele, uvetta e pinoli ho utilizzato questa crema al posto dell’uovo, mescolandola prima con la ricotta e poi con gli ingredienti secchi. La presenza degli albumi a neve nella crema ha aggiunto volume e al ripieno rendendolo meno pastoso. Potrebbe essere una buona idea, in caso di assenza della crema, sbattere il tuorlo con la ricotta e lo zucchero, poi montare a neve l’albume ed aggiungerlo alla crema di ricotta ed infine aggiungere amaretti e cioccolato (o mandorle o nocciole).

Related posts:

1. Crostata multi marmellata Crostata multi marmellata: la decorazione gustosa e colorata la fa...
2. Crostata di crema con ripieno di mele, uvetta, pinoli e cannella Crostata di crema con ripieno di mele ispirato allo strudel:...
3. Muffin caffelatte e cioccolato Soffici muffin al caffelatte e cioccolato per una colazione sprint....

Articoli correlati elaborati dal plugin Yet Another Related Posts.

Usabilità del banner

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.
L’ordinario del banner invece è il formato flash, con tutte le implicazioni che ne conseguono in termini di peso, accessibilità, intrusività.
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’esperienza dell’utente disabile, semmai in questo caso i problemi sono per tutti – disabili o meno – 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.
Per gli utenti avanzati l’utilizzo di javascript e Flash possono rivelarsi aspetti positivi: basta disporre di plugin per Firefox come AdBlock plus; Noscript, FlashBlock per liberarsi definitivamente dalla scocciatura dei banner. Per tutti gli altri invece se non sono problemi sono quantomeno seccature.

Lasciando gli aspetti tecnici per parlare di forme, è indubitabile come la presenza del banner sia a corredo dell’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’ bizzarro come, nel caso dei banner, questo principio venga contraddetto: più intrusivi sono meglio è. La pubblicità deve essere vista altrimenti non porta contribuiti al giornale. Pertanto è valido forzare la mano all’utente impedendogli di accedere al contenuto fino a quando non ha guardato anche il banner che poi sarà anche bello, dinamico, musicale grazie a Flash.
Volendo fare un campionario dei banner peggiori della mia esperienza 2009 potrei citare:

• La campagna Danacol: Little Tony ci ricorda che il colesterolo uccide con l’implacabile refrain di Cuore matto con tanto di tum tum e banner che va a tutto schermo non appena ci passi sopra il mouse. Ed il banner stava proprio nell’angolo destro, vicino alla scrollbar dove non potevi mancarlo.
• La campagna di una compagnia aerea con pop-up a centro pagina e bottone chiudi che non chiude ma linka al sito del vettore.
• La campagna di un film horror nella testata della pagina che – al movimento del mouse – fa partire una colonna sonora modello “unghie su lavagna” che non si può fermare se non cambiando sito o aspettando la chiusura automatica del banner.
• La campagna di UPS, con il suo testimonial alieno che muove un braccino artritico in un improbabile saluto. Da brivido.

In tutti e quattro questi casi la fruizione degli articoli è disturbata dalla presenza pubblicitaria: non si può ignorarla ma la si ricorda in termini negativi, il che mi pare non sia esattamente lo scopo primario di un banner.

Sostenibilità dei banner

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:

• non mi interrompe, non mi distrae mentro leggo un articolo;
• non mi provoca malessere, fastidio, spavento con effetti visivi o sonori esagerati o inattesi;
• non agisce al di là del mio controllo: non si attiva da sola, mi consente di interromperla;
• non blocca il mio sistema, non mi costringe all’installazione di plugin;
• non costituisce l’elemento predominante della pagina;
• non si annida subdolamente tra i contenuti fingendosi parte di essi.

L’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’utente di fare distinzione tra pubblicità e link reale, produce una sorta di inganno molto spiacevole.

Dagli esiti della ricerca appare chiaro che l’efficacia di un banner non è tanto legata alla sua multimedialità, prominenza o intrusività quanto alla sua capacità di proporsi all’utente in momenti in cui è disponibile a cogliere il messaggio pubblicitario: durante la navigazione esplorativa, accanto ai risultati di una ricerca. E’ legata alla disposizione del layout e al compito dell’utente, alla pertinenza con i contenuti.
E nonostante questo la sfida sembra ancora essere a “chi grida più forte”, contravvenendo ad una delle regole auree della costruzione di pagine web: quando tutti urlano diminuiscono per tutti le probabilità di essere ascoltati.

Related posts:

1. SEO, USABILITA’ ED OTTIMIZZAZIONE DEL CODICE: CONVERGENZE E COMPROMESSI Le pratiche di SEO, usabilità ed ottimizzazione del codice presentano...
2. Test di usabilità online Prima esperienza con i test di usabilità online: utilizzo di...

Articoli correlati elaborati dal plugin Yet Another Related Posts.

Riflessioni sulla comunicazione

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: “ e contro il cancro, cosa hai fatto?“. Richiama all’azione: pensaci, prenota una visita, agisci per tempo. Non è uno scherzo.
Sul web non ho notato la stessa visibilità per la campagna.
Ne parlano diversi siti ma è difficile trovare un’immagine decente, il sito della sezione milanese è solo quinto nei risultati della ricerca (con una chiave molto specifica: “lilt contro il cancro cosa hai fatto”), terzo se si specifica “lilt milano”. Onestamente però, io che il manifesto l’ho guardato con attenzione, non avevo capito che la campagna è promossa dalla sezione milanese e credevo fosse nazionale.
Sul sito LILT nazionale 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/ “contro il cancro cosa hai fatto”) ma niente perciò sono tentata di concludere che la notizia sul sito nazionale non è proprio passata.
Infine, il sito della TBWA\Italia – curatrice del progetto – è fatto interamente in flash perciò l’indicizzazione in Google non è delle migliori. In ogni caso difficile che il target medio della campagna cerchi informazioni a partire dall’agenzia che firma il manifesto…

Questa mancanza di visibilità web è proprio un peccato perché riduce le possibilità di approfondimento per l’utente.
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’organizzazione, mi soffermo per una scorsa rapida e corro a lavoro.
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 .
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’invito a contattare i centri per la prevenzione (elenco degli ambulatori di Milano e nazionali).

No related posts.

Articoli correlati elaborati dal plugin Yet Another Related Posts.