Veebikujunduse kriitika # 88: SeaWorld

Igal nädalal vaatame uut veebisaiti ja analüüsime kujundust. Toome välja mõlemad valdkonnad, mida on hästi tehtud, lisaks neile, kus saaks mõnda tööd kasutada. Lõpuks küsime teilt enda tagasiside.

Täna on meil fantastiline klient, keda ma kindlasti armastan: SeaWorld! Kui lahe see on? Hüppame sisse ja vaatame, mida nende saidist arvame.

Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 49 dollarit - tunduvalt vähem kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.

SeaWorldi kohta

SeaWorld ei vaja tutvustamist. See on üks lahedamaid eksisteerivaid teemapargi ahelaid. Delfiinid, tapmisvaalad, mantid ja palju muud on segatud põnevusretkede ja muude toredate vaatamisväärsustega. See on lihtsalt maagiline koht.

Ilmselt teavad meremaailma inimesed kõik, mida on vaja teada, et pakkuda inimestele parimat pargikogemust, kuid kuidas on nende veebi UX-iga? Vaatame lähemalt.

Siin on SeaWorld Parksi kodulehe ekraanipilt:

Käivitusleht

Ülaltoodud leht on lihtsalt värav, mis viib teid ühte SeaWorldi kolmest asukohast: San Diego, San Antonio või Orlando. Kaevame veidi hiljem konkreetse pargi saidile, kuid alustame selle lehe aruteluga.

Mis on eesmärgid?

Kuna see leht on nii lihtne, on selle tõhusust üsna lihtne analüüsida. Kiire pilk ütleb meile, et on olemas kolm peamist asja, mida disainerid selle lehe abil püüavad saavutada. Esimene ja kõige olulisem eesmärk on pääseda teid ühte selleks pühendatud SeaWorldi pargikohta. Ilma selle eesmärgita poleks seda lehte isegi olemas, nii et ma nimetaksin seda põhieesmärgiks.

„Esimene ja kõige olulisem eesmärk on pääseda teid ühte selleks pühendatud SeaWorldi parklakohta. Ilma selle eesmärgita poleks seda lehte isegi olemas. ”

Selle eesmärgiga käsikäes on brändikommunikatsioon. Jah, olete jõudnud õigesse kohta. Oleme SeaWorld ja siin on väike maitseelamus sellest, mida võite meie parkides näha. Viimane eesmärk on pisike sekundaarne navigeerimine lehe ülaosas. Igaks juhuks, kui jõudsite valesse kohta, on siin mõned lingid, et saada teid sinna, kus peate olema.

Kus on fookus?

Arvestage ülaltoodud eesmärke silmas pidades selle kujunduse edukust. Kui kogu lehe olemasolu eesmärk on olla väravaks kolmele muule pargile, on mõistlik, et selle lehe jaoks tuleks pühendada suur osa lehest. Selle asemel näeme aga, et üsna väike osa lehest on pühendatud igasugusele suhtlusele.

Raamime selle välja, et saaksime hinnata üksuste ruumilisi suhteid:

Nagu näete, visatakse kogu interaktiivsus lehe ülaosas pisikesele alale. See kõik võtab tagaistme suurele Atlantise sõiduvõttele, mida arutame hiljem. Tore on sõitu näidata ja inimesi erutada, kuid nagu ma juba eelpool mainisin, usun, et see on tegelikult lehe teine ​​eesmärk. Praegusel kujul on see tegelikult pigem tähelepanu hajutamine.

Sellele lehele jõudes tõmbab see graafik mind kohe sisse, kuid ei vii kuhugi. See ei ole link, see ei viita millelegi, see on lihtsalt pilt. Sealt edasi pole mu silmadel instinktiivselt järgmist sihtkohta. Nad on sunnitud lehe ümber hõljuma, et teada saada, mis paganama toimub.

"Kui see on tõesti ainult üleminekuleht, peate kasutajad võimalikult kiiresti minema sinna, kuhu nad tahavad minna."

