Critica Web Design n. 45: società via cavo ottimizzata
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 è Optimization-World.com, sede della Optimized Cable Company.
Esplora risorse di progettazione
Se desideri inviare il tuo sito Web per essere presentato in una futura critica al design, bastano pochi minuti. Facciamo pagare $ 49 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 sulla società via cavo ottimizzata
Ogni cavo venduto a Optimized Cable Company è garantito a vita. Se il cavo dovesse guastarsi, è sufficiente restituirlo a noi per una sostituzione senza problemi. Siamo molto orgogliosi di offrire cavi di alta qualità a prezzi molto ragionevoli. Non pagare eccessivamente per i cavi nei grandi magazzini. Ordina da noi e approfitta del nostro speciale di spedizione gratuita. Non ti risparmiamo. 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ì puoi fregare le idee degli altri, ma in modo da assicurarti che il tuo prodotto finale sia moderno e pertinente.
Come designer, è troppo facile per noi rimanere bloccati nel modo in cui affrontiamo un progetto. L'effetto negativo di questo è che il mondo cambia mentre noi rimaniamo gli stessi. Avere un sito Web che sembra obsoleto è particolarmente pericoloso per i negozi online perché può essere direttamente correlato alla riduzione delle vendite. I visitatori si fermano e sono improvvisamente incerti sul fatto che 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 sicurezza del loro sito non è aggiornata? In questo caso, potrei passare a Best Buy indipendentemente dal costo e dalla qualità dei prodotti solo perché il sito sembra più sicuro.
Certo, è difficile individuare esattamente ciò che distingue un design moderno da uno obsoleto, quindi oggi esamineremo e vedremo 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 fortemente lucido che sembra risalire al primo periodo del Web 2.0. Gloss può ancora funzionare in molti progetti web se fatto correttamente, ma qui questo particolare elemento sembra fuori posto. Praticamente nient'altro sulla pagina corrisponde a questo aspetto grafico, incluso il testo sul logo, che sembra più qualcosa di un annuncio 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. Ai marketer piace questo perché si distingue ma dal punto di vista del design sembra tutto sbagliato. I colori che completano possono risaltare e richiamare l'attenzione senza scontrarsi. Inoltre, anche senza considerare 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 sopra con lo stesso elemento sul sito Web Staples.
Possiamo imparare molto da questo. Innanzitutto, il layout è molto più spazioso e spazioso, tutto non è stipato in modo così stretto. Vediamo anche alcuni allineamenti forti a sinistra, al contrario di allineamenti centrali 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 Staples, questi elementi sono molto più attenuati. Sia i gradienti che le linee sono facili da perdere se non stai prestando attenzione, il che significa che si aggiungono all'estetica senza distrarre.
Colori e trame
Mentre ci spostiamo sul sito possiamo pensare che i colori e le trame abbiano un ruolo importante nell'impressione di un periodo di tempo. Nella schermata qui sotto vediamo questo in gioco insieme al forte uso di angoli duri con tratti neri a pixel singolo che li delimitano. Questo crea un'atmosfera squadrata che mi ricorda un po 'di 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 grande concorrente. Lo screenshot seguente mostra la barra laterale dalla homepage di Radio Shack. Questa società non è esattamente un quadro perfetto delle moderne pratiche commerciali, ma stanno cercando di mantenere il loro sito fresco e pertinente.
Foto e testo
Insieme agli elementi grafici nella pagina, devi anche guardare come strutturi i tuoi trattamenti di immagine. La foto in basso in realtà non ha alcuna buona area di colore solido su cui posizionare il testo, quindi al testo è stato dato un trattamento dell'ombra fantasma imbarazzante per farlo risaltare.
A volte hai una foto che non funziona davvero con il testo. Invece di provare a unire le due cose quando semplicemente non funziona, prendi in considerazione un percorso alternativo. Abbiamo un intero articolo dedicato alla progettazione con le foto che condivide alcuni trucchi fantastici su come combinare testo e fotografia in modo attraente e leggibile.
Testo e loghi
L'ultima parte di questa pagina che voglio affrontare è mostrata nell'immagine qui sotto. Qui abbiamo un intero branco di loghi, alcuni dei quali sono probabilmente necessari ma sicuramente non sono convinto che tutti debbano essere lì. L'accreditamento dal BBB è buono, ma devo davvero sapere che il sito utilizza il servizio postale degli Stati Uniti? È un dato di fatto che se compro un prodotto online, mi verrà spedito in qualche modo e la maggior parte di noi prende il servizio postale degli Stati Uniti per significare "posta ordinaria".
Inoltre, i loghi delle carte di credito potrebbero probabilmente essere spostati nella pagina di pagamento. La maggior parte dei consumatori abbastanza a suo agio da effettuare un acquisto online presumerà che tu prenda le principali carte di credito.
Infine, quello che viene dopo è un enorme blocco di testo uniforme. Non ci sono intestazioni, icone, trattamenti di testo differenziati (a parte i collegamenti) o qualsiasi altro trucco usato per rompere questo e renderlo più leggibile. A prima vista non so nemmeno di cosa tratta questo pezzo di testo, quindi perché dovrei impiegare qualche minuto per leggerlo?
Nel web design, semplicemente non puoi aspettarti che i visitatori affrontino un pezzo di testo puro come questo. Un visitatore su cento 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 dividerlo in blocchi significativi e gestibili che possono essere sfogliati rapidamente per informazioni pertinenti.
I progettisti di MailChimp sono stellari in questo e mi riferisco sempre al loro lavoro quando discuto di questo argomento. I loro recenti affronti di riprogettazione del sito hanno una pagina di funzionalità che è piena di testo, ma controlla come l'hanno gestita:
Intestazioni forti, brevi blocchi di testo e immagini che suggeriscono il contenuto sono tutti usati qui per rendere tutto questo contenuto facilmente digeribile.
raccomandazioni
Per portare questo sito nel 2011, raccomando ai progettisti di dare una rapida occhiata ad altri siti Web, sia nel loro campo che fuori (la nostra Galleria del Design è stata creata esattamente per questo scopo). Scopri di più su ciò che distingue i siti moderni dalle tendenze e dalle tattiche osservate sul sito ottimizzato.
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 eventuali insulti aspri.
