Veebikujunduse kriitika # 77: pealinna teed
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änane sait on Capital Teas. Hüppame sisse ja vaatame, mida arvame!
Tutvuge disainiressurssidega
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.
Umbes Capital Teesest
Capital Teas on viienda põlvkonna pereettevõtetele spetsialiseerunud teekaupmees. Nad pakuvad enam kui 175 sorti kõrgeima kvaliteediga lahtiste lehtedega teesid ja ravimtaimede infusioone maailma parimatest kasvavatest riikidest ja piirkondadest, sealhulgas Sri Lankalt, Indiast, Hiinast, Jaapanist, Malawist ja Keeniast. Nende teetooteid sisaldavad traditsioonilised ja kaasaegsed teekannud, õlletooted ja infundeerijad ning paljud muud eritooted. Nad pakuvad ka käsitööd, mett, keediseid, teega infundeeritud šokolaadi ja muid gurmeepakendatud toite, mis on nende teedega kaasas.
Siin on kodulehe ekraanipilt:
Esmamulje
Minu esimene mulje saidist on üles ehitatud mõttele, kas ma suudan esimese kolme sekundi jooksul pärast kodulehe nägemist öelda täpselt, mis see on. Täpselt nii, kolm sekundit. Sa pead haarama mu tähelepanu, ütlema, kes sa oled ja millega sa mõtled vähem aega, kui keskmise inimese kinga sidumine võtab.
Capital Teas'i puhul läbivad nad selle testi lendavate värvidega. See sait karjub veebipõhises teepoes (heas mõttes). Ma näen igal pool teefotosid, sõna “tee” ilmub mitu korda, värvid viitavad teele; Olen kohe hästi orienteeritud ja tean, et kui otsin teed osta, olen õiges kohas.
Saidi visuaalse esteetilise ja paigutuse osas ütleksin, et sellel on head luud. Seal on kindel struktuur ja alustatud on atraktiivne visuaalne esteetika. See vajab natuke tööd, kuid ei midagi liiga suurt. Hüppame sisse ja vaatame mõnda konkreetset valdkonda, et näha, kas leiame parendusettepanekuid.
Päis
Üks valdkondi, kus näen kõige rohkem probleeme, on päis. Paistab, et see oli mõeldud lihtsaks, kuid turundusosakond sai sellest aru ja viskas minema. Seal on nii palju kraami, et see tundub segaduses ja seisab terava vastuoluna ülejäänud lehe üsna puhta esteetikaga.
Eriti sotsiaalsete ikoonide puhul võiks kasutada mõnda olulist puhastust. Mõlema kujundus on ebajärjekindel, mitu Facebooki üksust tunduvad ülearused, on kattumistega probleeme ja kõik selles kohas on täis ja väga vähe hingamisruumi.
Päevapakkumine ja uudiskirja registreerumine teiselt poolt edendavad ka pilkupüüdvat pilku. Need elemendid ei ole lehe muu lehega eriti hästi joondatud ja paistavad järelemõtlemisena.
Kuidas seda parandada
Siin tuleb teha mõned rasked otsused, sest midagi peab minema. Tegelikult peavad minema mitu asja. Tundub, nagu oleks keegi üritanud hunniku jaluse elemente päisesse kraamida just selleks, et neile lehel parem koht oleks, kuid pidage meeles, et kui kõik on eriline, pole midagi erilist. Peate valima, mis on kõige olulisem, ja andma oma üksustele selge visuaalse hierarhia.
Soovitan suurema osa päise sisust mujale viia. Proovige tuvastada absoluutselt kriitilised elemendid. Alustage logost. See on kena välimusega tükk, mis loob saidi jaoks vana vana maailma tunnetamise, pöörake sellele rohkem tähelepanu, võttes ära ümbritsevad elemendid. Teine vajalik toode on ostukorv. Kui saate päise vähendada nende kahe üksuseni, läheb teil suurepäraselt. Kui ei, siis luban lisada päeva tehingu. Kõik liigub kas jalusesse või integreeritakse paremini ülejäänud lehega.
Sellel leidmise ajal leidke lihtne sotsiaalsete ikoonide komplekt, millel on vastavad ikoonid iga vajaliku sotsiaalse võrgu jaoks.
Navigeerimine
Liikudes lehel allapoole, jõuame järgmisena navigeerimise juurde. Tõhusa ja segaduseta topeltnavigatsiooni eemaldamine on keeruline äri, kuid mulle tegelikult meeldib, kuidas seda siin käsitletakse. Puhas tekstimenüü on ühendatud otsingukastiga ja paigutatud värvilisele ikoonipõhisele menüüle ning tulemus pakub mulle suurepäraseid võimalusi, kuidas leida seda, mida otsin.
Üks asi, mis on minu jaoks pisut kohmetu, on rippmenüüde kujundamine esmases navigatsioonis. Neil on lahti ühendatud, ujuv tunne, mis paneb peaaegu tunduma, nagu miski ei töötaks päris õigesti.
Soovitan seda läbi mõelda ja katsetada erinevaid visuaalseid ideid, mis muudavad rippmenüüd integreeritumaks ja ühendatud peamenüüga.
Põhisisu
Põhiline sisuala koosneb kolmest kastist. Need on hea vormingute segu ja koosnevad suurest liugurist, staatilisest pildist ja väikesest filmist (mis õnneks ei mängi automaatselt). See piirkond on suurepärane. Mulle meeldib, et see on kokku pandud kolme kasti alla, paigutus tundub kena ja puhas ning see tõepoolest keskendub kuvatavatele toodetele ja teabele.
Fotograafia
Fotograafina olen heade fotode looja ja see sait edastab selles valdkonnas edukalt. Näib, et omanikud on tõesti investeerinud kvaliteetsesse fotograafiasse ja see tasub end ära, muutes nende tooted väga kalliks ja atraktiivseks.
Tüpograafia
Päise järel on teine oluline ala, mis vajab viivitamatut tähelepanu, tüpograafia. Enamik disainereid soovitab valida terve projekti jaoks ühe või kaks kindlat kirjatüüpi, võib-olla kolm, kui tunnete seikluslikkust ja teil on piisavalt oskusi, et seda ära tõmmata. Ma kaotasin arvu, kui palju kirjatüüpe nägin ainuüksi selle saidi avalehel.
Teie tüüp on teie saidi stiili üks tugevamaid näitajaid. See seab meeleolu, ajaperioodi, professionaalselt tooni ja palju muud. Kui see on ebajärjekindel ja hajutatud, siis on ka edastatavad sõnumid.
Kindlasti soovitan kõik erinevad kirjatüübid maha kraapida, seejärel valida üks või kaks suure loetavusastmega ja kujunduse eesmärkidele vastavat tooni. Tulemuseks on saidi kui terviku jaoks palju järjepidevam ja professionaalsem tunne.
Teisene sisu
Saidi põhjas on kastiriba, mida meie eesmärkidel kutsume „sekundaarseks sisuks“. See paigutus koos kolme ülaltoodud kastiga on lihtne ja kindel. See meenutab mulle mõnda meie artikli 10 Rock Solid veebisaidi paigutuse näidete paari paigutust.
Minu ainus tõeline probleem selles valdkonnas on tüpograafia, millest olen juba üle käinud. Täpsemalt on siin probleemiks aga see, et kiri "selle toote kuvamiseks" on nii õhuke, et see on peaaegu loetamatu.
Järeldus
Kokkuvõtteks võib öelda, et Capital Teasel on suurepärane algus ülipõnevaks saidiks. Põhipaigutuse struktuur on kindel, fotod on ilusad ja topeltnavigatsioon töötab hästi, isegi kui tavaliselt see marsruut mind ei toeta. Mõned valdkonnad, millele tuleks keskenduda, hõlmavad päist, mis tuleb lahti segada, ja tüpograafiat, mis tuleb siduda mõne valitud kirjatüübiga.
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.
