Veebikujunduse kriitika nr 3: Firefly
Meie veebikujunduskriitika on olnud nii klientide kui ka kommentaatorite hitt. Jätkake kvaliteetsete ideede ja ettepanekutega tehtud tööd!
Tänane sait on Firefly, Ühendkuningriigis asuva sotsiaaltöö värbamisagentuuri koduleht.
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.
Firefly
Nende enda määratluse kohaselt on Firefly värbamisalane nõustamisteenus, mis on spetsialiseerunud sotsiaaltöö spetsialistide hankimisele, paigutamisele ja juhtimisele avaliku ja erasektori rollides kogu Londonis ja selle lähiriikides. Meie lähenemine värbamisele on isiklik ja nõuandv. ”
Siin on nende veebisaidi avaleht:
Üldiselt on saidi kujundus tõesti kena ja mul on selle kohta palju häid asju öelda. Vaatame mõnda neist põhjalikumalt.
Värviskeem
Esiteks meeldib mulle siin töötav värvipalett väga. See kasutab kõiki heledaid värve, mis on silmadel kerged ja näevad koos ilusad välja.
Julgeim värv on siin roheline ja disainer kasutas seda täiuslikes kogustes. See on hajutatud saidi ülaossa üsna tugevalt, ainult kogu sisu põhilistes kohtades ja muudab selle suureks jaluse põhivärviks (kolmes variatsioonis!).
Tähelepanu detailidele
Lehele on hajutatud palju pisikesi kujundusbitte, mis on lihtsalt kenad puudutused. See näitab, et disainer võttis aega, et minna aeglasemaks ja saada liides õigeks, selle asemel et kiirustada lihtsalt millegi avaldamisega.
Kordamine
Kordamine on disaini üks põhiaspekte ja põhimõte, mis on paljudele veebidisaineritele valesti mõistetud või täiesti tundmatu. See disainer kasutas seda meisterlikult mitte ainult rohelise kordamisega, nagu ülalpool mainitud, vaid ka kasutades ringjoone elementi logolt.
Elemendi kordamine niimoodi kogu lehel muudab kujunduse ühtsemaks. Samuti annab see silmale lehe sirvimisel midagi tuttavat.
Paigutus
Kujundaja otsustas rakendada kolme kolonni paigutuse ja kleepis sellega kogu saidi pikkuse kinni. Joondused on tugevad ja veerge täidetakse väga hästi. Parempoolse veeru visuaalne eraldamine tumedama taustavärvi abil on suurepärane puudutus, kuna see aitab esile tuua põhisisu ja murda suure valge lehe monotoonsuse.
Parandatavad asjad
Üldiselt on disain üks tugevamaid, mida me kriitika jaoks veel näinud oleme. Siiski on mõned väikesed muudatused, mida saaks teha.
Kujutise eraldusvõime
Kuna mul on taust trükitud, kipun olema resolutsioonist nats. Vasakpoolses ülanurgas olev logo ei tähista mitte ainult ettevõtte kaubamärki, vaid on ka üks esimesi asju, mida kasutaja lehel nähes näeb. Sel põhjusel soovite veenduda, et see oleks kena karge.
Olen logo natuke sisse puhunud, et näidata teile, mida ma mõtlen. See muudab probleemi veelgi hullemaks, kuid see on hea näide sellest, mida piltide salvestamisel otsida madalamal tasemel.
Jälgige tähelepanelikult pildi kujunemist ja halvenemist. See logo on üsna väike ja see ei tohiks saiti maha tõmmata, kui see peaks olema salvestatud suurema eraldusvõimega.
Tekst raske
Võib-olla on selle lehe halvem visuaalne probleem see, et see on lihtsalt nii raske tekstiga. Lihtsalt palju teavet on kellelegi visata, kui ta teie saidile esimest korda maandub. See suur lugemine võib olla aeganõudev ja hirmutav ning võib põhjustada selle, et kasutaja ignoreerib teksti täielikult.
Ma kaaluksin selle kärpimist vaid hädavajalikuks ja igasuguse mitteolulise teabe paigutamist toetavale lehele, selle asemel et siin seda esile tõsta.
Kasutatavus
Lehe osa tekstiga on kerge kasutatavusprobleeme. Ma pole kindel, mis seda põhjustab, kuid Safaris pole veerus Tervitus tekst valitav.
Ma tean, et see kõlab valivalt, kuid reaalajas teksti omamise mõte on see, et teil on lehel puhas, karge ja täielikult valitav (ja seetõttu paljundusfunktsioonina kopeeritav) koopia.
Soovitan vaadata oma koodi, et näha, mis seda tõrget põhjustab.
Kaks kirjaklambrit
Nagu ma eespool ütlesin, on kordamine disainis hea asi. Nagu ma ka märkisin, on seda sageli valesti mõistetud või valesti kasutatud. Kirjaklamber on kena graafiline element ja seda oleks olnud tore korrata kuskil mujal lehel, kuid kui asetada kaks neist üksteisele lähedale, kannatab see jagu Photoshopi kloonisündroomi all.
Arvan, et ainult ühe kirjaklambri kasutamine siin annaks tugevama avalduse. Kui soovite tõesti kahega kinni jääda, veenduge, et need poleks identsed. Väikese variatsiooni saamiseks pöörake ühte või pöörake ümber.
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.
