Veebikujunduse kriitika # 13: iga-aastased disainiauhinnad
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 iga-aastased disainiauhinnad.
Uurige Envato elemente
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.
Iga-aastaste disainiauhindade kohta
„Iga-aastased disainiauhinnad (hüüdnimega ANNDAS) on tipptasemel visuaalse kommunikatsiooni ülemaailmne tunnustus, mis on loodud disainitööstuse silmapaistva panuse premeerimiseks. Oleme kokku viinud mõned kõige hämmastavamad talendid ja lugupeetud tegelased kogu maailmast, et hinnata seda ülemaailmset sündmust, mille eesmärk on saada peamisteks disainiauhindadeks ja seada rahvusvahelised standardid. ”
Siin on kodulehe ekraanipilt:
Üldine kujundus
Tahan alustuseks öelda, et see on juba hea välimusega sait. Armastan musta koos apelsini hüpiga. See ühe ereda värvi kordus aitab juhtida kasutajate silmi lehe oluliste osade poole.
Paigutus on kindel ja sisaldab palju vaba ruumi. Samuti on objektide visuaalne maht hästi hajutatud, nii et olulised alad on esile tõstetud.
Õnneks näib, et teiste disainilahenduse järgi otsustavatel inimestel on endal tugev kujundamise tunne! Nüüd, kui oleme tervikut analüüsinud, jagage see tükkide kaupa.
Logo ala
Alustame kõige ilmsemast kohast: vasakult ülalt. Siin näeme aasta disainiauhindade logo, mis on omamoodi kiirgav ringi graafika.
Logo on lihtne, kuid tõhus. See soovitab noorel ja teraval publikul, kes pole eriti huvitatud puhastest joontest ja igavast minimalismist (sait on tegelikult üsna puhas, kuid alatu).
Ringid on julge idee, mis on teostatud peenelt (maitsekalt tehtud). See on tõesti lihtne kujunduselement, mis aitab juhtida teie tähelepanu logole ja sellest tulenevalt saidi nimele. See ei töötaks segasel saidil, kuid see leht on piisavalt lihtne, et see ei tekita visuaalset segadust ja täidab selle eesmärki ideaalselt.
Navigeerimine
Navigeerimisala on üsna lihtne, lihtsalt horisontaalse riba kohal on mõni tekst koos lõikudega iga sektsiooni jaoks.
Mulle väga meeldib siinne fondivalik. Tundub, nagu oleks @ font-face abil midagi kohandatud tehtud, nii et olin üllatunud, kui piilusin koodi ja nägin, et see oli lihtsalt Georgia kaldkiri.
Hõljutades jaotise üle, tõstab riba esile oranži värvi. See on kena, kuid tundub pisut veider, et tekst ei tee ka midagi nii hästi (see on üsna niru, aga ilusa välimusega saitidel pean millestki rääkima!).
Ma saan aru, miks disainer teksti nii hästi ei muutnud, kui tõenäoliselt on mustal taustal väikese oranži teksti lugemine pisut raske. Võib-olla aitaks väga väike CSS-i teisend tekst hõljutada. Pole suur asi, kui seda vanemates brauserites eiratakse ja see oleks logo stiili kena noogutamine.
Slaidiseanss
Armastan JavaScripti slaidiseansse, nii et minu arvates on see jaotis suurepärane. Pilt libiseb vasakule, kui uus hüppab üles ja tekst avaldab kena väljumise efekti. Samuti meeldivad mulle väga läbipaistvad äärised ja kärbimärgid.
Siin olev esitus- ja pausinupp lihtsalt ei lõika seda minu jaoks. Ma nägin graafikat, mida tahtsin uuesti vaadata, kuid mul polnud enam võimalust tagasi minna. Järelikult olin sunnitud ootama, millal see uuesti ilmub (see võttis natuke aega).
Soovitan panna rida väikeste ringide ikoone, mis lingivad iga pildi külge. See on lihtne ja peen ning annab kasutajale nii aimu, kus nad slaidiseanssis asuvad, kui ka teatud kontrolli konkreetsete piltide nägemise üle.
Sisenemisosa
Järgmine jaotis on koht, kuhu kasutajad tavaliselt registreeruvad, et siseneda, kuid see on praeguseks suletud, nagu näitab kleepuva märkuse graafik.
Kleepuv rikub disaini (tahtlikult) täielikult ja muudab selle nii, et te ei saa mööda sellest, et esildised on suletud. See töötab hästi ja teavitab kasutajaid kohe vajalikust teabest.
Kleepsu all olev graafika häirib siiski pisut. Hinnad tunduvad kummaliselt paigutatud: üks põrkub vasakus ristkülikukarbis ja teine ei põrka sinna. Pole päris kindel, mis siin toimub, kuid tundub, et see on pisut eemal.
Jalus ja kontaktvorm
Viimane piirkond, mida vaatame, on lehe allosa, kus saate registreeruda ja saada teavet. Kontaktvormi all on ka standardsed jaluse lingid ja sotsiaalne teave.
Mulle meeldib, et kontaktvorm asub siin mitte spetsiaalse lehe peal, ja et seal on ainult kaks välja, mida täita. Märkasin, et väljade sildid kaovad, kui klõpsate kasti, ja ei tule tagasi, kui klõpsate välja ilma midagi kirjutamata. See on pisut kasutatavuse probleem, kuna klõpsasin sellel lehel ringi, kuid polnud siis kindel, mis kast oli nime jaoks ja milline meilisõnumi jaoks, kui tagasi tulin.
Lõpuks näeb jaluse ala hea välja, kuid tahaksin näha sõnade "Järgige meid" ja kaasneva ikooni vahel tühikut. Praegu on nad koos natuke lömastatud.
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.
