Storie di interfacce

Mercoledì 2 Settembre 2009 - 11:45

di Cesare Lamanna

Web Design

Della serie “Sono i dettagli a fare la differenza”. Situazioni minime incrociate nelle quotidiane scorribande per il web, ma magari sufficienti per evidenziare la criticità di certe scelte.

Ho un account Gmail e uno Live/Hotmail. Usando il servizio di posta di Google, trovo eccezionalmente utile e ben fatta la piccola barra che consente di selezionare selettivamente (scusate il gioco di parole…) i messaggi della casella:

screenshot

A seconda dell’operazione da compiere, con un solo click, posso selezionare i messaggi a cui applicarla. Possono essere tutti, ma potrei essere interessato solo a quelli letti o non letti, cosa che capita praticamente ogni giorno. In effetti, mi viene da dire in base alla mia esperienza che l’opzione meno frequente è proprio quella della selezione di tutti i messaggi.

L’interfaccia di Windows Live Mail presenta a sinistra, sulla fascia azzurra, un checkbox che consente la selezione di tutti i messaggi. Comodo. Ottimo. Peccato che, se ricevo tutti insieme quattro messaggi di spam, non sono ancora letti e voglio eliminare solo quelli, quel checkbox sia praticamente inutile… O tutti i messaggi o nessun messaggio.

screenshot

Gmail batte Live senza discussioni.

Ancora un caso. CSS Sprites è un servizio appena nato per la creazione automatica di sprites CSS. L’interfaccia è ancora in fieri, e la parte che mi interessa, quella per l’upload dei file, è già cambiata due volte in due giorni. Rimane secondo me un limite (che non è comunque solo di quel sito). Occhio allo screenshot:

screenshot

Per provare il servizio ho inizialmente caricato due immagini. A un certo punto mi è venuto in mente di fare il test solo con una. Bene, sarò un tonto e non l’ho vista, ma non ho trovato nessuna opzione per rimuovere il file che non mi interessava. Sarò un tonto, ma l’unico modo che ho trovato per tornare alla situazione di partenza e provare solo con un’immagine è stato quello di ricaricare la pagina.

Tags:

Categoria: Web Design | Permalink

Commenti

1

Ciao Cesare, ben tornato… riguardo l’esempio di css sprites, a rischio di essere pubblicamente smentito, sono abbastanza sicuro che i campi input file sono in sola lettura (e cioè tramite javascript non è possibile cambiarne il contenuto, anche se questo corrisponde a una stringa vuota), quindi l’unica soluzione è proprio quella di aggiornare la pagina.
ciao

# - postato da gianiaz - 02 Settembre 2009 - 13:38

2

Beato, a me da un errore js cliccando sul bottone “add files”… proprietà o metodo non supportato dall’oggetto..

# - postato da Senamion - 02 Settembre 2009 - 14:01

3

In tutta onestà confesso di non sapere se i campi “file” siano in sola lettura o meno. In qualsiasi caso, se voglio eliminare un file selezionato basterebbe manipolare il DOM eliminando l’input con il file errato e sostituendolo con un altro perfettamente identico ma vuoto.

Questa è la prima soluzione che mi viene in mente, magari ce ne saranno di migliori

# - postato da Paolo - 02 Settembre 2009 - 14:02

4

Sono sulla linea di Paolo. Da utonto e non da tecnico non posso che chiedermi perché se c’è il pulsante ‘Add new file’ non ce n’è uno ‘Remove this file’ :)

# - postato da Cesare Lamanna - 02 Settembre 2009 - 14:46

5

Confermo che i campi di input “file” sono sempre stati di sola lettura per JavaScript. E’ impossibile impostarne il valore e anche impostando un valore iniziale nell’attributo value, questo non compare nel campo (come se fosse sempre: value=”"). Questa limitazione di sicurezza ha le sue ragioni, anche se è ovviamente molto limitante nello sviluppo delle RIA.

# - postato da Alexandro - 02 Settembre 2009 - 15:02

6

Stavo cercando un esempio per spiegare meglio cosa intendevo e mi viene ancora una volta in aiuto Gmail. Pensavo a qualcosa di simile al modo in cui ti fa allegare più file: se ne carichi uno ’sbagliato’, hai a disposizione un checkbox, togli la spunta e non lo invii. Senza dover ricaricare la pagina :)

# - postato da Cesare Lamanna - 02 Settembre 2009 - 15:41

7

scusate la banalità ma sarebbe bastato selezionare il contenuto del campo “file” (la stringa con il percorso del file per intenderci) e cancellarlo.

poi se vogliamo rendere l’interfaccia migliore e aggiungere la funzionalità “cancella” file allora concordo con la soluzione di paolo

# - postato da saibal - 02 Settembre 2009 - 17:40

8

@saibal
Infatti, ma pare che l’ultima “moda” dei browser sia quella di rendere il valore dei campi file non modificabile direttamente dall’utente. Tutta l’interazione con questi campi è purtroppo limitata al solo pulsante Sfoglia. Firefox è stato il primo ad introdurre questa “novità” che non apprezzo moltissimo…

# - postato da Alexandro - 02 Settembre 2009 - 17:52

9

@saibal: ho detto ‘tonto’ non ‘idiota’ :) è la prima cosa che ho provato, ma come ha detto Alexandro, nada, non è modificabile, almeno su Firefox, non so su IE (su Safari l’upload standard non va proprio…)

# - postato da Cesare Lamanna - 02 Settembre 2009 - 19:03

10

Hello Cesare, excuse me, I can’t express myself in italian.

I am the http://css-sprit.es author, I translated your post to find your critic. I posting here to thank you about this, this is really insightfull! Also I added the feature to delete unwanted fields.

Cheers,
Nico

# - postato da Nicolas Crovatti - 02 Settembre 2009 - 22:04

11

Hello Nico, I’m glad to see that you found my critic insightfull and useful to improve CSS Sprites :)

# - postato da Cesare Lamanna - 03 Settembre 2009 - 10:20

12

x cesare
sì lo so cosa hai scritto ma a me ha funzionato su FF windows… cancello la stringa e via.

ciauzz

# - postato da saibal - 03 Settembre 2009 - 10:49

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento