di: Ester Liquori 20 Ottobre 2006
La fase di test di un sito può risultare lunga e noiosa. Troppo spesso però si perde credibilità per mancanza di dettagli importanti, per errori grossolani del testo, dei contenuti, per minimi bug che potevano essere facilmente risolti se gli sviluppatori si fossero presi la briga di operare qualche controllo. Sembra una sciocchezza, un voler cercare l'errore ad ogni costo ma l'accuratezza è sinonimo di professionalità.
Con questo articolo cercheremo di raccogliere le idee di base per un accurato e possibilmente rapido check-up del sito, da effettuarsi prima che questo vada online.
Premessa: i test vanno effettuati su più browser. Questa operazione va fatta a monte, ben prima del check-up finale perché il rischio è di avere impostato tutto il sito con funzionalità, codice, CSS non standard o non graditi ad un browser piuttosto che ad un altro. Il sito verrebbe dunque visualizzato in maniera completamente diversa da un browser all'altro: testo e immagini spostate, righe troppo poco spaziate, layer sovrapposti. Vediamo a titolo di esempio il sito italiano del Ministero del Lavoro e delle Politiche Sociali.
Figura 1 - Screenshot: Sito del Ministero del Lavoro in IE6
Figura 2 - Screenshot: Sito del Ministero del Lavoro in Firefox 1.5
In Fig. 1 troviamo il sito come lo si visualizza con Internet Explorer 6, in Fig. 2 con Firefox 1.5. Notiamo subito che nell'immagine catturata da Firefox, il layer con il logo della Borsa Nazionale del Lavoro si sovrappone al primo menu sinistro (A) e come i caratteri del corpo centrale risultino molto più piccoli rispetto ad Explorer (B).
Il test andrebbe effettuato possibilmente anche su diverse piattaforme. I valori degli schemi di default, infatti, cambiano dalle diverse piattaforme anche nelle implementazioni degli stessi browser.
Fare questo controllo alla fine del lavoro potrebbe significare diventare matti nel tentativo di trovare il comando di codice sgradito fra migliaia di righe corrette, il classico ago nel pagliaio. Nella migliore delle ipotesi dopo avere passato alcune ore a cercare cosa possa aver provocato "il disastro" scoprirete che è una sciocchezza facilmente risolvibile con poche modifiche.
Guida Progettazione siti webDall'analisi dei requisiti fino allo sviluppo e alla promozione:... |
Guida Pubblicare un sito webLe verifiche fondamentali da effettuare prima del lancio di un nuovo... |
Guida Architettura dell'InformazioneL'Architettura dell'informazione è la disciplina che permette di... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |