Don’t click

Bad interface | Good interface | js/ajax - 03/05/2005 @ 2:09



Lo spunto questa volta viene da un geniale sito costruito in flash, che fa sperimentare all’utente un tipo di navigazione senza click: il sito è http://dontclick.it/.

Come si naviga senza premere il pulsante? Semplicemente tenendo il cursore sopra il link per alcuni istanti. In flash il risultato è carino, ma abbastanza poco intuitivo e difficile da memorizzare.

Come si potrebbe fare la stessa cosa con XHTML, CSS e JS (ovvero DHTML)?
Due piccole idee che sarebbe interessante esplorare:

  1. Quando il mouse è sopra un link, compare un div che contiene una barra che si riempie e quando la barra si è riempita completamente, il link viene attivato (al posto di una barra si può fare un conto alla rovescia)
  2. Quando il mouse è sopra un link compare un div con una forma particolare (potrebbe essere una L). Per attivare il link bisogna “percorrere” la L seguendo la freccia. Segue uno screenshot che senno’ non ci capisce una ceppa… (le zone rosse, sono le zone che il mouse non deve toccare affinchè il link venga attivato).

percorso


Commenta | Leave a Reply

CommentLuv Enabled
***