Teen ettepaneku mõelda kogu selle lehe suhtlusvoog ümber. Kui see on tõesti ainult üleminekuleht, peate kasutajad võimalikult kiiresti minema sinna, kuhu nad tahavad minna. Koefitsiendid on see, et teil on nende alustamiseks aega vaid minut ja olete lihtsalt seda raisanud, sundides neid seda lehte välja mõtlema. Kujutage ette, et me nihutasime lehte millelegi sellisele:

See asetab lehe peamise eesmärgi ette ja teile näkku. siin on keskpunktis kolm teemapargi valikut. Niipea kui leht laeb, saate aru, mis toimub, ja klõpsake pargil, mida soovite külastada.

Selle paigutuse eesmärk on lühendada lüüsi lehel veedetud aega, et kasutaja saaks olla produktiivsem. Kolm suurt kasti täidavad topeltmaksu. Nad suunavad kasutajad sinna, kuhu nad tahavad minna, ja annavad teile brändipiltide jaoks kena ruumi. Sellel lehel ühe atraktsiooni esitamise asemel võiksite välja tuua kolm ainulaadset funktsiooni, igast saidist ühe.

Esteetika

Lehe esteetiline tunne on ookeanimaastik, kus on veidi veeelustikku ja teie stereotüüpse Ameerika tuumaperekonna seltskonnal on lõbus. Kontseptuaalselt tabab see kõiki olulisi punkte. See on märg, metsik, lõbus ja sihib seda, mis on tõenäoliselt SeaWorldi peamine kliendibaas (hästi riietatud, kõrgema keskklassi pered, kellel on kasutatav sissetulek).

Mõnikord võib midagi kontseptuaalselt surnud olla, kuid see ei pruugi nii hästi teoks saada ja ma arvan, et just see siin toimub. Kõigil selle lehe graafikatel on omamoodi munakividest koosnev Photoshopi kohatäite välimus.

"Mõnikord võib midagi kontseptuaalselt surnud olla, kuid see ei pruugi nii hästi teoks saada ja ma arvan, et just see siin toimub."

Näiteks pritsmed tõmmatakse ilmselgelt väikesemahulistest löökidest. On tõenäoline, et prits on pärit fotolt, milles on midagi vette kukkunud puuviljatükki. Sellel on kummaline mõju, kuna see muudab inimesed peaaegu miniatuurseteks. Visake taust segu ja äkki tundub kõik tegelikult liiga suur. Kõigi siinne ulatus on vaid pisut kentsakas.

Koefitsiendid on, et enamik inimesi ei pane kõiki neid asju tähele. Seda öeldes arvan, et visuaalse kogemuse kvaliteet on siin üsna madal. Teades, kuidas disainimeeskonnad töötavad, on need kahtlemata lihtsalt brändi ressursid, millega veebidisaini meeskond pidi töötama. Ma isiklikult arvan, et ühel suurel, kvaliteetsel ja tõelisel fotol inimestest, kellel on sõidu ajal lõbus, oleks suurem, usutavam mõju.

Pargi koduleht

Veetsime pikka aega väga väikese osa saidist kritiseerimist, kuid arvestades, et see on esimene asi, mida inimesed näevad, tasub selle paremaks muutmiseks võtta aega. Liigume nüüd edasi ja vaatame ühte spetsiaalset pargikohta.

Esmamulje

Siin on meil leht, kus toimub veel palju muud. Keskmine osa pole enam staatiline pilt, see on slaidiseanss, mis läbib erinevaid põnevaid vaatamisväärsusi, kus on palju naeratavaid, õnnelikke perekondi ja ujumisolendeid. Ausalt öeldes on paljud esteetilised probleemid, mida me varem nägime, siia üle kantud.

Mulle ei meeldi kogu saidi ilme ja mulje. “SeaWorldi bränd” on välja tulemas pisut segaduses ja hõivatud. Pildid on mitmesuguste ideede segased kujundid, mis kõik on kokku laotud ja kohmakalt integreeritud ookeani taustale. Samuti on need kõik esitatud väga madala eraldusvõimega, tonnide kaupa koledat JPG-d esitades.

"Pildid on segased ideed, mis on kõik kokku lõksutatud ja kohmakalt integreeritud ookeani taustale."

Kui taust on asi, mis disainimeeskonna üles tõukab, siis kaotage see. Päises saate kasutada kogu laiusega fotot, ilma et see võtaks kogu saidi tausta. Arvan, et allolev sait teeb seda üsna hästi:

