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 è Optimization-World.com, sede della Optimized Cable Company.
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 Optimized Cable Company
Ogni cavo venduto presso Optimized Cable Company è garantito a vita. Se il tuo cavo dovesse mai guastarsi, restituiscilo per una sostituzione senza problemi. Siamo molto orgogliosi di offrire cavi di alta qualità a prezzi molto ragionevoli. Non pagare troppo per i tuoi cavi presso i grandi magazzini. Ordina da noi e approfitta del nostro speciale di spedizione gratuito. Noi non ti nicheliamo. Il prezzo che vedete è il prezzo da pagare.
Ecco una sezione della homepage:
Impressione iniziale
Ci sono alcune buone idee al lavoro qui, tuttavia, nel complesso il design rispecchia molto da vicino qualcosa che sarebbe stato abbastanza comune circa dieci anni fa. Le tendenze del web design sono qualcosa che merita attenzione quando si decide di progettare un sito web. Non è così che puoi ripulire le idee degli altri, ma per assicurarti che il tuo prodotto finale sia moderno e pertinente.
Come designer, è troppo facile per noi rimanere bloccati nel modo in cui ci avviciniamo a un progetto. L'effetto negativo di questo è che il mondo cambia mentre noi restiamo gli stessi. Avere un sito web che sembra obsoleto è particolarmente pericoloso per i negozi online perché può riguardare direttamente le vendite inferiori. I visitatori si fermano e improvvisamente non sono sicuri se il sito sia o meno un luogo sicuro dove spendere soldi. È una società legittima che protegge i dati della mia carta di credito? O la loro sicurezza del sito non è aggiornata? In questo caso, potrei passare a Best Buy indipendentemente dal costo e dalla qualità dei prodotti solo perché il sito si sente più sicuro.
Certo, è difficile individuare esattamente ciò che distingue un design moderno da uno obsoleto, quindi oggi controlleremo e vediamo se siamo in grado di identificare quali aspetti influenzano direttamente le nostre impressioni sul periodo di tempo.
Intestazione
La prima cosa che attira la nostra attenzione qui è il logo. È un elemento pesantemente lucido che sembra risalire al primo periodo del web 2.0. La lucentezza può ancora funzionare in molti progetti Web se eseguita correttamente, ma qui questo particolare elemento sembra fuori posto. Praticamente niente altro sulla pagina corrisponde a questo aspetto, compreso il testo sul logo, che sembra più qualcosa di un'auto d'epoca (più confusione nel periodo di tempo).
Successivamente, passiamo al gradiente giallo. Questo colore viola davvero lo schema del resto del sito. I marketer amano questo perché spicca, ma dal punto di vista del design non sembra proprio sbagliato. I colori che completano possono risaltare e richiamare l'attenzione senza scontrarsi. Inoltre, anche senza considerazione per il resto del sito, il gradiente giallo è un'altra cosa che non riflette le tendenze attuali.
Per vedere cosa intendo, confrontiamo il banner di spedizione sul sito in alto con lo stesso elemento sul sito web di Staples.
Possiamo imparare molto da questo. In primo luogo, il layout è molto più spazioso e spazioso, tutto non è stipato in modo stretto. Vediamo alcuni forti allineamenti a sinistra in atto, al contrario di allineamenti del centro relativamente deboli. Si noti che la chiave qui è sottilmente. Esistono sfumature e persino una trama creata da linee sottili, entrambe visibili sul sito web ottimizzato. Tuttavia, sul sito di Staples, questi elementi sono molto più attenuati. Sia i gradienti che le linee sono facili da perdere se non si presta attenzione, il che significa che si aggiungono all'estetica senza distrarsi.
Colori e trame
Mentre scendiamo nel sito possiamo vedere più di questa idea che i colori e le trame stanno giocando un ruolo importante nell'impressione di un periodo di tempo. Nello screenshot qui sotto vediamo questo in gioco insieme all'uso intenso delle curve dure con tratti di pixel neri singoli che li circondano. Questo crea una sensazione squadrata che mi ricorda un lavoro che ho fatto per un cliente una volta in un CMS chiamato Plone.
Ancora una volta, confrontiamo questo con alcuni dei trattamenti che vediamo in un'area simile del sito di un importante concorrente. Lo screenshot qui sotto mostra la barra laterale della homepage di Radio Shack. Questa azienda non è esattamente un quadro perfetto delle moderne pratiche commerciali, ma sta tentando di mantenere il loro sito originale e pertinente.
Foto e testo
Insieme agli elementi grafici sulla pagina, devi anche osservare come strutturi i trattamenti dell'immagine. La foto qui sotto in realtà non ha una buona area di colore a tinta unita su cui collocare il testo, quindi al testo è stato dato un trattamento ombra fantasma scomodo per farlo risaltare.
A volte hai una foto che non funzionerà davvero con il testo. Piuttosto che tentare di incollare i due insieme quando semplicemente non funziona, si consideri un percorso alternativo. Abbiamo un intero articolo dedicato alla progettazione di foto che condivide alcuni trucchi fantastici per combinare testo e fotografia in modo attraente e leggibile.
Testo e loghi
La parte finale di questa pagina che voglio indirizzare è mostrata nell'immagine qui sotto. Qui abbiamo un intero gruppo di loghi, alcuni dei quali sono probabilmente necessari, ma non sono assolutamente convinto che tutti debbano essere lì. L'accreditamento da BBB è buono, ma ho davvero bisogno di sapere che il sito utilizza il servizio postale degli Stati Uniti? È quasi scontato che se acquisto un prodotto online, verrà spedito in qualche modo e la maggior parte di noi prende il servizio postale degli Stati Uniti per indicare "vecchia posta ordinaria".
Inoltre, i loghi delle carte di credito potrebbero essere spostati nella pagina di pagamento. Maggior parte dei consumatori abbastanza comodo per fare un acquisto online assumerà che si prendono le principali carte di credito.
Infine, ciò che viene dopo è un enorme blocco di testo uniforme. Non ci sono intestazioni, icone, trattamenti di testo differenziati (oltre ai collegamenti) o altri trucchi usati per suddividere questo e renderlo più leggibile. A prima vista non so nemmeno di cosa sia questo pezzo di testo, quindi perché dovrei impiegare diversi minuti per leggerlo?
Nel web design, semplicemente non puoi aspettarti che i visitatori affrontino un pezzo di testo puro come questo. Uno su cento visitatori potrebbe effettivamente passare attraverso il primo paragrafo, ma questo è ottimista. Significa che non puoi avere molto testo su una pagina web? Assolutamente no. Devi solo imparare a suddividerlo in blocchi significativi e gestibili che possono essere consultati rapidamente per ottenere informazioni pertinenti.
I designer di MailChimp sono stellari e mi riferisco sempre al loro lavoro quando discutono di questo argomento. Il loro recente tackle di riprogettazione del sito ha una pagina di funzionalità piena di testo, ma controlla come l'hanno gestita:
Intere intestazioni, brevi blocchi di testo e immagini che suggeriscono il contenuto sono tutti qui usati per rendere tutti questi contenuti facilmente digeribili.
raccomandazioni
Per portare questo sito nel 2011, raccomando ai progettisti di dare un'occhiata ad altri siti web, sia nel loro campo che fuori (la nostra galleria di design è stata creata proprio per questo scopo). Scopri di più su ciò che distingue i siti moderni dalle tendenze e dalle tattiche viste sul sito ottimizzato.
Potresti anche prendere in considerazione l'acquisto di un tema negozio da ThemeForest per ottenere un solido inizio su un buon design. Il tema qui sotto costa solo $ 15 e sembra fantastico!
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.