Clicca sulle stelline per votare
Attualmente voti: 0 media: 0

Test e suggerimenti per il sito del corso di HTML

Di Daniele Vietri @ 26/06/2009 - in Corso di HTML - Commenti (0)
Questo post è stato letto 1458 volte in 399 giorni.

Prima di pubblicare le pagine del corso per siti web ho chiesto ad alcune persone un parere e qualche test: chiarezza dei contenuti, percorsi degli utenti, funzionamento dei moduli, compatibilità cross-browser, semplicità d'uso, etc. Devo dire che si sono scatenati e anzi... fortuna che esistono gli amici! : - D

Ho seguito ed applicato la maggior parte delle proposte e dei consigli perché mi sembravano molto validi (grazie!). Il confronto è sacro e risulta ancor più evidente l'importanza di mostrare spesso il lavoro ad altri: infatti una buona parte di quei suggerimenti li avrei dati anche io se qualcuno mi avesse sottoposto lo stesso progetto. Però quando si lavora da molto tempo sulla stessa cosa alcune caratteristiche perdono visibilità, seppur importanti. Insomma, la teoria dell'elefante in salotto. : - D Eccoli.

Problemi e suggerimenti tecnici

- Bug: problema Javascript in home page con Microsoft Internet Explorer 6 e 7, finestra di alert e caricamento continuo della pagina.
Risolto: dovuto ad incompatibilità tra Prototype e jQuery, ho verificato l'uso delle librerie e utilizzato la seconda per tutto quello che mi serviva.

- Imperfezione: la mia fotografia nell'intestazione mancava di anti-alias sulle maniche della giacca.
Risolto: gli ho dato una spruzzatina di appretto e tutto è tornato a posto. ; - ) Inoltre prima usavo una PNG con sfondo trasparente che non funziona su alcune versioni di browser, ho quindi convertito l'immagine in una GIF.

Problemi e suggerimenti sulla facilità d'uso

- Suggerimento: il link all'informativa sulla privacy, presente nel form a sinistra, si apre nella stessa finestra del sito e questo potrebbe portare alla perdita di tutti i dati appena inseriti nei campi dello stesso form.
Risolto: inserito l'informativa in un popup poiché i suoi contenuti non hanno rilevanza per i motori di ricerca.

- Suggerimento: chiedo di usare una sintassi particolare per la causale del bonifico tra cui la data del corso nel formato GG/MM/AA, ma non tutte le banche (online) permettono l'uso di caratteri speciali.
Risolto: ho creato un codice alfanumerico identificativo di ogni corso e chiesto a chi desidera iscriversi di indicare quello nella causale.

- Suggerimento: i link non sono sottolineati.
Non risolto: ho scelto di mantenerli così nonostante il suggerimento abbia solide fondamenta. Nel sito i link sono ben evidenziati dai colori, dalle immagini o da altri elementi e comunque oramai risulta piuttosto famigliare anche un link senza sottolineatura. In futuro proverò a ragionarci nuovamente in base ai risultati.

- Suggerimento: in home page alcuni link vengono ripetuti su frasi diverse (si parla dei 6 link divisi in coppie sulle tre colonne dell'intestazione) e questo potrebbe causare confusione nel visitatore.
Non risolto: ho scelto di mantenerli così perché ogni link porta ad un contenuto pertinente e perché quelle pagine sono fondamentali per la scelta del corso, è insomma una modalità per indurre alla lettura di alcune aree del sito.

Problemi e suggerimenti sulla comunicazione

- Imperfezione: i ruoli delle citazioni nel fumetto presente in basso a sinistra nelle pagine non sono chiari
Risolto: ho separato meglio il nome dal ruolo usando la parola "professione".

- Suggerimento: il logo è poco inerente al prodotto, cioé non ricorda la formazione né l'aspetto web, inoltrre il claim contiene parole negative e inutili da specificare per una certa tipologia di destinatari.
Risolto in parte: creare un buon logo è senza dubbio un lavoro impegnativo che richiede tempo e risorse, oltre ad una certa competenza. Diciamo che me ne mancano 3 su 3. : - ) Quindi ho cercato sul web qualcosa da adattare che si avvicinasse al tema della composizione e della tecnologia, così ho scelto questo logo, una via di mezzo insomma. Circa la frase, che prima recitava "Progetta e realizza siti web statici", ho trovato giustissimo il suggerimento e l'ho quindi cambiata in "Progetta e realizza semplici siti web", infatti nel corso non c'è programmazione lato server e la parola "statico" risultava un po' negativa.

- Suggerimento: la struttura delle pagine è molto quadrata.
Non risolto: ho scelto questo tipo di approccio per dare l'idea di professionalità ed usato elementi minimali e ricorrenti per la semplicità di consultazione.

- Suggerimento: le due icone della home page sono fuori contesto.
Risolto: ho sostituito le due piccole icone con altre che fossero vicine ai colori del sito ed al contenuto che rappresentano, ad esempio prima per gli obiettivi c'era un cappello da prestigiatore con la bacchetta magica, effettivamente poco chiaro.

