May 2008 Blog Posts
Wednesday, May 28, 2008 1:11 PM
direi che è ancora molto lontana!
Sportello della Unicredit sotto casa. Devo prelevare. Ad ogni azione corrispondono 2 bip.
Mi incasino. Non capisco se per sbaglio sto cliccando due volte lo stesso tasto o se c'è un ritardo tra quando schiaccio il tasto e quando viene registrato l'evento.
Riesco a prelevare, ma mi trovo a disagio e sono costretta ad omettere l'attenzione verso i segnali acustici o ad usarne di più per collegare segnale acustico ed evento sul click.
Io dovrei essere un esempio di utente "smart" perchè non solo lavoro abitualmente con diverse tipologie di interfacce, ma le progetto.
Eppure mi incasino nell'eseguire un semplice prelievo allo sportello Bancomat perchè il segnale acustico non mi da un feedback corretto rispetto all'azione fatta: naturalmente mi aspetterei un singolo bip per ogni azione.
Questa è solo l'ultima di una serie di difficoltà che ho trovato nell'uso delle interfacce dei bancomat. E pensare che per la mole di utilizzo che ne facciamo nella vita quotidiana, dovrebbe incontrare in mondo quanto più naturale possibile i nostri schematismi mentali acquisiti.
Wednesday, May 14, 2008 10:26 AM
Per prima cosa vorrei ringraziare tutti per il supporto e il caloroso benvenuto!
Dopo un po' che vedo in giro e ne sento parlare ho finalmente avuto l'occasione di utilizzare una libreria CSS, nel mio caso specifico quelle messe a disposizione da Dreamweaver CS3.
Il codice è fatto tutto su div, corretto in XHTML 1.0 transitional. Avevo fretta (una cosa strana!!) e trovarmi la griglia di base già pronta è stato davvero comodo. Poi alla fine, rivedendo con calma il codice, l'ho cambiato talmente tanto che non è rimasta traccia del template originale :)
Comunque vi riporto un esempio della griglia "template 2 column fixed, left sidebar":
<body class="twoColFixLt">
all'interno del body troviamo :
<div id="sidebar1">
<h3>Sidebar1 Content</h3>
<p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if it will always contain more content. </p>
<p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<!-- end #sidebar1 --></div>
il CSS relativo:
.twoColFixLt #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 10px 15px 20px;
}
Come prima esperienza con una libreria è stata positiva. Mi ha permesso di avere velocemente un'idea dell'impostazione, saltando la parte di struttura base e concentrandomi sulle particolarità del mio progetto.
Prossimamente testerò altre librerie, tipo quella di Yahoo. (http://developer.yahoo.com/yui/ - http://developer.yahoo.com/yui/grids/)
Wednesday, May 07, 2008 5:42 PM
Da due anni mi occupo di visualizzazione delle informazioni per un progetto scientifico.
Sicuramente l'esperienza che ho fatta riveste un grande valore per me anche perchè mi ha permesso di affrontare tematiche nuove.
Ormai alla fine di questa mia esperienza, pubblicherò insieme ad un mio collega un articolo su MokaByte, all'interno di una serie dedicata a Processing.
La visualizzazione di dati è una parte della User Experience, nel senso più ampio di questo termine ed è oltre ciò che comunemente intendiamo come Webdesign.
Se per questo utilizziamo ben noti approcci cognitivi, nella visualizzazione di dati dobbiamo costruirne e cercarne di nuovi perchè la struttura delle informazioni e le informazioni sono di volta in volta molto diverse. Esse richiedono una comprensione da parte di chi va a visualizzarle molto più approfondita di quella che "normalmente" coinvolge chi costruisce un sito o un software.
Partire dall'applicazione delle buone regole del Webdesign per poi fare un'attenta e accurata ricerca tra scienza cognitiva e interaction design ci può essere di aiuto in un progetto di questo tipo.
Riporto alcuni dei testi che ho utilizzato e il mio sito preferito su questa tematica.
Bibliografia:
R. Spence [2007], Information Visualization, Design for Interaction – 2nd ed., Perason Educated Limited
E. R. Tufte [1983], The visual display of quantitative information, Graphic Press
E. R. Tufte [1990], Envisioning Information, Graphic Press
Stuart K. Card, Jock D. Mackinlay, Ben Shneiderman [1999],Readings in Information Visualization, Morgan Kaufmann
Risorse online:
http://www.visualcomplexity.com/