Archivio per la Categoria ‘Usabilità’ Category
Come si fa un test di usabilità? Cosa testare
Nello scorso articolo abbiamo visto in maniera molto generica cos’è un test di usabilità, dove e perché si svolge, chi lo fa e quando andrebbe affrontato… in questo articolo affronteremo invece il “come” e precisamente ti parlerò di come prepararti, partendo dal cosa testare. || Leggi altro »
Test di usabilità: le 5 W
È passato un po' di tempo dai miei ultimi articoli sull'usabilità... Avrai quindi avuto il tempo di metabolizzare e comprenderne l'importanza, vero? Altrimenti una bella rinfrescata, con questo caldo che insiste nonostante siamo ormai a settembre, non può farti altro...
MobileDetect: Come rilevare i dispositivi mobili?
Negli ultimi tempi ho trattato l’argomento dei dispositivi mobili ed in particolare quello del nuovissimo framework jQuery Mobile (giunto nel frattempo alla versione beta). Mi é stato chiesto da più parti un sistema per rilevare questi dispositivi in modo da...
jQuery Mobile: Il submit di un form
Dopo avere visto, nel precedente articolo di questa serie, la gestione dei form dal punto di vista “stilistico”, in questo tutorial vedremo un’applicazione pratica. Ci si potrebbe domandare che bisogno c’é. Ebbene jQuery Mobile, oltre a gestire il layout del...
jQuery Mobile: La gestione dei form
In questo articolo vedremo come jQuery Mobile sia in grado di fornire un ottimo supporto nello sviluppo di form. Nel dettaglio andremo a vedere come, seguendo delle semplici convenzioni di markup, sia possibile sviluppare senza fatica un form come questo,...
jQuery Mobile: La gestione avanzata delle liste
Continuiamo la serie di tutorial dedicati a jQuery Mobile con questo articolo nel quale svilupperemo una piccola applicazione con tanto di database e chiamate asincrone. Lo scenario sarà l’ottimizzazione per dispositivi mobili della pagina degli autori di YIW. Il risultato...
jQuery Mobile: La gestione delle liste
Nel precedente articolo ci eravamo lasciati con una semplice struttura di pagine. Nella pagina interna si sarebbe dovuta trovare una rubrica. In questo tutorial riprenderemo quella struttura e la completeremo con appunto la rubrica che realizzeremo con il supporto per...
jQuery Mobile: La struttura delle pagine
In un recente articolo, ho trattato il tema dell’ottimizzazione dei siti web per i dispositivi mobili, un nuovo e sempre più importante ambito del nostro già complesso lavoro. Oggi ritorno sull’argomento per iniziare una serie di articoli su jQuery Mobile,...
Spunti su come ottimizzare un sito web per dispositivi mobili
L’enorme sviluppo nell’ambito dei dispositivi mobili ci impone di prestare la massima attenzione a questa sempre più importante fetta di mercato di potenziali utenti, che accederanno al sito che stiamo sviluppando con risoluzioni di molto inferiori agli standard (320 x...
Usabilità: Come Scrivere per il Web?
L'avrai letto tante di quelle volte che ormai ti suonerà banale, un modo di dire quasi insensato ma... Content is the king, il contenuto è il re. Ma allora perché non ne se ne parla mai? Si parla di come...
Form accessibile: la validazione e uno sguardo al futuro
Eccoci qua, al terzo appuntamento con la realizzazione di un Form accessibile: dopo aver visto il codice (x)HTML ottimizzato per la struttura, i metodi CSS per posizionare gli elementi e per dare "anche all'occhio la sua parte", oggi daremo "dinamicità"...
Form accessibile: come posizionare gli elementi e renderlo attraente?
Ci eravamo lasciati con gran suspance, curiosi di vedere come il nostro brutto anatroccolo, di difficile comprensione, si sarebbe trasformato in uno splendido cigno... e ora sei pronto per seguirmi in questo processo di trasformazione attraverso il codice CSS? (altro…)
Come realizzare un form accessibile e con codice ottimizzato?
Dopo tanta teoria ed esempi di cosa non fare, oggi finalmente ci sporcheremo le mani con un po' di codice , andando a vedere come realizzare un form accessibile e con codice standard. Nella stragrande maggioranza dei casi infatti, i...
Accessibilità e realtà (prima parte): la galleria degli orrori
Mi capita di leggere fin troppo spesso in rete, pareri di web-designer (o presunti tali) che dicono di farsi pagare a parte la compatibilità con browser come Internet Explorer 6 e addirittura l'accessibilità del sito. Se hai letto i miei...
Accessibilità: come e perché stare attenti ai colori da utilizzare?
Negli articoli precedenti, della serie "Perché pensare tipograficamente rovina il tuo sito?", abbiamo già parlato di dover prendere in considerazione la personalizzazione a cui può essere sottoposto un sito web da parte dell'utente e delle font standard, tralasciando però una questione...
Perché pensare tipograficamente rovina il tuo sito? (seconda parte)
Un paio di settimane fa abbiamo parlato di come alcuni assunti della grafica tradizionale vengano conservati e riutilizzati erroneamente in ambiente web: ad esempio la definizione dell’altezza negli elementi componenti il layout. Ma ci sono altri errori molto comuni da...
Perché pensare tipograficamente rovina il tuo sito? (prima parte)
Non essendoci percorsi di studio obbligati per il nostro settore, spesso ci si avvicina al web-design senza alcuna base di grafica e composizione; altrettanto spesso si cambia rotta sul web-design partendo da una formazione in grafica tradizionale. Ovviamente in entrambi...
L’autocompletamento di un campo, una nuova ui di jQuery (1/2)
Tra le novità introdotte recentemente da jQuery, troviamo finalmente (mancava proprio) un’estensione per l’autocompletamento dei campi form; sto parlando del metodo autocomplete appartenente alle user interface. Questa ui permette, con la consueta disarmante semplicità, di implementare una ciliegina di usabilità...
Perché gli utenti fuggono dal tuo sito?
Te ne sarai accorto da solo: nell'epoca del web 2.0, della condivisione sociale, le informazioni sono raggiungibili da più fonti differenti (anche se spesso meno autorevoli rispetto a un periodo precedente). Spesso quindi un utente può trovarsi sul tuo sito...