Veebikujunduse kriitika # 11: Scott Block
Igal nädalal vaatame uut veebisaiti ja analüüsime kujundust. Toome välja nii hästi tehtud valdkonnad kui ka need, kus saaks mõnda tööd kasutada. Lõpuks küsime teilt enda tagasiside.
Tänane sait on Marylandist pärit veebidisainer Scott Blocki isiklik portfell.
Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 24 dollarit - tunduvalt vähem kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.
Scottist
Elan Columbia Marylandis, vaid lühikese autosõidu kaugusel nii Baltimoreist kui ka riigi pealinnast. Kui olin kaheteistkümneaastane, ühendasin oma kire Baltimore Ravensi vastu kasvava huviga tehnoloogia vastu ja hakkasin Ravensi kohta saite looma. Pärast seda olen usinalt oma oskusi täiendanud ja teen nüüd veebisaite erinevatele isikutele ja organisatsioonidele. Nüüd valdan html-i ühendamise css-i, javascripti, php-ga ja ajaxiga, et luua ilusaid, funktsionaalseid veebisaite. ”
Siin on saidi koduleht:
Kuigi siin on kindlasti teatud potentsiaali, on sellel lehel palju asju, mida ma parandaksin. Vaatame neid ükshaaval.
Värviskeem
Scotti saidil kasutatavad värvid loovad üsna kena paleti, kui need on eraldi välja kooritud, nagu allpool näha.
Kuid värvide jaotuse pärast ma pole hull. Näib, et neid rakendatakse lehe suvalistes kohtades juhuslikult lihtsalt variatsiooni huvides, selle asemel, et neid eesmärgipäraselt ja loogiliselt rakendada. Mõelge igale värvivalikule ja sellele, kuidas see ülejäänud lehe sisuga seostub.
Logo
Selle asukoht saidi vasakus ülanurgas muudab selle logo esimeseks, mida kasutajad lava külastades näevad. Soovite kasutada seda võimalust tugeva esmamulje avaldamiseks. Kahjuks on mul tunne, et see logo on lühike.
Ma näen, kuidas plokkide kujundamisel tähed jaotatakse, eeldatavasti, et siduda need kujundaja perekonnanimega, kuid see lihtsalt ei tööta. SB on üsna halvasti loetav ja tundub natuke vananenud.
Navigeerimine ja päis tervikuna
Navigeerimisala on üsna lihtne, lihtsalt mõni tekst horisontaalsete eraldajatega ja allakriipsuga näitavad praegust lehte. Olen kõik selleks, et hoida navigeerimine lihtsana, nii et arvan, et see ala on hästi tehtud.
Kui hõljutate navigeerimise lingi kohal, ilmub Scott Blocki logo alla ikoon. See on kena efekt, mida ma pole kunagi varem nii hästi teostatud (hover-efektiga lingist nii kaugel).
Kui võtta päiseala tervikuna, on mõned märkimisväärsed probleemid, mis võiksid adresseerimist kasutada. Nagu ma eespool ütlesin, on ikooni hõljumisefekt puhas, kuid see põhjustab teatud probleeme. Kui te ei hõljuta navigeerimise lingi kohal, on päise koopia kõrval suur tühi koht, mis paneb teid mõtlema, miks see pole millegagi ühildatud.
Võimalik viis selle saavutamiseks on ikooni rakendamine vaikeolekusse, mis muutub mõneks teiseks ikooniks, kui hõljutate kursorit lingi kohal ja naaseb kursori lõppedes algsesse ikooni. Kui ikooni hõljutav efekt on olemas, loovad logo ja ikoon kahjuks ebamugava vertikaalse virna.
Üldiselt võiks selle piirkonna negatiivne ruum kasutada täielikku ümberkorraldamist. Lisaks puuduva ikooni probleemile võtab põhilogo lihtsalt liiga palju vertikaalset ruumi ja loob veidraid lünki.
Esiletõstetud piirkond
Mulle meeldib kujunduses kordamine ja näen, kuidas selle lõigu nurgad peegeldavad logo nurka, kuid kuna see ei tööta tegelikult logos, kehtib sama ka siin. Pealkirjade kaldus olemus tundub pisut veider, nagu ka siinsete värvide loodud ristküliku muster.
Alateadlikult soovib teie aju ühendada kaks sama värvi elementi, kuid siin pole kaks piirkonda omavahel seotud.
Lisaks sellele on sellel alal mitmeid hõljumismõjusid, mis ei tööta. Kui hõljutate kursorit jaotise kohal, luuakse vari. Veeb on õpetanud meid sellist tegevust ära tundma kui märget, et meie hõljumine on klõpsatav ala. Need alad pole aga klõpsatavad ja paneb neid tundma, justkui oleksid nad ainult kasutaja jaoks segadust tekitavad.
Jalus
Jalus on üsna lihtne, kuid jällegi näeme, et see võiks viimistlemist üsna palju kasutada.
Esiteks on nupp ebamugavas kohas. Kujundamisel olge alati ettevaatlik, kui kleepite asju auku ainult seetõttu, et teil on ruumi. Tugev vasakpoolne joondus luuakse siin teksti abil, kuid seejärel hävitatakse nupu paigutamisega.
Lisaks on nupuvajutusega animatsioon natuke liiga palju. Siin kasutatakse kujutise kihti ja kahe nupuvajutuse vahel on animatsioon, kus näete pildi ühte osa libisevat välja, kui teine libiseb sisse. Alguses toimuvat pole lihtne öelda ja seetõttu on see pisut häiriv.
Üldised soovitused
Esitasin eespool üsna palju karme kriitikavorme ja minu arvates oleks kõige parem proovida see kõik omavahel siduda. Siin on minu soovitused:
Alustamiseks kujundage logo ümber millekski moodsamaks ja horisontaalsemaks. Seejärel looge vasakpoolne kõva joondus kuni lehe lõpuni. Joondage navigatsiooniala ja selle all olev koopiaplokk lehe vasakule küljele ja võib-olla nihutage uus logo paremale.
Selgete pealkirjade ja toetava koopia loomiseks muutke lehe teksti suurust. Kõik on praegu väga suur. Pidage meeles: kui teete kõik eriliseks, pole midagi erilist.
Viskage esiletoodud jaotises olevad praegused kujundid ja hiiglaslik täppide loend (lisage oma teenused kuhugi mujale). Saate luua ühe suuremahulise projekti eelvaate, mis ulatub kogu sisualasse.
Lõpuks vormistage jalus ümber nii, et vasakpoolne joondus oleks austatud. Teisisõnu, võtke see nupp paremast nurgast välja.
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 selget konstruktiivset nõu ilma igasuguste karmide solvanguteta.
Kas olete huvitatud oma saidi kritiseerimisest? Lisateavet saate siit.
