Web Design Critique # 26: Toolbox per iPhone
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 è iPhone Toolbox.
Se desideri inviare il tuo sito Web per essere presentato in una futura critica al design, bastano pochi minuti. Facciamo pagare $ 24 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 iPhoneToolbox
"Raccogliamo le migliori risorse per iPhone, inclusi sfondi, icone, applicazioni per iPhone e notizie per gli appassionati di iPhone. Anche iPhone Toolbox viene aggiornato quotidianamente. "
Ecco una sezione della homepage:
Prime impressioni
La mia reazione iniziale a questo disegno è mista. C'è un forte inizio qui. Il contenuto è stato organizzato in unità modulari, il che significa che la homepage può contenere una tonnellata di contenuti disparati. Questa è una base abbastanza solida da cui partire ed è un buon inizio.
Il sito sembra un po 'cookie-cutter però. Con ciò intendo che sembra che il contenuto sia stato forzato in un modello anziché nel 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 uno sguardo da vicino ad alcune aree del sito che potrebbero utilizzare alcuni miglioramenti.
Il logo
Sono certamente piuttosto esigente quando si tratta di risoluzione e mi ritrovo a dare lo stesso suggerimento su diverse critiche. Il tuo logo è la prima e principale rappresentazione del tuo sito che i visitatori incontreranno. Pertanto, vuoi che sia il più nitido e nitido 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 conservare una quantità impressionante di dettagli e chiarezza, quindi immagino che il problema risieda nel tuo PSD. Assicurati di compilare il file con le dimensioni appropriate e non iniziare con piccole risorse che devi allungare per ingrandirle.
Dov'è l'enfasi?
Uno dei problemi principali con l'utilizzo di un layout così modulare è che è facile perdere il senso della gerarchia. Invece di una struttura di comunicazione chiaramente delineata, hai diversi elementi con 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 chiedessi a un centinaio di persone, probabilmente otterrai diverse risposte. Semplicemente non c'è un forte punto di partenza. Se non altro, l'annuncio in alto è l'elemento visivo più forte e confonde gli spettatori sul fatto che il messaggio stia pubblicizzando 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 interrompere il percorso se lo desiderano, ma dovrebbe esserci un forte suggerimento. 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, che si tratti di puro marchio o di una sezione "in primo piano" più ampia, basta creare qualcosa che si estende su tutta la larghezza del sito che può servire come un forte punto di partenza visivo.
Allineamento
Le caselle che contengono il contenuto principale stabiliscono un chiaro allineamento per il sito, sia sul lato sinistro che su quello destro. Questa linea è seguita fino in fondo alla pagina, ma è violata in alto. Nell'immagine qui sotto l'ho mostrato disegnando due linee che salgono dal contenuto principale.
Come puoi vedere, sia l'annuncio che la navigazione semplicemente non si allineano correttamente con il contenuto del sito. Ciò ha l'effetto di rendere il sito un po 'sciatto e spinge l'idea che l'annuncio fosse un ripensamento che è stato costretto nel design. Suggerisco di allineare l'annuncio con il resto del contenuto e spostare la navigazione in modo che "Home" sia allineato con il resto del contenuto sottostante.
Pensieri finali
A parte questo, il sito funziona abbastanza bene. Gli allineamenti sono forti per tutto il resto, ci sono alcuni fantastici effetti hover che mostrano l'aspetto di uno sfondo su un iPhone, la sezione degli sfondi ha un trattamento d'angolo pulito sulle immagini e il piè di pagina del sito sembra fantastico.
Alcune altre cose che possono essere affrontate opzionalmente includono la dimensione del testo (sembra un po 'piccola), gli angoli arrotondati (leggermente frastagliati) e la navigazione (colori ripetuti). Infine, considera di aggiungere alcuni importanti punti di contrasto alla pagina. Il suggerimento dell'intestazione che ho fatto in precedenza potrebbe essere davvero accattivante se fosse davvero grigio scuro o nero allungato lungo 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, 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 insulti aspri.
