user experience

WIF 2012

Domani 16 marzo alle 12 avrà inizio l’ Interactive Design International Festival 2012 (o WIF), un concorso internazionale che prevede l’ideazione e lo sviluppo di un progetto (sito web, applicazione per mobile).. il tutto in sole 24 ore!

Prenderò parte a questo contest insieme a @DamianoPlebani, @garusky e @kesonno.. @ResponsivITALY sarà il nome del nostro team, che sfiderà i 150 gruppi partecipanti per cercare di raggiungere l’obbiettivo della finale a Limoges (Francia) in cui solo i migliori 15 si scontreranno!

Se vuoi supportarci, segui su twitter le avventure del team @ResponsivITALY: saranno 24 ore di cronaca, curiosità e anticipazioni.. il tutto innafiato da fiumi di redbull. :)

Dal sito al wireframe: con Wirify il reverse engineering del web design

Nel mio lavoro di web developer, insieme a colleghi web designer ed esperti di usabilità, mi è spesso capitato di dover riprogettare pagine o intere sezioni di un sito, di un portale, di una applicazione. In questi casi, l’esigenza è spesso quella di non ridisegnare tutto da capo, ma partire dall’esistente per rivedere il posizionamento di certi elementi e riprogettarne l’usabilità, oppure rivedere gli spazi per introdurre l’interfaccia grafica al supporto di nuove funzionalità.
Read More…

Web design e usabilità: controllare la tipografia con i CSS

Quante volte sarà capitato a ciascuno di trovare sulla carta stampata un testo lunghissimo, scritto tutto appiccicato e con caratteri piccoli? Il pensiero che salta quasi subito in mente è “Ma chi me lo fa fare di leggerlo tutto?”.

Nonostante tutto, sulla carta stampata è più semplice leggere: è meno faticoso per la vista e siamo sommariamente abituati a rimanere concentrati sulla lettura anche di testi mediamente lunghi.

Cerchiamo di tenere presente che il web non funziona così.

Ci sono alcuni fattori da tenere in considerazione, tra cui:

  • la vista si affatica: per l’occhio la lettura sullo schermo è un’operazione che richiede uno sforzo in più, soprattutto su schermi di vecchia generazione
  • una pagina web è fonte di continua distrazione: banner, immagini, link.. tutto porta l’utente a muoversi velocemente da una parte all’altra della pagina e ha difficoltà a rimanere concentrato
  • sul web non si legge, ma si scansiona: questo è un concetto fondamentale che bisogna sempre tener presente e che completa la panoramica dell’atteggiamento dell’utente medio.
    L’utente non ha tempo di aspettare per trovare le informazioni che sta cercando ed è un discorso che non riguarda solo i tempi di caricamento delle pagine: nessun utente si prende (direi a ragione) la briga di leggere tutto il testo presente in una pagina web ed è per questo che le informazioni devo presentarsi in modo pulito, ben separate e facilmente rintracciabili da una scansione visiva della pagina della durata di pochi secondi.

L’utilizzo corretto dei CSS al fine di curare la tipografia delle pagine web ci permette di presentare i nostri contenuti nel modo migliore possibile.

A questo proposito vi suggerisco un interessante articolo del sito SmashingMagazine.com dal titolo 8 simple ways to improve typography in your design: l’articolo è in inglese, con immagini e frammenti di codice esplicativi.

Il modo corretto per manutenere un sito

Vi segnalo un interessante articolo a proposito della manutenzione dei siti web dal titolo 10 Measures for Continuous Website Maintenance, scritto da Jens Meiert qualche mese fa.

L’articolo tocca molteplici punti, riflessioni che invitano ad un utilizzo migliore delle proprie risorse al fine di dare una migliore esperienza all’utente rendendo più performante e mantenendo aggiornato il proprio sito.

Le attività proposte sono indubbiamente dispendiose in prima battuta (motivo per cui moltissimi mantainer non si preoccupano minimante di affrontarle) ma, col passare del tempo, aiutano a rendere il proprio sito (e il web) “un posto migliore”. :)

 Scroll to top