29
05
07

Online community graphic redesign: come non ascoltare.

22:02 Life

Non citerò persone né luoghi, perché non mi interessa accusare né portare avanti inutili campagne contro qualcuno. Recentemente sono però stato partecipante esterno al remake grafico di un forum, rientrante fra quelli ad alta popolazione.

La premessa purtroppo è che tale sito e forum annesso ha avuto una storia piuttosto tragica di design male realizzati e grafiche decenti ma povere sia tecnicamente che dal punto di vista dell’usabilità.
Per questo motivo, in questo caso è stato contattato per il lavoro un giovane grafico brillante, ma – seppure dotato di un portfolio online – con scarse competenze web.
Il risultato è stato un lavoro esteticamente valido, che è stato correttamente proposto ai moderatori per presa visione, anche perché gli amministratori sapevano di avere persone competenti in questo campo fra i mod (incluso me).

Ad una prima visione, io ed altri moderatori abbiamo riscontrato i seguenti problemi:

  1. Font delle pagine troppo piccolo (10px) – difficile leggere.
  2. Contrasto non elevato fra i vari elementi da leggere e lo sfondo – peggiora il problema dei font.
  3. I link in varie sezioni avevano grafiche e hover diverse – difficile capire cosa era un link.
  4. Una soluzione grafica comportava i bottoni dei post uniti tutti assieme fra di loro – difficile distinguere dove finiva uno e iniziava l’altro.
  5. Alcune sezioni avevano dei background con un pattern di righe diagonali – fastidioso.
  6. La grafica non stava dentro 1024px di larghezza – scrollbar orizzontali sulla risoluzione più diffusa oggi.
  7. Alcune icone dell’editor WYSIWYG erano state cambiate rispetto agli ’standard’ di Word – difficile capire la funzione di quei pulsanti dopo la modifica.
  8. Erano stati stravolti i colori delle faccine, cosa che chiunque conosca minimanete le dinamiche sociali di un forum sa quanto sia problematico cambiare.

Le critiche sono state tutte lette da ‘chi di dovere’ – davvero, non so chi sia, se una persona o uno staff – e considerate marginali o intestardimenti da usabilisti. Il risultato ottenuto è stato che è sparito il pattern a righe e che il font è passato da 10px a 12px. Peraltro, 12px rimane più piccola della minima consigliata di 14px.
La motivazione addotta è che il sito associato al forum ha la stessa dimensione: il fatto che quella stessa grafica fosse un abominio e venne criticata pesantemente al momento del lancio anni addietro non ha toccato i pensieri di nessuno.

Il motivo? Il grafico era convinto delle sue scelte e aveva l’amministrazione del sito che lo sosteneva nelle sue scelte. La stessa amministrazione che trovava “fantastiche” le grafiche precedenti di sito e forum, ricordo.

Quando il sito è andato online con la nuova grafica, il risultato è stato che un ampio numero di utenti si è lamentato di tutte le cose che erano state segnalate da noi inutilmente. Di base, le critiche si sono allineate tutte intorno a questo modello: “bella grafica, ma è illeggibile“.

Avere professionalità e non usarle è più grave di non averle.

In questo modo, quel forum ha perso l’ennesima occasione di fare un vero salto di qualità: ora possiede un forum più bello del precedente, ma paradossalmente meno efficace sulla cosa più importante in un forum: leggere.

Peraltro, è degno di nota che anni addietro fui io stesso a consigliare all’allora amministratore di aumentare il font da 12px a 14px e altre piccole migliorie.

Oltre 8 anni di storia sembrano non aver insegnato niente. Il fatto è che probabilmente essendo stato utente prima e moderatore poi per oltre 4 anni, me la prendo troppo a cuore e non dovrei. :(

Qualche precisazione, visto che il post è stato linkato:

  1. La colpa in questo caso non è del grafico. Lui ha fatto un ottimo lavoro, per le sue competenze e le richieste che gli sono arrivate (e probabilmente anche il budget).
  2. Il punto di questo post è una serie di problemi di comunicazione e il fatto che non sono state valutate correttamente delle critiche in luce delle modifiche da farsi.
  3. Le critiche sono state prese come ’semplici opinioni’ invece che come ‘elementi rilevanti’, questo è stato sicuramente il problema maggiore.

9 comments Add yours below

1

Gabriele 2007 05 29 at 22:24

I campi required non si leggono, i colori troppo accesi mi hanno ucciso 9/10 e il font qua sotto che indica quali codici sono permessi non rientra nelle dimensioni consigliate dal W3C.

In ogni caso bello leggere certe cose sui blog linkati dagli utenti piuttosto che nella propria finestra di MSN.

Ti fa capire il valore delle persone :)

Ciao ciao.
2

