Lo stesso sito, immagini diverse: come i web designer si dipingono in un angolo

Ciò che nessuno avrebbe potuto omettere di notare è che i progetti web sono, in generale, diventati molto formali e standardizzati. Ci sono alcuni progetti davvero unici e interessanti là fuori, e la loro grazia salvifica è che sono così buoni che sono quasi impossibili da copiare. Ma tali siti sono una vera eccezione a una norma molto ben consolidata. In genere ciò che accade è che qualcuno crea un design davvero buono che non è così complesso o sofisticato che la sua struttura di base non può essere duplicata, e poi vedi una moltitudine di persone che prendono quel telaio e appendono una nuova pelle su di esso.

Forse non sarebbe così male se ci fosse qualcosa di genuinamente originale e interessante sul risultato, ma la verità è che quasi nessuno ha fatto sforzi in quella direzione. A volte le somiglianze vanno oltre la struttura e vedrai elementi visivi che sono troppo familiari. Anche il contenuto è a volte semplicemente sfregiato, e questo non può essere positivo per il settore del web design. È qualcosa che sta per uccidere il nostro settore perché questi designer non ispirati e spaventati si stanno rendendo (e voi) obsoleti.

Come la duplicazione del sito ti rende ridondante nell'equazione del design

Per ora, gli acquirenti di siti Web non si sono completamente interessati alla situazione. Non sembrano aver notato che ogni altro sito su Internet è solo una versione riciclata di qualche altro sito. Attualmente la tendenza del design è quella di creare enormi pareti a scorrimento di immagini giganti con sovrapposizioni di testo. I sapori del mese sono testo bianco su blu chiaro (grazie per questo, Twitter!), Testo bianco su marrone, testo bianco su qualsiasi altro colore in cui può essere utilizzato, e quando non può quindi vedremo testo grigio, o almeno qualcosa di veramente pallido e sbiadito. Andremo anche in città con grandi pulsanti piatti.

Ora è importante capire che non è male creare un sito come questo a meno che un sacco di altre persone stiano facendo siti come questo. Se continui lungo quel sentiero, dove ogni pecora sta solo seguendo un'altra pecora dalla scogliera, non c'è modo di salvare la situazione. I clienti si renderanno conto che possono semplicemente copiare questa struttura, sostituire le immagini di sfondo con le proprie e allontanarsi. Come giustifichi la tua esistenza? Soprattutto se sei uno di quei designer che non scrive il proprio codice?

Tutti noi dobbiamo guidare i clienti verso l'originalità e l'aspetto fresco. Abbiamo bisogno del tipo di innovazione che ha generato siti web di grande impatto.

Caso di studio: Dollar Shave Club

Quando ho visto la prima volta Dollaro Shave Club sito web, sono rimasto molto più colpito dalla qualità del web design che dall'offerta che stavano presentando. Forse è per questo che il loro sito oggi è tornato ad essere "standard", anche se è ancora abbastanza bello per un sito standardizzato. Ma il sito oggi ha ben poco da differenziare dal sito web di PayPal, o in realtà un sacco di altri siti web che hanno seguito la stessa tendenza. Le immagini sono diverse, il testo è diverso, ma dov'è la grana?

Non è stato sempre così, però, diamo un'occhiata a come il sito si è evoluto nel tempo e vediamo se possiamo scoprire il punto debole in cui avrebbero dovuto smettere di seguire le tendenze e continuare a girare con il fantastico.

Il nostro viaggio inizia a maggio 19, 2011. È una testimonianza di come chiunque con una grande idea possa riuscirci se sa come attirare l'attenzione nel modo giusto.

Niente di straordinario in questo progetto, anzi probabilmente non può nemmeno essere definito con precisione un disegno. È rimasto così fino a quando c'è stato un aggiornamento a luglio, dove la testata è stata modificata, la dicitura è stata modificata radicalmente e sono state create molte sotto-pagine:

Non è ancora una pagina molto ispirata, ma deve aver fatto comunque impressione sul pubblico, perché ad ottobre avevano fatto abbastanza soldi per produrre un sito web che in realtà sembrava un sito web:

Un nuovo anno è arrivato e, a marzo, il sito sfoggiava un nuovo look robusto e maschile, molto simile a come appare oggi il sito:

