Billy.com

Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che sono fatte bene che quelle che potrebbero utilizzare del lavoro. Finalmente, finiremo chiedendoti di fornire il tuo feedback.

Il sito di oggi è Billy.com, un club di risparmio online.

Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 24 per criticare il tuo design - molto meno di quanto paghi per un consulente per dare un'occhiata al tuo sito! Puoi saperne di più qui.

Informazioni su Billy.com

?Per favore, permettimi di presentarmi. Mi chiamo Billy, e sono il ragazzo dietro al più intelligente risparmio del Web. Risparmiare denaro non è solo la mia passione, è il mio scopo. Il mio compito è assicurarmi che i miei amici non paghino mai il prezzo intero. Con l'aiuto della mia fantastica famiglia, negozzo grandi affari con rivenditori e fornitori di servizi per conto dei miei amici. Può essere difficile da credere, ma dietro la mia apparenza soave e l'aspetto robusto giace un negoziatore di potere! Confronto anche le offerte e le quotazioni di diversi fornitori in modo che i miei amici possano trovare il prodotto o il servizio più adatto e mantengano il più possibile il loro denaro duramente guadagnato.

Ecco uno screenshot della homepage:

Ora analizzeremo vari aspetti del design e discuteremo cosa funziona e cosa no.

Design generale

Sin dall'inizio, la mia sensazione era che il design fosse un po 'datato. Alcune delle decisioni prese qui riflettono stili di web design che erano tipici quasi dieci anni fa. Questo include il trattamento dell'intestazione, i caratteri e i colori usati e persino fino a un certo grado lo stile di illustrazione a fumetti della domenica mattina (discuteremo di questi in dettaglio più avanti).

Tuttavia, il layout generale è abbastanza funzionale. La barra laterale ha una buona larghezza ed è ben organizzata e il contenuto principale scorre in modo logico.

messaggistica

Una delle cose che penso che il sito unghie è messaggistica. Il termine "club di risparmio"? è piuttosto vago e sembra che possa essere una trappola, ma il copywriter ha chiarito che il club è completamente gratuito. Altrettanto importante è la chiamata all'azione, "Diventa mio amico ,? con una dichiarazione rassicurante su come ci vogliono solo 30 secondi.

A volte, iscriversi a un servizio Web sembra facile ma porta rapidamente a un processo coinvolto che gli utenti vogliono disperatamente evitare. La dichiarazione di 30 secondi è un forte incoraggiamento e rappresenta senza dubbio una delle ragioni principali alla base della registrazione di molti utenti.

Mi piace anche che sotto questa area ci sia una lista di risparmi popolari. Questo è un altro passo che chiarisce esattamente a cosa serve il sito e che tipo di offerte ci si può aspettare di ricevere.

Tipografia

Questo suonerà un po 'duro, ma credimi, seguendo questi semplici passaggi migliorerai drasticamente i tuoi progetti. La prima regola del design è "Non usare mai Comic Sans." Billy.com supera il test su questo fronte, ma una regola molto simile e meno conosciuta è "Mai usare Hobo".

Non c'è un modo carino per dirlo, Hobo è un brutto carattere. Se si desidera utilizzare un font divertente su alcuni elementi, si può certamente, basta cercare alcuni che hanno un po 'più di stile e classe. FontSquirrel è il luogo ideale per iniziare la ricerca. Fermandomi vicino al sito e quasi scegliendo qualcosa a caso, ho trovato l'immagine qui sotto (il font si chiama Giappone). Sono sicuro che potresti fare molto meglio se investi tempo e sforzi nella ricerca.

manganello

Parliamo di Billy per un minuto. Quando si carica il sito per la prima volta, Billy non si vede da nessuna parte. Poi, dall'abisso, senti il ​​rumore di passi e di passi che Billy saluta, annuisce, solleva i segni e fa molti effetti sonori cartoony mentre fa i suoi affari.

Non fraintendermi, è un personaggio divertente. Sembra nerd e amichevole e porta un elemento personale al sito. È divertente sorvolare su di lui con il mouse e vederlo sorridere e salutare. Tuttavia, penso che sia un po 'abusato.

Quasi sempre suggerisco che qualsiasi sito con effetti sonori offra agli utenti un modo per spegnerli. Includi un pulsante da qualche parte che uccide completamente i suoni, o meglio ancora, fai in modo che gli utenti premano il pulsante per attivare i suoni (lasciandoli disattivati ​​per impostazione predefinita).

Penso anche che Billy sia posizionato male. Mentre tiene traccia dei segni per raccontarti del sito e attirare la tua attenzione, in realtà copre il contenuto nella barra laterale, il che rende l'usabilità piuttosto scarsa se in effetti stai tentando di leggere o interagire con quel contenuto.

Suggerirei di spostare BIlly sul lato destro della pagina. Poiché il contenuto nella casella principale è abbastanza lontano a sinistra, non coprirà nulla di vitale per la funzionalità del sito.

Una revisione del design moderno

Non è mai divertente sentire qualcuno suggerire di riprogettare il tuo sito. E in tutta onestà, Billy.com è funzionale così com'è e potrebbe migliorare molto con i semplici suggerimenti di cui sopra. Tuttavia, se decidi di dare al sito una revisione visiva nel prossimo futuro, ti suggerisco di dare un'occhiata ad alcuni popolari siti basati sui personaggi sul web oggi.

I siti sottostanti utilizzano bellissimi stili di web design moderno con fantastici schemi di colori, illustrazioni, trame, ecc. Non sto suggerendo di rovinare nessuno di questi siti ma piuttosto di presentarli come ispirazione per come interpretare i miei suggerimenti per portare Billy.com aggiornato visivamente.

Formee

arricchimento

Silverback

Contabilità in una scatola

Il tuo turno!

Ora che hai letto i miei commenti, inseriscici e dacci una mano dando al designer qualche ulteriore consiglio. Facci sapere cosa pensi sia importante per il design e cosa pensi possa essere più forte. Come sempre, ti chiediamo anche di essere rispettoso nei confronti del designer del sito e di offrire una consulenza chiara e costruttiva priva di insulti ostili.