Critica di progettazione Web n. 15: possiamo fornire assistenza per la tua auto
Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che hanno funzionato bene sia quelle che potrebbero usare un po 'di lavoro. Infine, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è We Can Service Your Car.
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 "Siamo in grado di riparare l'auto"
“I nostri clienti sono al centro di ciò che facciamo. Siamo qui per rimuovere tutto il fumo e gli specchi che danno una brutta reputazione al settore automobilistico. La manutenzione delle auto è cambiata e la nostra attività è completamente in linea con il nuovo approccio alla manutenzione delle auto. Ci impegniamo a risparmiare denaro per i nostri clienti, offrendo il miglior servizio possibile e dando loro fiducia in ciò che diciamo ".
Ecco la homepage del sito:
Questo è un sito interessante e dovrebbe darci molti punti da discutere. Facciamo un salto e analizziamo il sito pezzo per pezzo.
sfondo
Lo sfondo del sito Web è questa illustrazione del dente del modello. È per lo più coperto dal contenuto ma dà una sbirciatina abbastanza da poter dire cosa sta succedendo.
Le auto non sono la prima cosa che mi viene in mente quando penso ai progetti, ma il riferimento ai macchinari lo fa funzionare. Adoro la grafica come un pezzo autonomo, ma penso che potrebbe essere attenuato un po 'sul sito Web per evitare confusione visiva. Consiglio di ridurre un po 'di più l'opacità in modo che sia appena visibile. Potresti anche considerare di ridimensionarlo un po '.
Intestazione
Quando guardiamo l'intestazione possiamo immediatamente vedere il tema che verrà portato in tutto il sito. Angoli arrotondati con ombre discendenti, alternando sfumature di blu con un po 'di bianco lanciato e tipografia audace.
La mia prima impressione è stata che la navigazione sembrava enorme. Questo combinato con il logo dell'auto improvvisamente fa sembrare questo un sito per bambini. Tuttavia, forse il tuo mercato di riferimento include individui più anziani che non possono più lavorare su un'auto da soli o altri tipi non tecnologici. In questo caso, i pulsanti grandi saranno probabilmente apprezzati dai tuoi utenti. A volte l'usabilità supera l'estetica. Assicurati solo di considerare per chi stai progettando principalmente e prova a fare appello alle loro esigenze.
Torna al logo dell'auto. Mi piace il concetto, ha molta personalità. Tuttavia, l'esecuzione non è la migliore. Non sono sicuro di come risolverlo senza ridisegnarlo completamente, ma potresti avere la persona che ha creato il logo con alcuni schizzi alternativi. Se decidi di rimanere con il logo attuale, assicurati di ripulire i bordi. Attualmente sono un po 'frastagliati e pixelati, specialmente intorno all'area del parabrezza.
benvenuto
La prossima area della pagina comunica efficacemente molte informazioni in un piccolo spazio. I punti elenco sono efficaci ed efficienti qui e i nomi dei produttori di auto a scorrimento continuo in basso rafforzano l'aspetto "qualsiasi auto".
Il designer ha scelto di portare un po 'di rosso qui per enfatizzare. Infrange la combinazione di colori e attira immediatamente la tua attenzione. Mi piace la citazione pull e come sia perfettamente allineata in alto e in basso con la copia bullet.
Il problema con quest'area, e in effetti gran parte del sito, è la gerarchia visiva. Come ho detto, il rosso aiuta a enfatizzare i punti giusti, ma tutto il resto qui è ancora in competizione per l'attenzione piuttosto che per avere una chiara definizione di importanza.
Ad esempio, tutto il testo sul sito è in grassetto ... tutto. Il testo in grassetto è ottimo per aggiungere enfasi laddove è necessario, ma si pone un problema quando lo spingi troppo oltre: se tutto è speciale, allora nulla è speciale. Consiglio di ripensare le tue scelte tipografiche e di ridurre il peso sulla maggior parte del testo, lasciando in grassetto solo le parti più importanti.
Inoltre, il concetto di gerarchia si applica anche alle dimensioni. Nota come il titolo "Benvenuto" abbia le stesse dimensioni (o chiudi) della copia bullet. Ancora una volta vediamo un caso di competizione per l'attenzione. Dal momento che il titolo definisce e introduce la sezione, aumentane le dimensioni mentre diminuisce quella dei punti elenco.
Ecco un mockup veloce e sporco di questa sezione reinventato con un migliore uso della gerarchia visiva. Non devi farlo esattamente in questo modo, concentrati semplicemente su come le informazioni sono divise in un modo molto più pulito.
Soddisfare
L'area del contenuto è attraente e offre alcune fotografie amichevoli, ma soffre dello stesso problema con tutto il testo in grassetto.
Un altro suggerimento chiave qui è quello di rendere le foto e il testo immediatamente sotto di loro un'unità visiva. In questo momento hai due distinti elementi visivi impilati uno sopra l'altro quando potrebbero essere facilmente legati insieme in un modo più coerente. Ancora una volta, questo è veloce e sporco ma hai l'idea.
footer
Infine, diamo un'occhiata al piè di pagina. Il contenuto qui è abbastanza semplice ma è stato reso molto più complesso e confuso di quanto non sia in realtà.
Prima di tutto, il rosso ha funzionato sul bianco sopra ma sicuramente il rosso non funziona sul blu. I due colori accesi uno sopra l'altro sono in conflitto invece che in contrasto. Inoltre, il testo ha davvero bisogno di lavoro. Ancora una volta, modifica un po 'l'audacia, riduci la prominenza della linea di copyright e correggi il pulsante di ricerca scomodo che è molto più lungo della parola contenuta all'interno (riduci la larghezza, centra il testo nel pulsante).
Il piè di pagina appiccicoso che ti tiene il numero di telefono mentre scorri è un bel tocco. Spesso quando qualcuno visita il sito Web di un'azienda fisica desidera solo una cosa: il numero di telefono. Il numero di telefono qui rimane con te mentre scorri il sito rendendo quasi impossibile perderlo.
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 insulti aspri.
Interessato ad avere il tuo sito criticato? Puoi saperne di più qui.