See sait on uhke ja selles on palju õppida. Pange tähele, kuidas kujutised koosnevad ülikvaliteetsetest fotodest, mitte kiiretest ja määrdunud Photoshopi kompositsioonidest. Toimub palju, kuid see kõik on kenasti korraldatud ja lihtsustatud, nii et teil pole korraga liiga palju oma tähelepanu karjuda.

Kas nüüd on SeaWorldil visuaalselt kõik valed? Muidugi. Nad peavad endiselt tegema põnevaid perepilte, mis on täis tegevust, kuid see peaks toimuma viisil, mis sarnaneb rohkem ülaltoodud saidiga. Andke mulle nalja, kuid ärge ohverdage sinna jõudmiseks visuaalse kogemuse kvaliteeti.

"Andke mulle nalja, kuid sinna jõudmiseks ärge ohverdage visuaalse kogemuse kvaliteeti."

Ma ei kujuta ette, et kõigis kohtades SeaWorldil pole laos kuhjaga hämmastavaid pilte nii metsalistest kui inimestest, vaid ootame integreerimist kaunisse kohta.

Mis on eesmärgid?

Selle lehe eesmärgid on tunduvalt keerukamad kui see leht, mida me varem nägime. Alustuseks kaalume, miks ma kasutajana külastaksin SeaWorldi saiti. Siin on nimekiri asjadest, mis ma välja tulin, ja mitte konkreetses järjekorras:

• Haridus: milline on SeaWorld? Mida me teeme?
• Osta piletid
• Plaani oma reisi (hotellid, lennud jne)
• Pargitunnid
• Sõidujuhised
• Müük ja eriüritused

Etendus eesmärkide vastu

Enamasti toimib sait minu lühikese võimalike eesmärkide loeteluga üsna hästi. Mulle meeldib, et üks esimesi asju, mida sellel saidil näen, on see väike vidin:

See on lahe. Kohe näen pargitunde ja ilmastikuolusid. Need on kaks peamist saidikülastuste põhjust ja ilma ühe klõpsamiseta olen oma vastuse juba leidnud.

Edaspidi uurides on olemas kena väike piletite ostmise piirkond, sõidusuunad asuvad hiireklõpsu kaugusel lingi „Pargi teave” all, seal on mitu reisi planeerimise linki ja palju haridust selle kohta, milline on park ja mis toimub.

Üldiselt arvan, et kui mul on saidile tulles konkreetset eesmärki, peaksin seda suutma üsna hõlpsalt täita. Ja vastupidi, kui ma tahan lihtsalt uurida, on seal palju sisu, et mind pargist vaimustada.

Navigeerimismenüüd

Hoolimata asjaolust, et mul pole liiga keeruline leida seda, mida otsin, arvan siiski, et arenguruumi on veel palju. Peamine, mis mind praegu pähe raputab, on navigeerimismenüü… või pigem menüüd.

Selles väikeses ruumis on vähemalt neli erinevat horisontaalset lüli. Lisaks on hõljumiseks tohutud rippmenüüd. Meil on alammenüüd alammenüüdeks. Disainerid erinevad alati selle järgi, kas on palju navigeerimist, mis muudab iga lehe avalehe ühe hiireklõpsu kaugusel või mitte. Meganavigatsioonitaktikal on ilmselgelt nii plusse kui miinuseid, kuid kindel on üks asi: neid on lihtne üles kruvida.

Sõltumata sellest, kui kaugele soovite sellega jõuda, on minu arvates siin oluline mõningane lihtsustamine. Navigeerimist on lihtsalt liiga palju ja see muudab selle kõik väga keeruliseks. See probleem on eriti levinud suurtel saitidel, kus on palju sisu, ja sellele pole alati lihtne vastata. Altpoolt näete, et Disney võitleb sama navigatsiooni ülekoormusega.

Mõtte sulgemine

Lihtne on seista tagasi ja otsustada suurte organisatsioonide üle nende kujundusküsimuste üle. Argument läheb alati samaks: neil on nii palju raha ja nii palju ressursse, miks nad ei võiks maailma parimat veebisaiti maha tõmmata?