funazza 2007 05 29 at 22:28

ma state scherzando?

pazzesco.

a parte il fatto che PERSONALMENTE non ho nessun tipo di problema né a leggere né a nessun'altra cosa, ma parlarne in questi termini, in un altro posto mi sembra decisamente offensivo
3

CavaliereOmbra 2007 05 29 at 22:39

Sono stato il primo a criticare il font troppo piccolo della nuova grafica (e l'ho fatto senza farmi problemi), ma sinceramente trovo un po' troppo aspre queste critiche e mi pare che nell'insieme il nuovo stile è molto gradevole.
E poi adesso il font è anche stato un po' aumentato... il che significa che tutto sommato il grafico non è che non ascolti le segnalazioni degli utenti.
4

Riccardo 2007 05 29 at 22:50

Non per rincarare troppo la dose, ma se dovessi avere quel comportamento con i miei clienti col cavolo che lavoro, per il resto condivido praticamente tutte le osservazioni di Folletto.
5

Folletto Malefico 2007 05 29 at 23:02

Ho scritto anonimo di proposito. Nessun nome, nessun fatto né avvenimento è citato. Né i nomi. :)

Vi prego di scusarmi se si sono offese persone: l'anonimato è fatto di proposito perché non sia una questione personale, ma un insegnamento esterno verso chi si troverà in situazioni simili, me incluso. :)
6

FollowTheMedia aka Mister X 2007 05 30 at 11:06

A me tutta questa storia sembra una follia...
Non era assolutamente necessario discuterne in luoghi esterni.
7

Tanzen 2007 05 30 at 12:07

Ripararsi dietro all'anonimato mi fa solo salire il nervoso, basta fare 1+1 per capire di quale forum si tratta e a chi, Folletto, ti stai rivolgendo.

Oltre a fare illazioni del tutto inesatte su budget, richieste o altro, oppure ancora affermare frasi del tutto false quali:

"La stessa amministrazione che trovava “fantastiche” le grafiche precedenti di sito e forum, ricordo."

Cosa assolutamente non vera e dettata dalla scarsa conoscenza del fatto che Multiplayer.it è un sito pachidermico e immenso, che per cambiare di layout e grafica ha bisogno di tanti mesi solo di progettazione, comunque in atto e che verrà applicata appena terminata tutta la fase di progettazione.

Sparare a zero e poi chiedere scusa mi delude ancora di più, soprattutto da una persona che fino ad oggi era sulla stessa barca, e che avrei trattato con molta più leggerezza se non ci fosse stata.
8

Folletto Malefico 2007 05 30 at 13:01

Fino a prova contraria, l'anonimità del testo sarebbe rimasta tale se non fosse stato espresso un collegamento diretto dai commentatori.
E non mi son rivolto a nessuno di voi, qui. Ho parlato con tutti, in faccia, più e più volte. E anche pubblicamente. Questo era un modo per portare 'fuori' un problema oggettivo che c'è stato. Era difficile, senza dubbio. Ho sbagliato in modo, probabilmente.

In secondo luogo, Tanzen, queste critiche sono state rivolte più e più volte, anche ben prima che tu arrivassi. Quindi no, non è scarsa conoscenza. :)

In terzo luogo, ho chiesto scusa per le persone, non per i fatti. Quelli non si cambiano ed è un dato di fatto che sia stata gestita male la cosa. Se poi, vuoi proseguire insistendo che è stato fatto tutto il possibile, allora è un altro discorso, che non fa che avvalorare la mia tesi.

Peraltro: questo blog è (era?) letto da una piccolissima minoranza che avrebbe potuto collegare i fatti. Ed è un dato di fatto. La mia vita non gira su M.it.

9

Folletto Malefico 2009 06 01 at 00:48

Nota storica, a due anni di distanza viene rifatto un nuovo remake. Senza sollevare altre questioni, mi limito a rivedere i punti di cui sopra:
1. Font: 10pt, equivalente più o meno ad un 13px - OK.
2. Contrasto: #333333 su #EEEEEE - OK.
3. Link: ad un primo sguardo sembrano OK.
4. Bottoni: separati - OK.
5. Background: colori uniformi - OK.
6. 1024: sparita la scrollbar orizzontale - OK.
7. Icone: le icone son ancora cambiate - NO.
8. Faccine: rimasti i colori variati, anche se cmq non avrebbe avuto alcun senso cambiarli ancora. Niente da dire.

In generale la grafica è stilisticamente meno bella di quella che criticavo sopra (che infatti esteticamente era valida) ma non ha rotto nuovamente gli elementi che citavo (e che in parte erano poi stati sistemati).

Leave your Comment

required

required, hidden, never shared

Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post ~ Subscribe to the comments via RSS Feed