L’importanza del prototipo nello sviluppo web

Da qualche tempo ho radicalmente cambiato il mio rapporto con i clienti e gli utenti. Ho affiancato al solito documento con l’analisi delle funzionalità del sito una serie di mappe chiarificatrici su quello che approssimativamente diventerà il risultato finale.

Questo pensiero ce l’avevo in realtà da diverso tempo, ma non ho mai trovato uno strumento che mi permettesse di realizzare prototipi con quello che mi verrebbe da definire un buon rapporto risultato/tempo impiegato. Non voglio neppure ricorrere al carta e matita, non tanto perché li trovi strumenti obsoleti (tutt’altro), ma piuttosto perché voglio avere la possibilità di modificare e integrare successivamente quello che realizzo.

Ho però recentemente provato a usare delle estensioni gratuite (stencili) per Visio di Microsoft, realizzate da Henrisk Olsen di Guuui.com, sito dedicato all’usabilità che vale una visita e forse anche una iscrizione al feed Rss.

Finalmente riesco in pochi minuti – e per pochi intendo anche 10, 20, a seconda della complessità della pagina, a realizzare un dignitoso e non ambiguo prototipo che chiarisce le idee a me e (soprattutto) al cliente.

La cosa che ho trovato particolarmente comoda di queste estensioni è la possibilità di definire uno sfondo comune a tutti i template senza doverlo ripetere in ogni pagina, e il corredo veramente ricco di controlli da inserire nella pagina.

Un sito aiuta a limare i fogli di stile

Lo sforzo di chi sviluppa siti web oggi è quello di realizzare pagine leggere mantenendo comunque ottimi risultati visivi. Questo vuol dire impiegare pesantemente i fogli di stile, che possono bene presto diventare dei file di un certo peso.

Sicuramente il browser carica il figlio solo la prima volta (a meno che questo non cambi), ma è comunque possibile impiegare qualche accorgimento per limitarne la dimensione e in generale ottimizzare i fogli di stile.

Questo è proprio lo scopo di Css Optimizer, un servizio web gratuito (che si affianca a molti tool da scaricare) che permette di comprimere e accorpare le regole del foglio stile.

Ma ha senso farlo? Probabilmente sì, anche se sono d’accordo con Dave Shea quando dice che dovete comunque conservare la copia originale, se in futuro avete bisogno di metterci le mani.

Cheat Sheet per tutti i gusti

I Cheat Sheet sono degli specchietti riassuntivi, generalmente contenuti in un solo foglio, che riportano l’elenco delle funzioni di un linguaggio di programmazione.

Sono un rapido riferimento per chi lavora con diversi linguaggi e fa fatica – ed è facile credergli – a tenere tutto a mente.

Pete Freitag gestisce una lista in cui ne raccoglie un buon elenco, dai Css ai database, da Php a Unix. Un elenco da aggiungere ai preferiti