Alcune delle modifiche incluse:

  • Completo cambio di stile da geek e moderno a vecchio stile e cool
  • Aggiunta di un nuovo logo
  • Offerta bonus evidenziata
  • Navigazione meno complessa con titoli di link migliori
  • Più facile vedere i link di accesso e di registrazione
  • video introduttivo
  • Enorme linea di tag
  • Il piè di pagina non è più isolato dal resto del design

Questo design è probabilmente davvero vicino al punto in cui probabilmente avrebbero dovuto smettere di innovare. In questa forma, era già bello, con gli unici difetti che il video introduttivo era impostato in un iframe e AutoPlay era abilitato. Nessuna di queste cose è una buona idea, e nessun progettista di 2016 dovrebbe nemmeno prendere in considerazione la possibilità di farlo senza una buona ragione. A parte questo, il sito era il più vicino alla perfezione che avrebbe mai avuto. L'unico altro grande cambiamento per 2012 è stato l'aggiunta di un collegamento blog nell'area di navigazione principale.

Verso la fine di 2013, il sito ha ricevuto una significativa revisione dietro le quinte del suo codice sorgente, estrapolando il video introduttivo da quella fastidiosa iframe e non utilizzando più l'odiosa funzione AutoPlay. Gli utenti non avrebbero visto molta differenza visiva, ma sicuramente avrebbero apprezzato la possibilità di scegliere se avrebbero dovuto o meno guardare il video. Se ti stai chiedendo perché è un grosso problema, beh ... forse sei nuovo su Internet. Forse non hai mai conosciuto le gioie della larghezza di banda misurata, o altre cose carine come quella. Questo ti renderebbe davvero una persona davvero speciale.

Immagina se fossi già un membro di questo sito e ogni volta che volevi accedere, sei stato sottoposto a quel video introduttivo che si caricava e iniziava a giocare, e non avevi modo di prevenirlo. Se vuoi far sì che gli utenti evitino il tuo sito a meno che non ci siano alternative, questa è la strategia per farlo. È molto bello vedere un sito Web come Dollar Shave Club, in cui gli operatori ascoltano i loro utenti e in realtà fanno qualcosa per affrontare le preoccupazioni sollevate dai reclami.

Il primo grande cambiamento per 2014 è stata l'interruzione di un video player basato su Flash, optando invece per la riproduzione di video HTML5. Hanno anche aggiunto alcune voci di menu extra.

Settembre di 2014 segna l'ultima volta che questo sito ha questo design compatto e sensibile. A partire da ottobre, hanno isolato di nuovo l'intestazione della pagina / sezione di navigazione e la sezione del piè di pagina dal contenuto principale, e così il sito è diventato di nuovo un seguace generico, omogeneo, di mandria. Anche l'orientamento delle assi di legno è cambiato da verticale a orizzontale. Con il downgrade apparentemente intenzionale del sito a un generico look "Fortune 500 Approved", sembra che abbiano fatto proprio quello che Kirk Lazarus ha avvertito che non si dovrebbe mai fare.

A questo punto il sito era già passato al look generico di migliaia - forse anche milioni - di altri siti aziendali, portandolo da wow a sbadigliare alla velocità di un upload FTP, ma non era del tutto una causa persa. Non aveva ancora completato la transizione completa. Era sospeso lì come un kathoey pre-op, con un aspetto simile al modello generico, ma non tutte le caratteristiche.

Il sito ha tentato un nuovo look in giugno di 2015, e alla fine ha preso piede un mese dopo, una volta che avevano risolto i bug. Questo ha segnato il momento in cui il sito ha finalmente perso tutta la sua modestia ed è stato scelto per sottoporsi all'intervento chirurgico finale che lo avrebbe trasformato in completa corporalità.

Quello che non puoi non notare è che con ciascuno di questi "aggiornamenti" il sito sta crescendo in altezza. La semplice navigazione che ha reso questo sito una gioia fin dall'inizio è andata perduta. Gli utenti ora devono rendere conto. È passato da "dove faccio clic?" A "devo fare clic o scorrere o devo scorrere e quindi fare clic?". Allora forse l'utente scorre ma non vede quello che vuole, e ora deve tornare indietro per trovare il posto giusto dove fare clic, se esiste anche.

