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 è BDQWorks una società di progettazione e sviluppo di temi Drupal / WordPress.
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 34 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 BDQWorks
BDQWorks è un piccolo studio di progettazione e programmazione web di Jason Saeho Lee di Toronto, Ontario, Canada. BDQWorks funziona principalmente per le medie imprese canadesi come Kudos Home & Design e diverse sensazioni su YouTube come Clara C.
Ecco uno screenshot della homepage:
Impressione iniziale
BDW Works è un'agenzia di design, quindi mi metterebbe in una posizione scomoda se pensassi che il loro sito fosse brutto, per fortuna no. Ci sono sicuramente alcune cose di cui non sono particolarmente entusiasta, ma la maggior parte di esse si riduce ad una preferenza.
Nel complesso, il sito è utilizzabile e progettato molto bene, proprio come il lavoro che BDQWorks distribuisce quotidianamente. Analizziamo alcuni dei singoli pezzi per vedere cosa troviamo.
Menu di navigazione
Se segui queste critiche settimanali, sai che una delle prime cose che controllo sempre su un sito è il menu di navigazione. Questo è il componente chiave per gli utenti per ottenere dove vogliono andare e sono fermamente convinto che questo elemento debba essere azzeccato per chiamare con successo un sito web.
Il menu di BDQWorks è piuttosto unico e ha una struttura diversa da quella che ho visto su altri siti. Ecco un'anteprima:
Come puoi vedere, i menu a discesa non contengono semplicemente un elenco di link, ma anche un piccolo frammento di informazioni. Questo è davvero carino e ti fa capire cosa ti puoi aspettare se segui quel particolare link.
Il lato negativo di questo è che ci si sente così diversi che mi ci è voluto un secondo per capire cosa stava succedendo, specialmente dal momento che i vari menu a discesa cambiano allineamento su di te, lasciandoti non sapere cosa aspettarti mentre ti posizioni sopra la prossima opzione.
Per evitare tale modifica, raccomando di assegnare a tutti i menu a discesa lo stesso allineamento in modo che l'elenco di collegamenti e la descrizione non stiano mai scambiando i lati. Inoltre, potresti prendere in considerazione la possibilità di cambiare l'effetto di passaggio del mouse su una barra di colore reale dietro il testo, quindi è più ovvio del testo che cambia semplicemente colore. Con il grande menu pieno di contenuti, questo aiuterà a guidare l'utente su quali opzioni devono cliccare.
Illustrazioni
Il tema personalizzato del sito sembra essere queste piccole persone illustrate che appaiono in vari punti. Sono intenzionalmente disegnati in modo approssimativo e forniscono un tocco amichevole e antropomorfico al sito.
Ad essere onesti, però, non mi fa impazzire lo stile dell'illustrazione. Questo alla fine si riduce ad una preferenza, ma penso che in realtà servano a far crollare l'estetica complessiva del sito.
La foto del cliente, che sostituisce questi personaggi dopo alcuni secondi di visualizzazione del sito, è molto più coinvolgente e attraente. Si presta all'idea di produrre un lavoro di alta qualità piuttosto che contrastare quella nozione come le illustrazioni.
Navigazione secondaria
A circa metà della pagina c'è una fila orizzontale di immagini e collegamenti a cui mi riferirò come navigazione secondaria. Ognuno di questi rappresenta un servizio offerto da BDQWorks e mostra un'immagine di un desktop Mac-friendly.
Alla fine di questo però c'è una piccola scatola che dice semplicemente "Temi". Mi piace e non mi piace questo tocco. Quello che mi piace è l'idea e l'intenzione dietro di esso. Volevi dare a quest'area un'attenzione speciale in modo da farla sembrare diversa dalle altre. Rompe il tema della foto, la dimensione uniforme stabilita dagli altri e la scelta del font.
Il problema è che viola l'aspetto degli altri senza completarlo. Allo stesso modo in cui due colori possono essere in conflitto o complementarsi, due oggetti visivi possono scontrarsi o trovare armonia. Quest'ultima piccola scatola sembra davvero fuori luogo, quasi come se un progettista completamente diverso la inserisse in un ripensamento.
La mia raccomandazione è di ripensare quest'area. Per prima cosa, dividi l'area in cinque caselle uguali. Quindi, posiziona i "temi"? scatola nel mezzo. Se vuoi dare attenzione, questo è un buon punto. Infine, usa il colore e la dimensione del carattere solo per differenziarlo. Penso che una scatola nera contrasti piacevolmente con gli altri senza essere imbarazzante. Forse potresti rimanere con il tema di iMac (attaccare i loghi sullo schermo di iMac) e i font utilizzati altrove, anche se leggermente più grandi o più audaci.
Messaggistica solida
Un posto in cui penso che BDQ faccia davvero un ottimo lavoro è gestire la comunicazione sulla pagina. Ovunque guardi, mi viene in mente che si tratta di un'azienda di web design specializzata in Drupal e WordPress. Semplicemente non puoi perdertelo! Questa è una grande cosa per i visitatori per la prima volta poiché rende immediatamente chiaro lo scopo del sito e l'identità dell'azienda.
Come puoi vedere dall'immagine sopra, una delle prime cose che vedi nella pagina è una descrizione di chi è l'azienda e un elenco dei servizi che offrono.
Questo concetto è ulteriormente migliorato dal video introduttivo sul lato sinistro della homepage, che ti presenta BDQWorks, ti mostra alcuni dei loro lavori e contiene interviste reali ai clienti che firmano le lodi dell'azienda. Questo video è molto ben prodotto e mi dà davvero la certezza che si tratta di un'azienda di alto livello professionale e che posso essere fiducioso sia della qualità del lavoro che producono che del servizio clienti che forniranno.
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.