Set di icone personalizzate per il nostro sito servizi — 40 pittogrammi

Il nostro sito servizi è cresciuto per tre anni, e le icone in esso sono arrivate da ogni dove: alcune sono state estratte da un pacchetto gratuito, alcune sono state disegnate da uno sviluppatore di fretta, alcune sono avanzi di una landing page che abbiamo ritirato molto tempo fa. Affiancate sembrano estranee. Differenti pesi del tratto, differenti raggi degli angoli, un glifo riempito e il successivo contornato, e il carrello si trova due pixel più in basso di tutto il resto. Sulle schede delle sezioni questo è semplicemente disordinato. Nella tabella dei prezzi e nel menu mobile inizia a costarci denaro: le persone rallentano, cercano con gli occhi la didascalia e finiscono per chiamare per chiedere di cosa tratta effettivamente una sezione.

Quindi vogliamo un set disegnato per noi, su una singola griglia, e vogliamo che copra il sito piuttosto che uno schermo demo. Quaranta pittogrammi per i nostri servizi e sezioni, lo stesso peso ottico in ognuno di essi, e un comportamento che sopravvive all'uso reale: piccolo nel menu, grande su una scheda, su uno sfondo chiaro, su uno sfondo scuro, più stati di hover, premuto e disabilitato per tutto ciò che può essere cliccato. Quaranta icone oneste che si tengono insieme valgono di più per noi di ottanta che sembrano buone solo disposte in una griglia di presentazione.

Tre condizioni sono importanti per noi e ci piacerebbe che fossero concordate prima dell'inizio del lavoro. Le icone sono disegnate da zero: i set esistenti non vengono ridisegnati, ritracciati o "riadattati" nel nostro, nemmeno parzialmente. Il significato di un pittogramma viene testato su persone piuttosto che indovinato, quindi mostreremo i glifi senza contesto a pochi colleghi e a pochi esterni e chiederemo cosa significa ciascuno; qualunque cosa non venga letta viene ridisegnata, e un pittogramma poco chiaro viaggia sempre con un'etichetta testuale. E la dimensione e il peso del tratto vengono giudicati su uno schermo alla scala in cui l'icona viene realmente utilizzata, non solo su una tavola artistica ingrandita dove quasi tutto sembra elegante.

Cosa ci aspettiamo di ricevere:
— 40 pittogrammi su una griglia, con un peso del tratto e una logica degli angoli;
— versioni su sfondo chiaro e scuro dell'intero set;
— stati di hover, premuto, focus e disabilitato per le icone interattive;
— font vettoriali puliti, nominati secondo una singola convenzione;
— un font di icone (o uno sprite altrettanto utilizzabile) con una pagina demo che mostra l'intero set;
— leggibilità controllata su pagine live alla dimensione più piccola che utilizziamo realmente;
— una breve guida scritta per disegnare nuove icone nello stesso stile, così possiamo estendere il set noi stessi.