Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che sono fatte bene sia quelle che potrebbero usare del lavoro. Finalmente, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è Redka3d, il portfolio personale di un web designer dall'Indonesia.
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 24 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 sul proprietario del sito
"Famiglia e amici mi chiamano Tata, sono un web designer dall'Indonesia e attualmente risiede a Giacarta. ?
Ecco una sezione della homepage di Tata:
Prestazioni del sito
Prima di iniziare la nostra critica sul design, devo dire che i tempi di caricamento delle pagine possono essere altrettanto importanti o anche più di come appare il sito. Internet ad alta velocità ci ha rovinato tutti e gli utenti non aspetteranno più di pochi secondi per caricare una pagina.
Redka3d sembra soffrire di alcuni tempi di caricamento della pagina molto lunghi. Questo è probabilmente un problema temporaneo con il server, ma nel caso in cui sia indicativo di un problema a lungo termine, ho pensato di raccomandare di esaminarlo.
Intestazione
A prima vista puoi vedere che questo sito sarà unico. L'idea qui è sicuramente audacemente diversa; il nome del sito è racchiuso in un grande triangolo con dimensioni di lettere diverse.
Ammetto che esteticamente, questa sezione non è la mia preferita. Ma poiché non è convenzionale, il designer vince alcuni punti stile.
Un paio di settori hanno sicuramente bisogno di essere affrontati. In primo luogo, le lettere nel logo sono uscite dal triangolo in modo imbarazzante. Dal momento che le lettere sono dello stesso colore dello sfondo del sito, si sentono come buchi tagliati nel triangolo. Tuttavia, non condividono l'ombra della forma in modo che non siano realmente tagliati fuori dalla forma. Ai bordi, le lettere escono dal triangolo e coprono parti della sua ombra. Ciò crea confusione visiva su ciò che sta effettivamente accadendo qui. Raccomando di mascherare le lettere in modo che non si eliminino o di tagliarle fuori dal triangolo.
Un'altra area che potrebbe fare attenzione è la freccia. La copia incoraggia gli utenti a fare clic qui? con una grande freccia, ma non c'è niente alla fine della freccia, quindi sembra che qualcosa non si sia caricato correttamente. In verità, l'oggetto a cui punta la freccia è molto piccolo e molto lontano dalla freccia (il testo "Chi sono?"). Raccomando di riconsiderare come funziona quest'area cambiando la freccia, il testo o entrambi in modo che siano più chiaramente connessi.
Infine, potresti voler giocare con le ombre e il colore del testo usati sul sito. Come regola generale, cerco di evitare di rendere l'ombra delle mie ombre troppo vicina a quella degli oggetti a cui sono applicate. Il motivo è che quando questi colori sono troppo simili, l'ombra sembra quasi una sfocatura anziché un'ombra. Una soluzione semplice per questo è solo per schiarire l'ombra in modo che sia significativamente diversa dal testo.
Basta guardare la differenza che questo fa nella leggibilità del tuo testo.
Navigazione
La navigazione per il sito è posizionata proprio sotto l'intestazione. Lo stato di default è il testo in grassetto che poi scorre a sinistra al passaggio del mouse mentre scorre una versione più leggera. Si tratta di un effetto interessante. La transizione è fluida e l'animazione è divertente con cui giocare.
Tuttavia, potresti voler regolare leggermente la spaziatura negli stati di passaggio del mouse. Ogni elemento di testo è posizionato bene nello stato predefinito, ma si sposta troppo a sinistra nello stato al passaggio del mouse. Ad esempio, nell'immagine sottostante, la parola "Servizi"? dovrebbe essere centrato tra? Home? e? Vetrina? in entrambi gli stati di default e hover.
Quando fai clic sulla navigazione, vengono visualizzate nuove sezioni tramite questo effetto giostra 3D. È difficile da descrivere o mostrare qui, quindi assicurati di fermarti al sito e provarlo. In effetti, il sito è pieno di piccoli effetti jQuery. Potrebbe essere troppo per alcune circostanze, ma è bello girare per? Wow? fattore su un portafoglio personale.
Seguimi sezione
L'ultima area di cui discuteremo è l'hub della rete sociale vicino al fondo. A causa del grande? Follow Me? testo, quest'area colloca abbastanza in alto nella gerarchia visiva nonostante si trovi vicino al fondo della pagina.
Il fatto che quest'area sia così accattivante può essere buono o cattivo a seconda delle intenzioni del progettista. Se questa area dovrebbe essere uno degli aspetti più importanti del sito, sta funzionando. Se non lo è, ti consiglio di modificare il design in modo che non distolga molto dal contenuto sopra.
Per quanto riguarda le icone sociali, penso che siano un po 'troppo visivamente complesse. Tutto ciò che si oscura può diventare un po 'complicato, in particolare nell'icona di Digg. Questi leggerebbero molto meglio se fossero invertiti e semplificati. Ecco un rapido esempio di ciò che intendo.
Infine, nel contesto del resto della pagina, il feed Twitter sembra un po 'come un annuncio. Google ha addestrato i nostri occhi a ignorare completamente qualsiasi cosa simile a un annuncio di testo, quindi scommetterei che molti spettatori saltano proprio sopra questo senza rendersi conto di cosa sia. Prova a giocare con lo stile un po 'di più, abbandonando i collegamenti blu e aggiungendo qualche spaziatura verticale in più in modo che sembri meno un annuncio pubblicitario e più una funzionalità del sito web.
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 di essere rispettoso del designer del sito e di offrire una consulenza chiara e costruttiva priva di insulti.
Interessato ad avere criticato il tuo sito? Puoi saperne di più qui.