Siamo tutti web designer! Tutti siamo in grado di sviluppare siti web: cugini, zii, amici, nipoti. È sufficiente essere smanettoni, caparbi, e testardi. Al diavolo anni ed anni di studio, giorni interi persi a studiare il codice, i tag più assurdi, tecniche di Responsive Web design per non parlare poi di tutto quello che c’è intorno alla messa on-line di un sito web, come il social marketing, la SEO e il lavoro sulla velocità di caricamento delle pagine. Tutte cose che non servono se sei smanettone! E soprattutto se il sito web lo paghi 200 €!
Vediamo quindi cosa sono capaci di fare questi smanettoni e se è vero che tutti possono fare i web designer. In questa rubrica voglio prendere in esempio 10 siti web orribile da cui non trarre ispirazione e dimostrare che il lavoro del web design è un lavoro serio, che richiede tantissime competenze che è difficile avere tutte.
Il web è pieno di siti web inutili, orribili e pesanti perché non tutti capiscono l’importanza di un sito web realizzato dopo mesi e mesi di progettazione di grafica e sviluppo che solo chi è competente può mettere in pratica per dare vita a siti web accattivanti, usabili creativi e da cui trarre ispirazione.
Questa lista di siti web da cui NON trarre ispirazione comprende 10 siti web che mi sono capitati in questa ricerca e che comprende diversi settori, cercando di analizzare i difetti e di dare dei consigli per migliorare o addirittura per proporre un restyling completamente nuovo.
#1 - PORTO KALEO
Porto Kaleo è un villaggio vacanze situato nella provincia di Crotone in Calabria, che si affaccia su un mare cristallino ed immerso in una natura incontaminata. Credetemi, io ci sono stata, è un posto stupendo.
ANALISI
Quando apriamo il sito web riusciamo a capire questo messaggio? Non credo. Il sito web non corrisponde affatto e non mette per niente in risalto la bellezza del posto.
Inoltre le immagini di background con i box informativi sul livello superiore non sono proprio belli da vedere. Tutto il sito web si basa su questa tecnica che non mette in risalto le immagini come dovrebbe.
I font utilizzati sono 4 o 5 differenti per i tipi di intestazioni e questo crea confusione nel sito. I font da utilizzare in un sito web dovrebbero non essere più di 2 e di solito se ne utilizza uno graziato per i titoli ed intestazioni ed un altro bastoni per i paragrafi.
Infine il sito web non è responsive e questo è un elemento negativo molto importante poiché come sappiamo oggi tutti i siti web dovrebbero esserlo, perché oramai la maggior parte degli utenti naviga con lo smartphone ed in questo caso avrebbe numerose difficoltà a navigare su un telefonino dovendo allargare e spostare continuamente la pagina con le dita.
CONSIGLI
Un sito web di villaggi vacanze dovrebbe trovare la propria forza sulle immagini. Questo manca totalmente nel sito in questione. Io adotterei una tecnica parallasse valorizzando maggiormente le immagini per mettere in risalto la bellezza del posto dove trascorrere vacanze da sogno.
#2 HOTEL MILANO
Dal mare alla montagna per non farci mancare nulla. L’hotel Milano che si trova nella provincia di Bergamo offre pacchetti per una fantastica vacanza in montagna all’insegna della natura e del benessere.
ANALISI
Anche qui siamo nel settore turistico e anche qui le immagini dovrebbero essere il punto di forza! Invece sono un insieme di foto appiccicate sullo sfondo verde sopratutto nelle pagine interne con il testo bianco che non si sa quando inizia e dove finisce.
L’homepage si presenta con l’header vuoto ed il menù posto sulla galleria foto.
Un’altra cosa molto brutta è quella di inserire il testo come immagine. Si nota subito questo nei box dei servizi posti nell’homepage nella parte di sfondo nera. Il testo va messo assolutamente come testo sia per problemi di leggibilità e di estetica sia perché appesantisce le immagini.
Il testo delle offerte invece messe sullo sfondo verde è messo come link tra l'altro con un mousehover che lo trasforma in testo arancio che su sfondo verde diventa illeggibile.
Anche qui non c’è una versione responsive del sito web.
CONSIGLI
In questo caso sarebbe utile una intera ristrutturazione del sito web che tenga conto della implementazione della versione per mobile e tablet e un restilyng generale del sito web che in questo modo non offre le potenzialità che un luogo di montagna bello come questo da nella realtà.
#3 - OTTICA ITALY
Sito web che vende occhiali da sole on-line, siamo nel campo dell’e-commerce.
ANALISI
Ciò che colpisce subito è il logo in flash messo in alto al centro e soprattutto con il menù di navigazione di colore bianco, stesso colore dello sfondo. È un po’ difficile da capire e da vedere. Per quanto riguarda il logo in flash, è vero che si tratta solo di logo, ma il flash sui siti web non funziona più ormai ed è stato completamente abbandonato e sostituito dall’html5 e dai css3 che se conosciuti fino in fondo offrono delle animazioni ben fatte e molto più accattivanti e meno pesanti rispetto a quelle di flash, oramai utilizzato solo nei videogiochi e nelle applicazioni web interattive.
Inoltre il layout della pagina non è sfruttato bene per quel che riguarda i contenuti principali poiché viene utilizzata solo la sezione centrale di ogni pagina che è larga solo 550px e molto piccola per poter mettere in evidenza i contenuti e le immagini. Le barre laterali di destra e di sinistra sono fisse e dedicate alla pubblicità ed alle procedure di vendita. Da rivedere anche queste. Un altro aspetto negativo è l'enorme spazio bianco che si evidenzia attorno al contenuto e che sembra superiore al contenuto stesso.
Anche qui di responsive non c’è assolutamente niente!
CONSIGLI
In questo caso, proporrei e consiglieri l'utilizzo di Wordpress per gestire al meglio la vendita degli occhiali da sole con una vetrina che meglio metterebbe in risalto i prodotti messi in vendita on-line.
#4 PALESTRA JOHN FITNESS
Sito web di una palestra e centro sportivo fitness di Torino
ANALISI
Una palestra ed un centro così importante che su Facebook ha quasi 3000 follower come può presentare un biglietto da visita così orrendo? Penso che questo sito web vincerebbe la classifica della nostra rubrica perché non credo che si possa salvare nulla del sito in questione.
Colori, font ed immagini sono inguardabili e credo che questo sia il lavoro di qualcuno che non si intende di progettazione e sviluppo di siti web.
Questo è un esempio in cui la pagina social viene sfruttata molto meglio del sito web e utilizzata anche in modo molto personalizzata e utile.
CONSIGLI
In questo caso, proporrei e consiglieri un intero restyling del sito per offrire un design che sia consono al settore del fitness e dei centri sportivi e proporrei una versione responsive del sito web. Inoltre spiegherei che la pagina Facebook da sola non è sufficiente ad offrire tutte le potenzialità di sviluppo dell’attività e proporrei quindi un altrettanto.
#5 - SUPERMERCATI DOC
I Supermercati Doc sono una delle più grandi catene di supermercati sparsi in tutta Italia con più di 200 punti vendita sparsi nel Mezzogiorno. Qui siamo su altri numeri rispetto alla palestra presa in esempio in precendenza: quasi 50 mila follower su Facebook. Possibile che non possa trovare i soldi per investire in un ottimo sito web?
ANALISI
Cominciamo dal menù che riprende i colori del supermercato che sono l’arancio ed il rosso ma che dal punto di vista del design lascia a desiderare, con le voci di menù una diversa dall’altra e il mouse hover che non sembra adatto con i tooltip che escono fuori al passaggio del mouse delle voci principali.
La homepage è un insieme di box immagini che meccanicamente si ingrandiscono molto meccanicamente con un effetto non bello da vedere.
Quello che subito salta agli occhi è anche la mancanza di spazio adeguato tra font ed immagini facendo sembrare il tutto un insieme attaccato e quindi caotico e sparso qua e là nel sito.
Anche qui direi “ No responsive no party “.
CONSIGLI
Il consiglio è quello di sfruttare al meglio le potenzialità che offre il commercio online e di mettere meglio in evidenza alcuni servizi importanti che offre il supermercato come quello di poter fare la spesa on-line. Inoltre distinguerei tra le informazioni generali e le informazioni ed i servizi fondamentali del supermercato creando delle sezioni separate che meglio evidenzierebbero l’importanza dei servizi offerti.
#6 - AQUARIUM LINE
Sito web che vende acquari per pesci anche on-line
ANALISI
Lo sfondo che rimane fisso ed il contenuto principale che scorre io proprio non posso digerirlo? A voi piace questa tecnica di web design? Tra l’altro scorre sopra l’header nascondendolo. Poi vorrei capire perché su webkit vedo lo sfondo celeste e su Firefox lo vedo color arancio? Perché fare questa differenza che fuorvierebbe i clienti?
A parte il menù che è testo tutto il resto è un insieme di immagini racchiuse in box creando un effetto scrolling verticale abbastanza lungo che così realizzato crea un caos generale nella homepage.
Manca una pagina social e quindi un modo per seguire gli aggiornamenti del sito che non ha alcuna presenza sui social network.
Oggi un sito web deve essere connesso al mondo esterno ed avere i pulsanti automatici per condividere le pagine su Facebook, Twitter o altri social network.
Quando questi mancano, il visitatore percepisce di essere finito fuori dal web che conosce e si crea diffidenza.
Inoltre deve esserci la possibilità di poterne seguire gli aggiornamenti in qualche modo, quanto meno con un feed.
Responsive? No
CONSIGLI
Anche qui proporrei una ristrutturazione in toto e un utilizzo di Wordpress per una migliore gestione dei siti web e-commerce. Proporrei l’apertura di profili social in particolare di Facebook
#7 - REGIONE CALABRIA
Il Settore amministrazione è un altro settore particolarmente indietro nel settore del web. Sia per la particolarità del settore che per la complessità dei contenuti è difficile trovare un sito web di una pubblica amministrazione che sia accattivante e funzionale.
ANALISI
Il sito web della Regione Calabria secondo me scoraggia gli utenti a navigare il sito web. È un insieme di testo assemblato che non rende l’idea dell’importanza delle informazioni che può offrire una pubblica amministrazione ed un ente come la regione Calabria. Manca un menù principale che invece sarebbe fondamentale per guidare gli utenti alle informazioni essenziali del portale.
CONSIGLI
Anche qui c’è bisogno di una ristrutturazione totale del portale regione Calabria che meglio metta in evidenza i testi e per esempio creerei un menù orizzontale con le voci di menù più importanti ed eliminerei la barra di sinistra creano uno spazio maggiore per la descrizione dei contenuti centrali.
#8 - RADIO BAR
Radio Bar è la prima web radio che oltre a musica di qualità di tutti i generi e senza diritti, si occupa di food & beverage con grande attenzione al bere responsabile.
ANALISI
Con 31 mila fan su Facebook non può presentarsi con un sito web in queste condizioni. Questo è il classico esempio di cattivo utilizzo dei cms per la realizzazione di un sito web. Il testo e le immagini sono incollate senza nessun criterio in tutte le pagine e si nota subito che chi l’ha realizzato non è un guru dei cms. In questo modo non si riesce nell’intento di dare risalto alla attività fondamentale della radio che è quella di “Bere responsabilmente”. Anche in questo caso il sito web non è responsive non dando possibilità agli utenti di smartphone di vivere un’esperienza adeguata quanto navigano con i telefonini.
CONSIGLI
Anche qui ci sarebbe da ridiscutere completamente della stuttura e di una migliore collocazione dei contenuti e addirittura un nuovo tema di wordpress molto più moderno e anche responsive.
#9 - BMW
Il sito internazionale di BMW si presenta in questo modo:
ANALISI
Statico e pieno di tabelle. Sono rimasta di stucco quando ho aperto questo sito web perché non mi sarei mai aspettata che un grande brand come Bmw potesse realizzare un sito web del genere.
È un sito sicuramente molto complesso, pieno di contenuti ed immagini ma il design poteva essere molto migliore di questo e sicuramente più usabile.
L’utilizzo delle tabelle è sconsigliato nel web design in modo massiccio perché favorisce la creazione di spazi tra gli elementi aggravando notevolmente il peso della pagina.
Le azioni di mousehover sono molto meccaniche e si passa dal testo all’immagine senza alcuna transizione.
Il sito web non è responsive.
CONSIGLI
Le immagini sono l’unica cosa che salvo di questo sito web soprattutto quelle che troviamo all’interno del sito web e quindi sicuramente sceglierei un template o realizzerei un design che tiene conto di ciò e che metterebbe in risalto le immagini delle automobili tedesche. Inoltre il layout non è centrato e fluttuato a sinistra lasciando un brutto spazio bianco a destra che eliminerei o con il margine automatico o addirittura con un layout fluido a tutto schermo.
#10 - OLIMIA
Il sito web del bed&breakfast pugliese OLIMIA si trova nel Salento ed offre camere bed&breakfast per turisti.
ANALISI
Aprendo la pagina web si nota subito come il sito presenti diversi elementi negativi a partire delle voci menù che sono delle immagini e si nota subito come si presentano sgranate. Continuando, il testo e le immagini sono inserite all’interno del layout in modo disordinato non dando nessun idea di progettazione del sito: si nota subito come il sito sia stato realizzato da un personale non esperto in questo settore.
CONSIGLI
In generale consiglierei una ristrutturazione del sito web consigliando l’utilizzo di un cms che consenta al cliente anche la gestione online delle prenotazioni dando possibilità al turista di prenotare direttamente sul sito in questione. Quanti vantaggi da la gestione delle prenotazioni? Tantissime in questo settore, soprattutto in strutture piccole come queste. Chiaramente consiglierei la progettazione di un sito web responsive e proporrei un tema più moderno.
Conclusioni
Qual è lo scopo di avere un sito web se non si sfruttano le sue potenzialità?
Ci sono dei settori in cui prevale una maggior incompetenza nella realizzazione di siti web, forse perché si tratta di attività che meno di altre in passato necessitavano di siti web e che sono rimaste particolarmente indietro come il settore medico e del fitness. In particolare c’è una mancanza di fluidità dei siti web che sono statici, utilizzano codice vecchio e deprecato e non potrebbero mai soddisfare le esigenze degli utenti. Ma soprattutto la maggior parte dei siti web non sono responsive. È vero che il responsive web design è una tecnica recente e che nella maggior parte dei casi, soprattutto chi ha un sito web statico, sta cercando di trasformarlo in responsive, ma è vero anche che ci sono ancora troppi siti web che non si adattano alle necessità delle ultime generazioni oramai "smartphone addicted".
Per concludere date uno sguardo al sito web per eccellenza più brutto al mondo sviluppato proprio con lo scopo di mostrare tutto ciò che deve avere un sito orribile e soprattutto cercate di non imitarlo!