Veebikujunduse kriitika # 67: StyleJam
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 StyleJam, sait, mis majutab veebidisainerite portfelle. Vaatame ja vaatame, mida arvame!
Tutvuge disainiressurssidega
Kas soovite, et me vaataksime teie saiti? Esitage see tulevases disainikriitikas esitlemiseks - see võtab vaid minut. Teie kujunduse kritiseerimise eest võtame 49 dollarit - tunduvalt vähem kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.
Teave StyleJami kohta
StyleJami abil saate oma isikliku veebikujunduse portfelli luua valitud eraldiseisval URL-il ning kohandada seda oma CSS-i ja piltide abil. Programmeerimist ei pea õppima, hostimisteenusele sisse logima ega oma serverit konfigureerima. Ainus, mida me teie heaks ei tee, on projekteerimine, see on teie valdkond.
Siin on kodulehe ekraanipilt:
Esialgne mulje
Minu esimene mulje StyleJamist on positiivne. Selle saidi jaoks on palju, mis tundub väga kaasaegne, üldine kujundusstiil on kooskõlas sellega, mida paljud disainerid tänapäeval kavatsevad teha. See on puhas disain, mis kasutab palju tühimikku ja sinist värvi, et edastada professionaalsust.
Üldiselt on see hea algus. Siiski on mul mõned väikesed küsimused ja ettepanekud. Vaatame saidi natukehaaval läbi ja vaatame, mis need on.
Saidi logo ja sildiliin
Üks esimesi asju, mis sellele lehele vaadates minu tähelepanu köidab, on ülal näidatud logo. Ma ei nimetaks seda kõrgeks prioriteediks, kuid ütlen, et arvan kindlasti, et see võiks kasutada ümbertegemist. VAG-i ümardatud stiili font on pisut dateeritud ja pintsel minu jaoks ei tööta. See muudab sõna “jam” raskesti loetavaks ja näeb välja pisut koomiksiline, mis näib olevat vastuolus professionaalse stiiliga, mida ülejäänud leht järgib. Teisiti öeldes paistab logo lehel silma kui asi, mis tegelikult ei kuulu.
Saidi tiitliribal olev silt ja logo on veel üks asi, mis ei paista toimivat. Lause „Veebidisainerid. Ühendatud ”paneb mind mõtlema, et see on mingisugune liikmesklubi, gild või disainerite liit. See on hea sildiliin, kuid mitte selle ettevõtte jaoks, kes müüb veebidisainerite portfelle.
Ma soovitan selle sildi asendada millegagi, mis annab selgelt teada, mis see teenus on. Kui küsiksite sajalt inimeselt, mis on sait sildiga „Veebidisainerid. Ühendatud ”, ma kihlvedu, et vaevalt keegi arvaks, et nad müüsid portfelli veebisaite. Kasutage seda kriteeriumi uue sildiliini arutamisel.
Peamine päis
Järgmine on see, mida ma nimetan peamiseks päisealaks. See on suur sinine riba, millel on sisseehitatud efekt ja vihje tekstuurile. See on kena efekt, mis tõepoolest teie tähelepanu tõmbab. Väike riba riba allosas on kena puudutus, kuigi valge-valge muudab peaaegu kontrasti.
Minu peamine teema on siin eksimatu tühjustunne. Siin on tohutu ruum, mis tundub olevat alakasutatud. See kerjab suurt pilti, suurt pealkirja või mõlemat.
Kasutan pidevalt näitena Mail Chimpit, kuna nende disainerid on tavaliselt nii silma peal. Vaadake nende saidil praegu asuvat päist.
Vaadake seda suurt värvilist pilti, mis haarab teie tähelepanu ja mida seejärel tugevdab kristallselge ülisuur sõnum: Lihtsad meilisõnumid. Vähem kui kolme sekundi jooksul pärast selle lehe laadimist tean täpselt, milleks see sait on mõeldud. Tagasi StyleJami päise juurde on kõik, mida ma näen, pisike tekst suurel sinisel väljal. Miski siin ei haara mu tähelepanu.
Ma ei ütle, et StyleJam vajab maskoti kasutamist, ärge pidage inspiratsiooni millegi lahti rebimiseks. Selle asemel vaadake lehte Mail Chimp lehel põhiliste disainiprintsiipide õppetunnina. Neid soovitusi arvesse võttes võib StyleJami päise kujundus muutuda selliseks:
Ilmselt peate ikkagi töötama sotsiaalsete linkide, sisendkasti jne kaudu, kuid saate idee. Visuaalselt võiks päis lehele aidata palju rohkem kui see praegu on. Lisaks, kui me käsitleme sotsiaalseid sidemeid, näevad need nupud olevat passiivses olekus. Isegi kui kursor nende kohal hõljub, kursor ei muutu. Ma muudaksin Facebooki ja Twitteri ikoonid valge asemel siniseks, lisaksin tekstile natuke kontrasti ja lahendaksin hõljumiprobleemi.
Kujutise liugur
Mulle meeldib alati hea pildi liugur ja sellel saidil on üks väga atraktiivses raami otse päise all. Efekt on kena ja annab lehele dünaamilise tunde. Liuguri jaoks valitud pildid ei pruugi siiski olla parimad. Näiteks siin on esimene asi, mida näete:
Seda nähes arvasin ma tõepoolest, et midagi on katki. Lehe keskel hõljus see ebamugav tekstiväli, mis oli paremal küljel osaliselt ära lõigatud. Mul kulus minut mõistmiseks, et see on vaid ekraanipilt. Ma soovitan see pilt ära visata ja minna visuaalsema sisuga, näiteks slaidiga, mis on praegu teises pesas.
Järeldus
Nagu ma juba mainisin, meeldib mulle selle lehe üldine ilme. See on atraktiivne sait, millel on palju olulisi aspekte. Ülaltoodud soovitused on enamasti väikesed, kiired parandused, mõned neist on enamasti subjektiivsed.
Peamine on siin oma sõnum selgelt ja atraktiivselt edasi anda. Praegu tundub, et sõnumside on pisut hägune ja selle välja töötamiseks on vaja pisut vaeva näha. Vähendage seda tööd peaaegu nullini ja olete kindel, et suurendate oma klikkimise määra.
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.
