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.
Oggi abbiamo un cliente fantastico che sono sicuro che tutti noi amiamo: SeaWorld! Quant'è fico? Entriamo e vediamo cosa pensiamo del loro sito.
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 SeaWorld
SeaWorld non ha bisogno di presentazioni. È una delle più belle catene di parchi a tema esistenti. Delfini, orche, mante e altro ancora si mescolano a giostre da brivido e altre grandi attrazioni. È semplicemente un posto magico.
Ovviamente, la gente del Sea World sa tutto ciò che c'è da sapere sul dare alle persone un'esperienza imbattibile nei parchi a tema, ma come è la loro web UX? Diamo un'occhiata.
Ecco uno screenshot della homepage di SeaWorld Parks:
La pagina di avvio
La pagina mostrata sopra è semplicemente un gateway che ti porta in una delle tre sedi SeaWorld: San Diego, San Antonio o Orlando. Scaveremo più a fondo nel sito di un parco specifico un po 'più tardi, ma iniziamo con una discussione su questa pagina.
Quali sono gli obiettivi?
Dato che questa pagina è così semplice, è abbastanza facile analizzarne l'efficacia. Un rapido sguardo ci dice che ci sono tre cose principali che i designer stanno cercando di ottenere con questa pagina. Il primo e più importante obiettivo è portarti in uno dei siti dedicati al parco SeaWorld. Senza questo scopo, questa pagina non esisterebbe nemmeno, quindi lo chiamerei lo scopo principale.
? Il primo e più importante obiettivo è portarti in uno dei siti dedicati al parco SeaWorld. Senza questo scopo, questa pagina non esisterebbe nemmeno.La mano nella mano con questo scopo è la comunicazione del marchio. Sì, sei nel posto giusto. Siamo SeaWorld ed ecco un piccolo assaggio di ciò che puoi aspettarti di vedere nei nostri parchi. L'ultimo bit di scopo si trova nella piccola navigazione secondaria nella parte superiore della pagina. Nel caso in cui venissi nel posto sbagliato, ecco alcuni link per ottenere dove devi essere.
Dov'è il Focus?
Con gli obiettivi sopra in mente, valutiamo il successo di questo progetto. Se l'intero scopo dell'esistenza della pagina è quello di fungere da gateway per gli altri tre parchi, allora è ovvio che una buona parte della pagina dovrebbe essere dedicata a questa attività. Tuttavia, ciò che vediamo invece è che una parte della pagina abbastanza minuscola è dedicata a qualsiasi tipo di interazione.
Facciamo un wireframe per poter valutare le relazioni spaziali degli oggetti:
Come puoi vedere, tutta l'interattività è gettata in una piccola area nella parte superiore della pagina. Tutto passa in secondo piano rispetto al grande colpo di macchina di Atlantis, di cui parleremo più avanti. È bello mettersi in mostra e rendere le persone entusiaste, ma come ho detto sopra, credo che questo sia in realtà l'obiettivo secondario della pagina. Nella sua forma attuale, è in realtà più di una distrazione.
Quando atterro su questa pagina, quella grafica mi attira subito, ma non mi porta da nessuna parte. Non è un collegamento, non punta a nulla, è solo un'immagine. Da lì, i miei occhi non istintivamente hanno una prossima destinazione. Sono costretti a fluttuare nella pagina per scoprire cosa diavolo sta succedendo.
"Se questa è solo una pagina di transizione, è necessario portare gli utenti dove vogliono andare il più rapidamente possibile."Propongo di ripensare l'intero flusso di comunicazione su questa pagina. Se questa è solo una pagina di transizione, è necessario portare gli utenti dove vogliono andare il più rapidamente possibile. Le probabilità sono, hai solo un minuto del loro tempo per cominciare e hai appena sprecato per costringerli a capire questa pagina. Immagina di aver spostato la pagina a qualcosa di più simile a questo:
Questo pone l'obiettivo principale della pagina in primo piano e in faccia. qui, le tre scelte del parco a tema sono al centro dell'attenzione. Non appena la pagina viene caricata, capisci cosa sta succedendo e fai clic sul parco che ti interessa visitare.
L'obiettivo di questo layout è ridurre la quantità di tempo trascorso sulla pagina del gateway in modo che l'utente possa essere più produttivo. Le tre grandi scatole servono doppio servizio. Ottengono gli utenti dove vogliono andare e ti danno un bel spazio per le immagini di marca. Piuttosto che mostrare un'attrazione su questa pagina, potresti evidenziare tre caratteristiche uniche, una per ciascun sito.
Estetica
L'aspetto estetico della pagina è un paesaggio oceanico con una vita acquatica e una stereotipata famiglia nucleare americana che si diverte a fare un giro. Concettualmente, questo colpisce tutti i punti importanti. È umido, selvaggio, divertente e si rivolge a quella che è probabilmente la principale base di clienti di SeaWorld (famiglie benestanti, di classe medio-alta con reddito disponibile).
A volte qualcosa può essere concettualmente morto, ma alla fine non è così grande nell'esecuzione, e penso che sia quello che sta succedendo qui. La grafica della pagina ha tutti una sorta di aspetto accostato di Photoshop.
"A volte qualcosa può essere concettualmente morto, ma alla fine non è così grande nell'esecuzione, e penso che sia quello che sta succedendo qui."Lo splash, per esempio, è ovviamente estratto da un colpo su piccola scala. È probabile che lo splash provenga da una foto di scorta di qualcosa come un pezzo di frutta caduto in acqua. Questo ha l'effetto strano di far sembrare la gente quasi in miniatura. Getta lo sfondo nel mix e improvvisamente tutto sembra davvero troppo grande. La scala di tutto qui è solo un po 'traballante.
Le probabilità sono, la maggior parte della gente non noterà tutte queste cose.Detto questo, penso che la qualità dell'esperienza visiva qui sia piuttosto bassa. Sapendo come funzionano i team di progettazione, questi sono senza dubbio le risorse del marchio con cui il team di progettazione web ha dovuto lavorare. Personalmente penso che una grande, alta qualità, vero la foto di persone che si divertono in giro avrebbe un impatto maggiore e più credibile.
Park Home Page
Abbiamo passato molto tempo a criticare una porzione molto piccola del sito, ma dato che è la prima cosa che la gente vede, vale la pena prendersi il tempo per farlo bene. Ora andiamo avanti e guardiamo uno dei siti dedicati al parco.
Prima impressione
Qui abbiamo una pagina con molto altro in corso. La porzione centrale non è più un'immagine statica, è una presentazione che scorre attraverso varie attrazioni emozionanti con un sacco di famiglie sorridenti, felici e creature del nuoto. Ad essere onesti, molti dei problemi estetici che abbiamo visto prima sono riportati qui.
Non sono molto impressionato dall'aspetto e dall'aspetto del sito nel suo complesso. Il marchio? SeaWorld? sta venendo via come un po 'disordinato e occupato. Le immagini sono un patchwork di varie idee, tutte schiaffeggiate insieme e integrate goffamente sullo sfondo dell'oceano. Sono anche tutti presentati a una risoluzione veramente bassa con tonnellate di brutti artefatti JPG.
? Le immagini sono un patchwork di varie idee, tutte schiaffeggiate insieme e incorporate goffamente sullo sfondo dell'oceano?Se lo sfondo è la cosa che fa inciampare il team di progettazione, perderlo. Puoi utilizzare una foto a larghezza intera nell'intestazione senza occupare tutto lo sfondo del sito. Penso che il sito qui sotto, lo fa abbastanza bene:
Questo sito è stupendo e c'è molto che possiamo imparare da esso. Nota come le immagini sono composte da fotografie di altissima qualità, non da raccolte di Photoshop veloci e sporche. Ci sono molte cose ma è tutto ben organizzato e semplificato, quindi non devi urlare troppo alla tua attenzione in una volta.
Ora, le immagini sono tutte sbagliate per SeaWorld? Ovviamente. Hanno ancora bisogno di perseguire gli eccitanti scatti di famiglia pieni di azione, ma dovrebbe essere fatto in un modo che è più simile al sito qui sopra. Dammi divertimento, ma non sacrificare la qualità dell'esperienza visiva per arrivarci.
? Dammi divertimento, ma non sacrificare la qualità dell'esperienza visiva per arrivarci.?Non riesco a immaginare che SeaWorld di tutti i posti non abbia un mucchio di immagini straordinarie di bestie e uomini, che aspettano solo di essere integrati in un bellissimo sito.
Quali sono gli obiettivi?
Gli obiettivi per questa pagina sono molto più complicati della pagina che abbiamo visto prima. Per iniziare, consideriamo il motivo per cui, come utente, visitarei il sito SeaWorld. Ecco un elenco di cose che ho trovato, in nessun ordine particolare:
- Istruzione: come è SeaWorld? Che cosa faremo?
- Acquista i biglietti
- Organizza il mio viaggio (hotel, voli, ecc.)
- Ore di parcheggio
- Indicazioni stradali
- Vendite ed eventi speciali
Performance contro obiettivi
Per la maggior parte, il sito si comporta abbastanza bene contro il mio breve elenco di possibili obiettivi. Mi piace che una delle prime cose che vedo sul sito sia questo piccolo widget:
Questo è bellissimo. Subito posso vedere le ore del parco e le condizioni meteorologiche. Questi sono due grandi motivi per le visite al sito e senza un solo clic ho già trovato la mia risposta.
Esplorando ulteriormente, c'è una bella area di acquisto del biglietto, le indicazioni stradali sono a portata di click sotto le informazioni del parco? link, ci sono diversi link per la pianificazione del viaggio e tonnellate di educazione su come è il parco e cosa sta succedendo.
Nel complesso, penso che se ho in mente un obiettivo specifico quando arrivo sul sito, dovrei riuscire a farlo abbastanza facilmente. Al contrario, se sto solo cercando di esplorare, c'è un sacco di contenuti per farmi emozionato per il parco.
Menu di navigazione
Nonostante il fatto che non sia troppo difficile per me trovare quello che sto cercando, penso ancora che ci sia molto spazio per migliorare. La cosa principale che mi fa scuotere la testa al momento è il menu di navigazione? o meglio i menu.
Ci sono almeno quattro diverse linee orizzontali di link in questo piccolo spazio. Inoltre, ci sono enormi menu a discesa al passaggio del mouse. Abbiamo sottomenu per i nostri sottomenu. I progettisti si differenziano sempre per il fatto che sia utile avere tonnellate di navigazione che rendono ogni pagina a portata di clic dalla home page. Ci sono ovviamente pro e contro nelle tattiche di mega navigazione, ma una cosa è certa: sono facili da rovinare.
Indipendentemente da quanto lontano vuoi prenderlo, penso che una semplificazione qui sia vitale. C'è solo troppa navigazione e rende tutto molto difficile da setacciare. Questo problema è estremamente comune su siti di grandi dimensioni con molti contenuti e non sempre è facile trovare una risposta. Qui sotto puoi vedere che Disney lotta con lo stesso sovraccarico di navigazione.
Pensieri di chiusura
È facile stare indietro e giudicare le grandi organizzazioni per i loro problemi di progettazione. L'argomento è sempre lo stesso: hanno così tanti soldi e così tante risorse, perché non riescono a tirare fuori il miglior sito web del mondo?
La realtà della situazione è che questa è una posizione piuttosto ingenua presa solo da coloro che non hanno mai lavorato come parte di una grande organizzazione. Potresti vedere il libero professionista lavorare sul suo sito personale come il perdente, ma in realtà ha il vantaggio dal punto di vista del design. Lui può fare tutto ciò che vuole. Utilizza tecnologie web sperimentali, supervisiona l'intero design e assicurati che ci sia un'esperienza coerente e di prim'ordine; tutto viene fuori di testa e non c'è nessuno che lo sfidi.
"Lavorano duro e significano bene, ma alla fine ci sono molti ostacoli importanti tra loro e un design stellare."Paragoni questo al modo in cui tipicamente i progetti di web design aziendale vanno. Ci sono molte mani e teste che devono collaborare a un singolo progetto. Linee guida rigorose e spesso in competizione con i brand, requisiti di compatibilità dei browser, risorse progettuali secondarie (spazzatura, eliminazione dei rifiuti), lunghe riunioni e politica degli uffici sono ciò che definisce la routine quotidiana per queste persone. Lavorano duro e significano bene, ma alla fine ci sono molti ostacoli importanti tra loro e un design stellare.
Raccomandazioni per il futuro
C'è un sacco di miglioramenti incrementali qui che possono essere fatti, ma pensiamo alla riprogettazione importante che inevitabilmente accadrà un giorno. Anche se sono anni nel futuro, vale la pena discutere.
La mia raccomandazione è di abbattere tutto e ricominciare da capo. Due grandi cambiamenti devono accadere. Innanzitutto, il team del marchio SeaWorld deve decidere come vogliono guardare sul web. L'estetica attuale non lo sta tagliando e hanno bisogno di una nuova direzione che mostri un migliore equilibrio tra le immagini che sono eccitanti e di alta qualità.
"I ragazzi del Web devono costruire dei wireframe e concentrarsi sull'usabilità oltre all'estetica."Mentre sta accadendo, i ragazzi del web devono costruire dei wireframe e concentrarsi sull'usabilità oltre all'estetica. Il nome del gioco è la semplificazione. Taglia il disordine e scopri cosa è più importante. Come abbiamo visto sulla pagina del gateway, i pezzi importanti devono essere resi più importanti e più facili da usare. Studia il flusso semplice del sito di Kiawah Island sopra e prendi nota. Trova altri siti che funzioneranno come grandi fonti di ispirazione e scopri cosa stanno facendo bene.
Mentre ci sei, rendi prioritaria la mobilità. Non ho avuto il tempo o lo spazio qui per coprire il sito mobile, ma è brutto. Il prossimo sito dovrebbe essere reattivo e non penalizzare gli utenti mobili con un'esperienza subpar.
? Il prossimo sito dovrebbe essere reattivo e non penalizzare gli utenti mobili con un'esperienza subpar. ?Il progetto di riprogettazione sarà una sfida enorme, difficile e frustrante che troppo facilmente salta fuori pista e si trasforma in un disastro. Tale è la condizione del web designer. Lo amiamo tutti perché, nonostante tutte le sfide, è possibile raggiungere risultati sorprendenti. Sono fiducioso che il team di SeaWorld ha il talento per realizzare un design straordinario e altamente utilizzabile se si dedica davvero a questi due obiettivi.
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.