Tutto questo lavoro extra e il processo decisionale si aggiungono al tasso CUF (frustrazione cumulativa dell'utente) e rendono più probabile che l'utente abbandonerà il negozio. Nel caso del Dollar Shave Club, le offerte sono abbastanza buone che gli utenti probabilmente tollereranno un sacco di fastidi (una soglia CUF elevata), ma ciò non sarà vero per ogni sito.

Il titolo del sito si è evoluto durante tutto questo tempo, con alcuni dei titoli elencati di seguito:

  • Lame di rasoio economici per $ 1 al mese
  • Cheap lame di rasoio
  • Dollar Shave Club: le nostre lame sono favolose!
  • Dollar Shave Club: raderti il ​​tempo, raderti i soldi
  • Dollaro Shave Club

È facile vedere da questa evoluzione l'influenza della cultura aziendale su idee altrimenti grandiose. Puoi immaginarti un piccoletto strafatto vestito con Armani e stringere la sua custodia con gucci Gucci, che fa la pipì alla riunione aziendale con "Ehi, non puoi dire una cosa del genere!". Ma indovina quale linea ha ottenuto la maggiore attenzione, la maggior parte delle condivisioni e il maggior numero di persone che le collegano?

Internet esiste al di fuori delle normative pubblicitarie e talvolta ce ne dimentichiamo. Ciò che le persone "approvano" e ciò che piace sono cose completamente diverse. Qualcuno può essere offeso ufficialmente da qualcosa che riconoscono in privato è davvero forte. Il sesso vende, e anche l'umorismo. "Noioso" non ha mai venduto nulla.

Ecco come appare oggi il sito:

È incredibile la lunghezza a cui alcune persone (e siti) andranno, no?

Parte della colpa ricade sugli strumenti che usiamo

I progettisti e gli sviluppatori hanno sempre utilizzato determinati sistemi e framework per facilitare il processo di creazione di un nuovo sito, e non c'è nulla di intrinsecamente sbagliato in questo.

Sfortunatamente ci sono alcuni di questi strumenti che sono diventati troppo popolari e sono ormai troppo usati nella misura in cui le limitazioni incorporate in quei prodotti si stanno manifestando nei progetti, quindi vediamo strutture simili che emergono più chiaramente che in qualsiasi momento.

Questo è tanto il caso che a volte quando manca un elemento "standard" atteso, i clienti ne mettono in dubbio il motivo. Questo non va bene ... i clienti non dovrebbero avere aspettative riguardo al risultato del processo di progettazione, dovrebbero dire "Wow! Questo è fantastico! ", Non" Dov'è il [elemento di design fangoso gimmicky]? ".

Il secondo contributore a questo problema è un approccio economico alla progettazione di Charlie, in cui un unico layout è l'unico creato e si prevede che riduca a una singola colonna per gli utenti mobili. Google vuole che progettiamo per dispositivi mobili, e ovviamente dovremmo rispettarlo, ma se consideri quanto spazio dobbiamo giocare su un desktop, dovremmo trarne vantaggio.

Il problema sta per peggiorare. Molti clienti in realtà richiedono che i loro siti vengano costruiti con determinati strumenti e tecnologie, spesso senza sapere veramente perché. Ci sarà un altro articolo che apparirà su questo sito nel prossimo futuro, sottolineando perché è una cattiva idea per il cliente e per te, ma il punto da prendere per il momento è che finché i clienti pensano di capire meglio il tuo lavoro lo fai, i siti aziendali continueranno a crescere più simili tra loro. Una volta raggiunta la perfetta singolarità, sarai obsoleto.

Quindi, se ti interessi a lungo termine, se puoi concentrarti al di là del guadagno e dei generi alimentari del mese prossimo, devi fare tutto il possibile per incoraggiare i clienti a cercare l'originalità e il vero design, poiché questo ti dà una ragione per essere. Altrimenti, sei solo un altro mattone nel muro, facilmente sostituito da qualsiasi altro mattone.

Bogdan Rancea

Bogdan è membro fondatore di Inspired Mag, avendo accumulato quasi 6 anni di esperienza in questo periodo. Nel tempo libero ama studiare musica classica ed esplorare le arti visive. È piuttosto ossessionato dai fissaggi. Possiede già 5.