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 è FlashXML.net, un mercato di componenti Flash.
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 49 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 FlashXML.net
C'è un settore in continua crescita di autori che creano risorse Flash. La maggior parte di questi cosiddetti componenti Flash (più del 95% sul web oggi) sono in realtà solo file FLA modificabili. Il team di FlashXML.net si impegna a stabilire un nuovo standard costruendo i migliori componenti Flash disponibili, completamente personalizzabili senza la necessità di software Flash o di competenze specialistiche diverse dall'utilizzo del mouse. Sviluppiamo componenti Flash da più di quattro anni e pensiamo di farvi saltare in aria con ogni nuova versione!
Ecco uno screenshot della homepage:
Pensieri iniziali
I miei pensieri iniziali per questo sito sono abbastanza positivi. È attraente, ben bilanciato e comunica chiaramente il suo messaggio. La tavolozza dei colori utilizza la tecnica standard a tre colori con due colori primari (bianco e nero) e un colore enfatizzato (rosso). C'è un sacco di forte contrasto di colori per definire ogni sezione e mantenere gli occhi interessati.
Nel complesso, un lavoro ben fatto! Diamo un'occhiata più da vicino e vediamo se possiamo trovare qualcosa che deve essere migliorato.
Intestazione
C'è molto che è andato bene in questa intestazione. Mi piace molto la grafica di sfondo sottile: quanto basta per aggiungere un po 'di interesse visivo senza essere una distrazione. Mi piace anche il tema abbozzato che vedo qui e ripetuto altrove in tutto il sito.
Le icone sono semplici, attraenti e immediatamente leggibili. Il designer ha fatto un ottimo lavoro nel prendere un sacco di informazioni e ridurle a uno spazio molto piccolo e facilmente leggibile. Non è sicuramente un'impresa facile.
Detto questo, quando prendo l'intestazione nel suo complesso, sembra che ci sia un sacco di cose in competizione per la mia attenzione. Titoli, sottotitoli, due menu di navigazione, piazzole di vendita, una barra di ricerca, icone sociali, tutto ha una ragione e uno scopo quindi non sono sicuro che consiglierei di abbandonare tutto, ma una lievissima ristrutturazione della gerarchia potrebbe fare molto.
Uno dei modi migliori che ho trovato per pensare alla gerarchia visiva è quello di ridurre il design a forme semplici e analizzare la distribuzione degli spazi bianchi e come si rapporta al volume di ciascun elemento. Ecco il layout di base dell'intestazione:
Quando guardo questa distribuzione, non penso necessariamente che qualcosa faccia un lavoro particolarmente buono di distinguersi in termini di dimensioni e spazi bianchi. Per strutturare il tuo design un po 'meglio, prova a scegliere la cosa più importante e dandogli un ovvio aumento del volume visivo rispetto agli altri elementi.
Il pezzo alla fine dipende dalla scelta del progettista e del cliente, ma diciamo che volevi che il titolo fosse il punto focale principale qui, potresti ripensare lo spazio per assomigliare più a questo:
È un cambiamento sottile, ma se incorporato nel design attuale, questo indirizzerebbe sicuramente molta attenzione al titolo. Allo stesso modo, se si volesse mettere maggiormente l'accento sugli elementi di disegno, si potrebbe arrivare con la seguente distribuzione:
Contenuto del corpo
Sia l'intestazione che il piè di pagina contengono un sacco di contenuti di testo, quindi è positivo che questa sezione sia di natura visiva in quanto aiuta a fornire equilibrio e un po 'di divertimento per chi la cerca.
In contrasto con l'intestazione, che potrebbe utilizzare qualche ristrutturazione, quest'area ha un layout davvero grande composto da tre sezioni visivamente distinte ma ben integrate. Qui vediamo una ricomparsa dello sguardo disegnato a sinistra, un grande uso della ripetizione.
Mi piace molto anche il piccolo? Diventa socio? scatola. È un elemento attraente che risalta bene rimanendo coerente. Il design della scatola è un'immagine perfetta delle tendenze attuali del design, utilizzando grigi sottili in combinazione con quei famosi tratti a singolo pixel.
Una cosa in questa sezione che mi fa pensare è il componente Flash di esempio. Mi colpisce il fatto che, su un sito con l'obiettivo principale di vendere componenti Flash, devo scorrere molto lontano per vederne uno in azione. Se una riprogettazione completa è mai in corso, ti consigliamo di creare l'intestazione attorno a uno di questi cursori di immagine.
È bello mostrare subito ai visitatori un grande, impressionante esempio del prodotto in uso. Dopo tutto, se non riesci a incorporare i tuoi prodotti come elemento di design importante, come faccio?
Pagina del prodotto
Sfogliando la homepage, dai un'occhiata ad alcune delle singole pagine dei prodotti. In realtà sono davvero scivolosi. Ancora una volta vediamo un solido esempio di una quantità incredibile di informazioni e persino di interazioni e di organizzarle in uno spazio altamente fruibile e attraente. Mi piace l'uso di colori primari luminosi e la strategia di organizzazione guidata dalla scatola. Questa è sicuramente una pagina da aggiungere ai segnalibri e controlla la prossima volta che stai cercando di semplificare una pagina di e-commerce molto impegnativa.
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.