Olukorra kohaselt on see üsna naiivne seisukoht, mille võtavad ainult need, kes pole kunagi suure organisatsiooni osana töötanud. Võite näha, et vabakutseline töötab oma isiklikul saidil alategijana, kuid tegelikult on tal disaini seisukohast eelis. Ta võib teha ükskõik mida. Kasutage eksperimentaalseid veebitehnoloogiaid, jälgige kogu kujundust ja veenduge, et teil oleks järjepidev ja tipptasemel kogemus; see kõik tuleb tal peast otse välja ja kellelgi pole seda vaidlustada.

"Nad töötavad kõvasti ja tähendavad hästi, kuid lõpuks seisab nende vahel tähekujundus palju suuri takistusi."

Vastupidiselt sellele, kuidas ettevõtte veebidisaini projektid tavaliselt lähevad. On palju käsi ja päid, kes peavad ühe projekti nimel koostööd tegema. Nende inimeste igapäevast jahvatust määratlevad ranged ja sageli konkureerivad brändijuhised, brauseri ühilduvusnõuded, alampargilised ressursid (prügi sisse, prügi välja), pikad koosolekud ja kontoripoliitika. Nad töötavad kõvasti ja tähendavad hästi, kuid lõpuks on nende vahel seismas palju suuri takistusi ja tähekujundus.

Soovitused tulevikuks

Siin on palju astmelisi parandusi, mida saab teha, kuid mõelgem suuremale ümberprojekteerimisele, mis ühel päeval paratamatult juhtub. Isegi kui tulevikus on aastaid, tasub seda arutada.

Minu soovitus on see kõik maha rebida ja alustada nullist. Kaks suurt vahetust peavad toimuma. Esiteks peab SeaWorldi kaubamärgi meeskond otsustama, kuidas nad veebis välja näevad. Praegune esteetika lihtsalt ei lõika seda ja nad vajavad uut suunda, mis kajastaks paremat tasakaalu põnevate ja kvaliteetsete piltide vahel.

"Veebipoisid peavad üles ehitama mõned juhtraamid ja keskenduma kasutatavusele peale esteetika."

Sel ajal peavad veebipoisid looma mõned raamid ja keskenduma kasutatavusele peale esteetika. Mängu nimi on lihtsustamine. Lõika segadused välja ja mõelge välja, mis on kõige olulisem. Nagu lüüsi lehel nägime, tuleb olulised tükid muuta silmatorkavamaks ja hõlpsamini kasutatavaks. Uurige ülaltoodud Kiawahi saare saidi lihtsat voolu ja tehke märkmeid. Leidke teisi saite, mis pakuvad suurepäraseid inspiratsiooniallikaid, ja mõelge, mida nad teevad õigesti.

Kui olete selle juures, muutke mobiiltelefon prioriteediks. Mul polnud siin aega ega ruumi mobiilside saidi katmiseks, kuid see on halb. Järgmine sait peaks olema reageeriv ja see ei tohiks karistada alamvalmistamise kogemusega mobiilikasutajaid.

„Järgmine sait peaks olema reageeriv ja see ei tohiks karistada alamvalmistamise kogemusega mobiilikasutajaid. “

Ümberkujundamisprojekt saab olema tohutu, keeruline ja masendav väljakutse, mis hüppab liiga kergelt rajalt maha ja muutub katastroofiks. See on veebidisaineri raske olukord. Me kõik armastame seda, sest vaatamata kõigile väljakutsetele võib tegelikult saavutada hämmastavaid tulemusi. Olen kindel, et SeaWorldi meeskonnal on annet saavutada uimastamise ja väga kasutatav disain, kui nad tõesti pühenduvad neile kahele eesmärgile.

Sinu kord!

Nüüd, kui olete minu kommentaare lugenud, astuge sisse ja aidake, andes disainerile täiendavaid nõuandeid. Andke meile teada, mis on teie arvates disainilahenduses suurepärane ja mis võiks teie arvates olla tugevam. Nagu alati, palume teil ka saidi kujundajat austada ja pakkuda selgeid konstruktiivseid nõuandeid, mis ei võimalda ränki solvanguid.