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 è myRepono, un servizio di backup del sito web.
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 myRepono
? Un sito web viene violato ogni 5 secondi, non rimandare il backup dei dati del tuo sito web! myRepono è una soluzione di backup di siti Web automatizzata. In cinque semplici passaggi potresti proteggere i tuoi dati e garantire la stabilità del tuo sito web.
Ecco uno screenshot della homepage:
Anche se c'è sicuramente spazio per miglioramenti, c'è molto che questo sito ha ragione. I designer hanno fatto un ottimo lavoro e ci hanno fornito alcuni buoni contenuti da cui imparare. Facciamo a pezzi il sito pezzo per pezzo per vedere come ogni sezione va bene.
Layout fluido
Penso che il layout sia una delle cose con cui hanno davvero fatto un ottimo lavoro. È bello e pulito, con il contenuto distribuito in modo logico. La maggior parte di tutto ha un forte allineamento e molti spazi bianchi sono stati usati per prevenire il disordine.
Inoltre, mi piace che il layout si adatti alle dimensioni della finestra del browser. Ci sono sicuramente larghezze specifiche in cui sembra essere ottimale, ma nel complesso è bene accogliere il maggior numero di utenti possibile e questo è quello che stanno cercando di fare qui.
Intestazione
L'intestazione non è un brutto pezzo di lavoro. L'allineamento è forte con il contenuto di seguito, e mi piace un po 'come hanno suddiviso la navigazione in un menu primario e secondario. Questo distingue chiaramente i contenuti più importanti e impedisce un enorme menu di navigazione.
Non mi fa impazzire per l'arancione in cima al grigio, ma ho chiesto in giro e ad alcune persone sembrava davvero piaciuto, quindi in realtà si tratta solo di una questione di opinione.
Devo dire che il contrasto potrebbe sicuramente essere migliorato rendendo il colore grigio più chiaro o più scuro. Gli attuali valori di luminosità dei due colori sono troppo simili nel loro stato attuale. Ecco un esempio di due alternative che avrebbero prestazioni migliori nell'area di contrasto.
Come puoi vedere, sia un oscuramento che un alleggerimento del grigio hanno aiutato immensamente. Se hai difficoltà a capire cosa intendo per contrasto, leggerezza, ecc., Prova a portare il tuo lavoro in scala di grigi per vedere quanto contrasto hai tra le diverse aree di colore. Questo ti aiuterà davvero a capire cosa intendo quando dico che i due colori semplicemente non sono abbastanza diversi da contrastare correttamente.
Carattere intestazione
Un'altra cosa che penso possa essere migliorata è il font usato per? MyRepono.? A parte ciò, potrebbe andare bene, ma su questa pagina piena di testo in grassetto, il singolo carattere estremamente sottile sembra fuori luogo. La ripetizione è la chiave per lavorare in un elemento casuale come questo. Se si desidera utilizzare questo carattere nell'intestazione, è necessario lavorare con caratteri ugualmente sottili altrove nella pagina. Altrimenti, passa a qualcosa di un po 'più audace.
Slider
Il cursore funziona bene qui. Hai tre grandi blocchi di informazioni che devono essere mostrati, ma sono fatti in modo compatto e pulito.
Mi piace molto anche il fatto che il cursore abbia un pulsante di pausa. Questa è una funzione vitale che è spesso completamente ignorata dalla maggior parte degli sviluppatori (incluso me). È davvero bello essere in grado di prendere queste informazioni in movimento e fermarle per leggere alla tua stessa velocità e spostarle solo quando sei pronto. Questa piccola funzionalità ti dà un grande impatto sull'usabilità.
Per qualche motivo, non sono pazzo per la transizione e ad essere onesto non sono esattamente sicuro del perché. Forse l'alleggerimento dell'animazione è un po 'imbarazzante (troppo balbettare in avanti), forse l'animazione è semplicemente troppo lunga o l'area è troppo ampia, o forse è tutto quanto sopra.
A volte quando si dispone di un'area così ampia, il cursore è migliore quando va su e giù piuttosto che lateralmente. Questo può essere visto in azione su questa pagina che abbiamo visto nella critica della scorsa settimana. In conclusione, funziona come al momento, ma potrebbe sembrare più agevole.
Area del contenuto
Non sono sicuro di avere alcuna lamentela su questa parte della pagina. Ci sono molte informazioni qui ma è stato presentato molto bene con icone minime ma attraenti e un layout chiaramente delineato. Mi piacciono le caselle della barra laterale sulla destra e come ce ne sono solo due. I progettisti spesso si lasciano trasportare dalle barre laterali e le riempiono di contenuti finché non cessano di essere utili.
È molto più difficile riuscire a mettere insieme qualcosa del genere con successo di quanto sembri e penso che i designer meritino molto credito per averlo tirato fuori bene.
footer
Ho due pensieri sul footer. In primo luogo, penso che potrebbero essersi trasferiti un po 'con lo spazio bianco qui. Il footer si sente semplicemente enorme e vuoto. Non vorrei togliermi tonnellate di altezza, ma un po 'più in alto e in basso farebbe molta strada.
In secondo luogo, quelle sono piccole icone sociali minuscole. Ho fissato questo sito, preso appunti, preso screenshot; tutto senza nemmeno notare che questi erano presenti. Se posso guardare la tua pagina per venti minuti e non notare nulla, allora un utente tipico che cercherà per una decina di secondi sicuramente non ha alcuna speranza di vederli.
Se questi sono in qualche modo importanti, ingrandisci un po 'le dimensioni. Se non sono importanti, perderli e lasciare queste informazioni per la pagina dei contatti.
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.