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 è iPhone Toolbox.
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 su iPhoneToolbox
? Raccogliamo le migliori risorse iphone tra cui sfondi, icone, applicazioni iphone e notizie per i fan di iPhone. Anche iPhone Toolbox viene aggiornato quotidianamente.
Ecco una sezione della homepage:
Prime impressioni
La mia reazione iniziale a questo design è mista. C'è un buon inizio qui. Il contenuto è stato organizzato in unità modulari, il che significa che la home page può contenere un sacco di contenuti disparati. Questa è una base abbastanza solida da cui partire per costruire ed è un buon inizio.
Il sito però si sente un piccolo biscotto. Con ciò intendo che sembra che il contenuto sia stato forzato in un modello piuttosto che il sito progettato attorno al contenuto. I modelli sono fantastici e possono farti risparmiare un sacco di soldi, ma sacrifichi molte opportunità di branding scegliendo uno con un design così comune.
Diamo un'occhiata da vicino ad alcune aree del sito che potrebbero migliorare.
Il logo
Sono certamente piuttosto schizzinoso quando si tratta di risoluzione e mi trovo a fare questo stesso suggerimento su diverse critiche. Il tuo logo è la prima e principale rappresentazione del tuo sito che i visitatori incontreranno. Pertanto, si desidera che sia il più nitido e acuto possibile. Il logo qui è un po 'sfocato.
L'immagine è già un PNG, ma sembra un JPG a bassa risoluzione. I PNG sono in grado di mantenere una quantità impressionante di dettagli e chiarezza, quindi immagino che il problema risieda nel tuo PSD. Assicurati di creare il file con le dimensioni appropriate e non iniziare con piccole risorse che dovrai allungare per essere più grandi.
Dov'è l'enfasi?
Uno dei problemi principali dell'utilizzo di un layout modulare è che è facile perdere il senso della gerarchia. Invece di una struttura di comunicazione chiaramente delineata, hai diversi elementi con un'enfasi simile in competizione per l'attenzione. Dai un'occhiata all'immagine qui sotto e pensa a dove si trova l'enfasi. Quale parte del sito attira maggiormente la tua attenzione?
Se hai chiesto a un centinaio di persone, probabilmente otterrai diverse risposte. Semplicemente non c'è un punto di partenza forte. Se non altro, l'annuncio in alto è l'elemento visivo più forte e confonde gli spettatori sul fatto che il messaggio pubblichi o meno i tuoi servizi o quelli di qualcun altro.
Ricorda che un buon design crea un percorso chiaro per gli spettatori da seguire. Possono staccarsi dal sentiero se lo desiderano, ma dovrebbe esserci un suggerimento forte. Conducili da un posto all'altro e rimarranno interessati, li getteranno in un pool di contenuti e chiuderanno la pagina e proseguiranno.
Consiglio di creare un'intestazione più chiara per il sito, sia che si tratti di branding puro o di una funzionalità più ampia? sezione, basta creare qualcosa che si estende per tutta la larghezza del sito che può servire come un forte punto di partenza visivo.
Allineamento
Le caselle che contengono il contenuto primario stabiliscono un chiaro allineamento per il sito, sia sul lato sinistro che su quello destro. Questa linea è seguita fino in fondo alla pagina, ma viene violata in alto. Nell'immagine qui sotto ho mostrato questo disegnando due linee che salgono dal contenuto principale.
Come puoi vedere, sia l'annuncio che la navigazione non si allineano correttamente con il contenuto del sito. Questo ha l'effetto di rendere il sito un po 'sciatto e spinge l'idea che l'annuncio fosse un ripensamento che è stato forzato nel design. Suggerisco di allineare l'annuncio con il resto del contenuto e spostare la navigazione in modo che? Home? si allinea con il resto del contenuto sottostante.
Pensieri finali
A parte questo, il sito funziona piuttosto bene. Gli allineamenti sono forti per tutto il resto, ci sono alcuni fantastici effetti al passaggio del mouse che mostrano come appare una carta da parati su un iPhone, la sezione carta da parati ha un trattamento curvo sulle immagini e il footer del sito sembra fantastico.
Alcune altre cose che possono essere affrontate facoltativamente includono la dimensione del testo (si sente un po 'piccola), gli angoli arrotondati (leggermente frastagliati) e la navigazione (colori ripetuti). Infine, considera l'aggiunta di alcuni punti di contrasto importanti alla pagina. Il suggerimento di testa che ho fatto prima potrebbe essere davvero accattivante se fosse davvero un grigio scuro o nero allungato in tutta la pagina. Il contrasto è un ottimo modo per aggiungere varietà e interesse visivo a un design.
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.