Nel realizzare un social network come fitnesspeople.it, mi sono scontrato con la necessità di riuscire a far convivere una bella struttura grafica con l'usabilità lato utente. Non sempre le due cose vanno d'amore e d'accordo; anzi il più delle volte le scelte migliorative lato grafica sono peggiorative lato usabilità, e questo vale anche al contrario dove il miglioramento lato usabilità equivale ad un peggioramento lato grafica. Una di queste situazioni riguarda i messaggi di drupal, quelle stringhe di testo inserite nella variabile $messages, che per alcuni possono essere irrilevanti, ma che in un social network diventano quasi fondamentali.

Il tema di Fitnesspeople.it è stato creato partendo inzialmente da un tema gia' fatto per lo stile iniziale, ma alla fine ricreato da zero dal grafico di cui mi avvalgo per la parte “bellezza” di quasi tutti i siti web che realizzo (arrivato in un secondo momento, a scelta ed acquisto del tema iniziale gia' fatta). Il problema è nato nel momento di far visualizzare all'utente i famosi messaggi, come ad esempio quelli del modulo delle relazioni, uno dei punti focali di ogni social network.

Quando si crea un tema per Drupal si tende sempre a racchiudere il contenuto della variabile $messages all'interno di un div, da far visualizzare ad inizio pagina prima di ogni altro contenuto.

Il problema nei siti di un certo livello grafico è l'inserimento di questo contenuto all'interno della grafica, perchè se da un lato il box dei messaggi deve essere creato in modo tale da non “sfasciare” il lavoro del grafico, dall'altro deve essere anche ben visibile all'utente che altrimenti si perderebbe, magari, delle informazioni importanti. La richiesta di amicizia in un social network direi che è una cosa importante. Perdersi tale informazione puo' far scadere il portale in termini di utenti.

Per riuscire ad unire grafica ad usabilità ho deciso di iniziare a vedere cosa Drupal mi offrisse, prima di passare ancora una volta da Andrea (il grafico), che comunque ha un costo. Cercando per la parola “message” nella lista dei moduli di drupal l'occhio mi è caduto sul modulo “better messages” (http://drupal.org/project/better_messages): questo modulo crea una piccola “finestra” contentente i messaggi ed usa i colori per farli distinguere più facilmente da parte dell'utene. A seconda della gravita, il colore del testo sarà:

• verde: un messaggio normale, come la richiesta di amicizia

• giallo: un messaggio da leggere con attenzione

• rosso: un messaggio da leggere con molta attenzione perché il più delle volte precede un grosso guaio, come un errore grave.

Ecco un esempio:

Come vedete non si puo' dire che i messaggi non siano ben visibili. Il cliente è rimasto soddisfatto della mia scelta, ed io pure, perché ancora una volta son riuscito a trovare quello che mi serviva tra i tanti moduli che Drupal mette a disposizione, così da farmi risparmiare giornate di lavoro dedicate ai messaggi.

L'installazione del modulo è come al solito semplice e si traduce nel copiare il contenuto del file scaricato da drupal.org all'interno della directory dedicata ai moduli non facenti parte del core; solitamente questa è /sites/all/modules, ma nelle installazioni multi-dominio potrebbe anche essere diversa. Una volta copiato basta abilitare il modulo dalla solita pagina di amministrazione ed il gioco è fatto.

M.

PS: il sito è in fase di traduzione per quelle righe di testo che ancora sono "indecise".