sou a inici > el taller > Missatge Transparent

Missatge Transparent

Basant-me en les idees i l'exemple que Aza Raskin dóna al seu article Monolog Boxes and Transparent Messages, he fet una versió més lleugera, ja que la del seu exemple usa la llibreria Mochikit, que és prou pesant per usar-la només per això.

La idea és mostrar diàlegs informatius a l'usuari que no siguin intrusius, és a dir, que no modifiquin o trenquin el seu flux de treball ni distreguin excessivament l'atenció d'allò que estan fent.

Picant el botó inferior podeu veure un exemple: el botó fa que es mostri un missatge a l'usuari que desapareix automàticament després de cinc segons o bé quan es mou el ratolí per sobre d'ell. Sota el missatge encara es pot veure el text de la pàgina, per tant el focus sobre allò què fèiem no desapareix i tampoc no hem de fer cap acció extra per tal de treure del davant aquest missatge:

Podeu baixar-vos el codi font i un petit fitxer d'exemple, si us interessa:

index.html: Pàgina d'exemple que mostra un únic botó com el de l'exemple d'adalt.
stylesheet.css: Pàgina amb els colors i fonts de la capa.
missatge.js: Funcions javascript per mostrar/ocultar la capa.

El codi està comentat i en ell es fa referència als llocs d'on provenen algunes de les eines usades, per si es vol particularitzar.

Està provat sobre Firefox 2+, Internet Explorer, Opera i Konqueror.

La gent de Humanized té un seguit d'idees i productes prou interessants en relació amb les interfícies i la interacció amb l'usuari.