Critica di progettazione Web n. 34: myRepono
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 è myRepono, un servizio di backup di siti Web.
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 $ 34 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 myRepono
"Un sito Web viene violato ogni 5 secondi, non rimandare il backup dei dati del tuo sito Web! myRepono è una soluzione di backup del sito Web automatizzata. In cinque semplici passaggi potresti proteggere i tuoi dati e garantire la stabilità del tuo sito web. "
Ecco uno screenshot della homepage:
Sebbene ci sia sicuramente spazio per miglioramenti, c'è molto che questo sito Web vada bene. I designer hanno fatto un ottimo lavoro e ci hanno dato dei buoni contenuti da cui imparare. Tagliamo il sito pezzo per pezzo per vedere come va ogni sezione.
Layout fluido
Penso che il layout sia una delle cose con cui hanno davvero fatto un ottimo lavoro. È bello e pulito, con i contenuti distribuiti in modo logico. Quasi tutto ha un forte allineamento e un sacco di spazio bianco è stato usato 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 è buono per accogliere il maggior numero possibile di utenti ed è quello che stanno cercando di fare qui.
Intestazione
L'intestazione non è un brutto lavoro. L'allineamento è forte con il contenuto seguente e mi piace il modo in cui hanno suddiviso la navigazione in un menu principale e secondario. Ciò distingue chiaramente i contenuti più importanti e impedisce un enorme menu di navigazione.
Non sono pazzo dell'arancia in cima al grigio, ma ho chiesto in giro e ad alcune persone sembrava davvero piacere, quindi è solo una questione di opinioni.
Dirò 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 del contrasto.
Come puoi vedere, sia un oscuramento che uno schiarimento 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 di intestazione
Un'altra cosa che penso possa essere migliorata è il carattere utilizzato per "myRepono". Da solo, potrebbe andare bene, ma in questa pagina piena di testo in grassetto, il singolo carattere estremamente sottile sembra fuori posto. La ripetizione è la chiave per lavorare in un elemento casuale come questo. Se si desidera utilizzare questo tipo di carattere nell'intestazione, è necessario utilizzare caratteri tipicamente sottili altrove nella pagina. Altrimenti, passa a qualcosa di un po 'più audace.
Slider
Il dispositivo di scorrimento funziona bene qui. Hai tre grandi blocchi di informazioni che devono essere mostrati ma fatti in modo compatto e pulito.
Mi piace anche molto che il cursore abbia un pulsante di pausa. Questa è una funzione vitale che è spesso interamente considerata dalla maggior parte degli sviluppatori (incluso me). È davvero bello poter prendere queste informazioni in movimento e impedirle di leggere al tuo ritmo e spostarle solo quando sei pronto. Questa piccola funzionalità ti dà un grande impatto sull'usabilità.
Per qualche ragione, non vado pazzo per la transizione e ad essere sincero non sono esattamente sicuro del perché. Forse l'allentamento sull'animazione è un po 'imbarazzante (troppa balbuzie in avanti), forse l'animazione è semplicemente troppo lunga o l'area è troppo ampia, o forse è tutto quanto sopra.
A volte quando hai un'area così ampia, il cursore è migliore quando va su e giù piuttosto che da un lato all'altro. Questo può essere visto in azione in questa pagina che abbiamo visto nella critica della scorsa settimana. In conclusione, funziona come è attualmente ma potrebbe sembrare più fluido.
Area del contenuto
Non sono sicuro di avere alcun reclamo in merito a questa parte della pagina. Ci sono molte informazioni qui, ma sono state presentate molto bene con icone minimali ma attraenti e un layout chiaramente delineato. Mi piacciono le caselle della barra laterale sulla destra e come ce ne sono solo due. I designer spesso si lasciano trasportare dalle barre laterali e le riempiono di contenuti fino a quando non cessano di essere utili.
È molto più difficile mettere insieme qualcosa del genere con successo di quanto sembri e penso che i designer meritino molto credito per averlo fatto bene.
footer
Ho due pensieri sul piè di pagina. In primo luogo, penso che potrebbero essersi un po 'lasciati trasportare dallo spazio bianco qui. Il piè di pagina è semplicemente enorme e vuoto. Non mi taglierei tonnellate di altezza ma un po 'dall'alto e dal basso farebbe molta strada.
In secondo luogo, quelle sono alcune piccole icone sociali minuscole. Ho fissato questo sito, preso appunti, preso screenshot; il tutto senza nemmeno accorgersi che erano presenti. Se posso guardare la tua pagina per venti minuti e non notare qualcosa, un utente normale che navigherà forse per dieci secondi sicuramente non ha alcuna speranza di vederli.
Se questi sono in qualche modo importanti, aumentare leggermente le dimensioni. Se non sono importanti, perdili e lascia queste informazioni per la pagina dei contatti.
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.