- Mancanza: nel testo della privacy è obbligatorio inserire una mail per segnalazioni.
Risolto: non avevo indicato indirizzi per evitare spam, dato che ho un form di contatto in ogni pagina, tuttavia ho seguito questo suggerimento per evitare preoccupazioni inutili.

- Suggerimento: le percentuali di ore da dedicare ad ogni modulo non servono in ogni pagina.
Risolto: in basso a sinistra in ogni pagina c'è l'ingresso verso il programma del corso, all'inizio avevo scelto di indicare quanto peso avesse ogni modulo su tutto il corso, ma effettivamente ha più senso che sia solo nella sua sezione, così l'ho spostato nella pagina del programma.

- Suggerimento: i tre riquadri in home page potrebbero far intendere che si tratti di corsi diversi, uno facile, uno completo e uno economico.
Risolto: originariamente i link sulle parole in maiuscolo puntavano tutti alla pagina per l'iscrizione, effettivamente potevano trarre in inganno. Così ho collegato ognuno dei tre vantaggi con la relativa pagina di interesse: semplice mostra le caratteristiche, completo mostra il programma ed economico porta all'iscrizione.

- Errore: mancanza di omogeneità nelle frasi del sito, alcune volte nella forma personale altre invece nella forma diretta.
Risolto: le affermazioni presenti in precedenza sopra i 3 vantaggi del corso sono diventate domande, senza punto interrogativo alla fine. Inoltre in tutto il sito ho utilizzato il "tu" informale del web.

- Suggerimento: le mie due foto sono troppo fredde e sembrano prese dagli archivi fotografici online tipo iStockPhoto, insomma non si capisce che quello è il vero docente.
Risolto in parte: beh... grazie! : - D Ma non credo sia così, comunque ho fatto in modo che ci sia un titolo adeguato sulla fotografia a cavallo del menu e in quella nella sezione docente, ma ho preferito non scrivere sotto ogni foto il mio nome e cognome come consigliato.

Problemi e suggerimenti sulla modalità di conversione

- Suggerimento: la disposizione attuale delle colonne si può migliorare. Il modulo di contatto in alto a sinistra, zona più vista della pagina, non è indispensabile perché si tratta di un elemento molto visibile di per sè.
Non risolto: ho studiato appositamente l'uso di quello spazio in ogni pagina proprio perché il contatto e la richiesta di informazioni sono per me le cose più importanti. Invertire le colonne a livello visivo non darebbe lo stesso risultato, penso che la fatica di scrivere, informarsi, domandare siano il primo scoglio verso la perdita di persone interessate quindi preferisco agevolare questo compito e aiutare i visitatori a chiedere approfondimenti senza impegno.

- Suggerimento: nella pagina del calendario/iscrizione non c'è un modulo per iscriversi. Nella versione precedente, infatti, l'unico modulo del sito era quello nella colonna di sinistra (che pensavo di utilizzare per tutto). Il visitatore si aspetta un form da compilare diverso da quello per le informazioni, oltre al fatto che così pochi campi non danno sicurezza.
Risolto: l'idea era quella di semplificare al massimo, ma probabilmente la verità sta nel mezzo, insomma il suggerimento è ottimo ed ho aggiunto un modulo apposito per l'iscrizione invece che una spiegazione su come fare per iscriversi.

- Suggerimento: creare una pagina dedicata all'iscrizione.
Risolto in parte: ho preferito inserire il modulo sotto il calendario dei corsi per rendere la cosa più semplice, la scelta è basata sul fatto che una persona potenzialmente interessata visita sicuramente la pagina in cui sono presenti le date e le città in cui si terrà il corso. E probabilmente la leggerà tutta, trovando subito sotto il modulo per iscriversi invece di effettuare un clic ulteriore.

- Suggerimento: il colore del menu "Calendario e iscrizione" può confondere la navigazione in quanto diverso dagli altri, inoltre non risulta comprensibile se la pagina attiva è indicata dal colore o dalla freccetta.
Non risolto: ho scelto di differenziare il colore per dare maggiore risalto al menu, per farlo leggere insomma. La freccetta invece è sempre presente e penso che i vantaggi di quest'accoppiata siano maggiori degli svantaggi. Anche l'ordine dei menu non è concettualmente logico, avrebbe dovuto essere: m'informo su cos'è, m'informo su quand'è, m'informo su chi è, mi iscrivo. Però dato che il sito è composto da poche pagine ho preferito provare una disposizione di questo tipo, più orientata al contatto che all'organizzazione dei contenuti.

Questo articolo ti è piaciuto?

Se desideri stamparlo clicca qui oppure potresti essere interessato alla sottoscrizione del feed RSS per ricevere gratuitamente nel tuo aggregatore tutti gli aggiornamenti di questo blog.

< Vai al post precedente

Vai al post successivo >