Critica al web design n. 21: Billy.com
Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo entrambe le aree che hanno funzionato bene oltre a quelle che potrebbero usare un po 'di lavoro. Infine, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è Billy.com, un club di risparmio online.
Esplora risorse di progettazione
Se desideri inviare il tuo sito Web per essere presentato in una futura critica al design, bastano pochi minuti. Facciamo pagare $ 24 per criticare il tuo design - molto meno di quanto pagheresti 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 del Web's Smartest Savings Club. Risparmiare denaro non è solo la mia passione, è il mio scopo. Il mio compito è assicurarmi che i miei amici non paghino mai più il prezzo intero. Con l'aiuto della mia fantastica famiglia, negoziamo grandi affari con rivenditori e fornitori di servizi per conto dei miei amici. Può essere difficile da credere, ma dietro il mio aspetto sobrio e l'aspetto robusto è un negoziatore di potere! Inoltre confronto le offerte e le quotazioni di diversi fornitori in modo che i miei amici possano trovare il prodotto o il servizio più adatto e conservare comunque il più possibile dei loro guadagni. "
Ecco uno screenshot della homepage:
Ora analizzeremo vari aspetti del design e discuteremo di cosa funziona e cosa no.
Design generale
Fin dall'inizio, la mia sensazione era che il design fosse un po 'datato. Alcune delle decisioni prese qui riflettono stili di web design tipici di quasi un decennio fa. Ciò include il trattamento dell'intestazione, dei caratteri e dei colori utilizzati e persino in parte lo stile dell'illustrazione comica del giornale della domenica mattina (ne discuteremo più dettagliatamente di seguito).
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 inchioda è la 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 è l'invito all'azione, "Diventa mio amico", con una dichiarazione rassicurante su come bastano 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. L'affermazione di 30 secondi è un forte incoraggiamento e senza dubbio è una delle ragioni principali alla base della registrazione di molti utenti.
Mi piace anche che in quest'area sia presente un elenco di risparmi popolari. Questo è un altro passo che chiarisce a cosa serve il sito e che tipo di offerte puoi aspettarti di ricevere.
Tipografia
Questo suonerà un po 'duro, ma fidati di me, 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 nota è "Non usare mai Hobo".
Semplicemente non c'è un bel modo di dirlo, Hobo è un brutto carattere. Se vuoi usare un carattere divertente su alcuni elementi, puoi sicuramente cercarne alcuni che abbiano un po 'più di stile e classe. FontSquirrel è un ottimo posto per iniziare la ricerca. Fermandomi sul 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 investissi del tempo reale e degli sforzi nella ricerca.
manganello
Parliamo di Billy per un minuto. Quando carichi il sito per la prima volta, Billy non si vede da nessuna parte. Poi dall'abisso senti il suono di passi e salite Billy che saluta, annuisce, solleva cartelli e produce molti effetti sonori da cartone animato mentre fa i suoi affari.
Non fraintendetemi, è un personaggio divertente. Sembra nerd e amichevole e porta un elemento personale nel sito. È divertente passarci sopra 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 disattivarli. Includi un pulsante da qualche parte che uccida completamente i suoni, o meglio ancora, induce gli utenti a premere il pulsante per attivare i suoni (lasciandoli disattivati per impostazione predefinita).
Penso anche che Billy sia mal posizionato. Mentre solleva cartelli per parlarti del sito e attirare la tua attenzione, in realtà copre il contenuto nella barra laterale, il che rende l'usabilità piuttosto scadente se stai effettivamente cercando 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 coprirebbe nulla di vitale per la funzionalità del sito.
Una revisione di design moderno
Non è mai divertente sentire qualcuno suggerire di ridisegnare il tuo sito. E in tutta onestà, Billy.com è funzionale come è e potrebbe migliorare molto con i semplici suggerimenti di cui sopra. Tuttavia, se decidi di dare al sito una revisione visiva in un prossimo futuro, ti suggerisco di dare un'occhiata ad alcuni popolari siti basati sul personaggio oggi sul web.
I siti sottostanti utilizzano tutti splendidi stili di web design moderni con fantastiche combinazioni di colori, illustrazioni, trame, ecc. Non sto suggerendo di fregare 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, chiedi aiuto e dai ulteriori consigli al designer. Facci sapere cosa pensi sia fantastico del design e cosa pensi possa essere più forte. Come sempre, ti chiediamo anche di essere rispettoso del progettista del sito e di offrire chiari consigli costruttivi privi di eventuali insulti aspri.
