Veebikujunduse kriitika # 40: FanExtra
Tere tulemast meie 40. disainikriitika juurde! 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 FanExtra, fantastiline ressursside sait disaineritele.
Uurige Envato elemente
Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 34 dollarit - tunduvalt vähem, kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.
Info FanExtra kohta
„Kõik sai alguse enam kui kaks aastat tagasi kestnud pikast suvest ja kirest disaini vastu. Olles nautinud sel ajal postitatud Photoshopi õpetusi, otsustasin kirjutada mõned neist. Seadsin selleks otstarbeks ajaveebi (PSDFAN.com) ja hakkasin seda kasutama oma loomeväljundina. Tahtsin pakkuda meie kasvavale kogukonnale rohkem ja suuta muuta PSDFAN millekski suuremaks. Peagi sündis idee FanExtra jaoks! FanExtra võrk on koht disaineritele kogu maailmast, et tulla kokku ja uurida nende ideid ja loovust. Võite liituda meie foorumites toimuvate aruteludega või edendada oma õppimist meie FanExtra liikmeprogrammi kaudu. ”
Siin on kodulehe ekraanipilt:
Esialgne mulje
FanExtra on üks disainilahenduse kriitika kõige huvitavamaid juhtumeid, mis meil seni on olnud. Põhjus on see, et see on tegelikult väga atraktiivne leht, kuid see, mida soovitaksin peaaegu täielikult ümber mõelda.
Kõik lehe jaotised, alates logost kuni pisipiltideni, näevad suurepärased välja. Kui võtate lehe tervikuna, on lisaks suurimale probleemile ka iga jaotise voolavusega tõelisi probleeme, milleks on põhisõnumi edastamise selgus.
See probleem on üsna tavaline ja tuleneb veebidisaini väga räpast sõnast: eeldus. Siin on disainer tõenäoliselt projekti lähedal ja seetõttu on tal loomulikult probleeme nähes, et külastaja ei pruugi aru saada, mis toimub. Eeldatakse, et selle lehe leidnud külastaja teab, mis on “FanExtra”, mis ei ole kindlasti midagi sellist, mida siin eeldada tuleks.
Teatis
Veebilehele maandumisel analüüsite vaistlikult päise ala samamoodi nagu kiirtoidurestorani menüütahvlit. Võimalike küsimuste hulka kuulub: kus ma olen? Mis see maksab? Mida nad mulle oma raha eest annavad? Kas nad pakuvad koksi või pepsi tooteid? Ok, võib-olla see viimane küsimus ei kehti siin.
Minu seisukoht on, et kui vaadata selle saidi päist, ei käsitle see kõiki neid olulisi küsimusi piisavalt:
Näeme, mida see sait nimetatakse (FanExtra), koos suure väljaga mingisuguseks registreerumiseks. Kas see tähendab, et olen registreerunud võrku? Nii et see on tasuta teenus? Paremal näeme midagi, mis vihjab “õpetustele”, mis viib meid õigele teele, millele järgnevad sõnad nagu “tekstuurid” ja “vektorid”, mis tähistavad üsna konkreetset kõnepruuki.
Kui ma olen disainer, olen sellel hetkel ilmselt mõelnud, mis mingil määral toimub, kuid kas see on siinkohal tõesti eesmärk? Kas külastaja peaks leidma vihjeid ja kasutama neid saidi tõlgendamisel?
Saladus on ilmutatud
Kui jõuame veebisaidi keskele, selgub mõistatus:
Nüüd näeme, et FanExtra on "vinge õppematerjalide saitide võrk", mis pakub liikmemaksu 9 dollarit kuus. See on kõige olulisem teabevahetus lehel ja ometi on see poolel teel lehele. See peaks olema esimene asi, mida kasutaja näeb.
Tegelikult võiks minu arvates see sõnum olla veelgi selgem. Väljend „vinge õppesaidid” on ikka veel üsna ebamäärane, kui mõelda sellele väljastpoolt vaadates. Midagi sellist, nagu "vingeid loomeprofessionaalide juhendamissaite", viiks see väide tõesti kaugemale. Kohe olete kinnitanud oma sihtrühma otse ninapidi, nii et kui ma selle lehe leian, näen ma mõnusat sooja tervitust, milles teatatakse mulle, et see sait on mõeldud spetsiaalselt minusugustele inimestele.
Visuaalne kontrast vs visuaalne segadus
Veel üks probleem, mida näen sõnumsides, on selle visuaalsest küljest üles ehitatud. Heidame pilgu peamisele suhtlusele praegusel kujul:
Siin näeme kolmerealist rida, millest igaüks kasutab erinevat värvi teksti ja sama fondi väikeseid variatsioone nii paksuse kui ka suuruse osas. Ma võin ja olen kirjutanud terveid artikleid disaini kontrastsuse kohta, kuid see, milleni see kõheneb, on kõige parem öelda disaini autori Robin Williamsi nõuandes: „Ära ole vaimuke”. Selle all tähendab ta seda, et kontrasti tõhusaks kasutamiseks peavad elemendid tõesti üksteisest suuresti eralduma, vastasel juhul on tulemuseks lihtsalt visuaalne segadus.
Vaadake, kuidas teine populaarne disainiliikumisprogramm Think Vitamin oma lehe peamise sõnumi struktureerib.
Siin näeme pealkirja ja alapealkirja vahel tohutut, ülepaisutatud kontrasti. Tulemuseks on ilus ja selge suhtlus, mis loeb suurepäraselt. Lehte sirvivad inimesed loevad pealkirja peaaegu juhuslikult ja kui nad on veelgi huvitatud, võivad nad alapealkirja lugemiseks aega võtta.
Omadused
Leht lõpeb vasakpoolsest küljest mööda massiivset täppide komplekti. See on ruumi üsna ebamugav kasutamine ja loob paremal küljel ebamugava lünga.
Selle kiireks parandamiseks on lihtsalt täppide punktide jagamine kaheks eraldi virnaks:
Lõppkokkuvõttes on see siiski ribalaine ja ma arvan, et see leht võiks tegelikult mõnda suuremat operatsiooni kasutada. Me käsitleme seda lühidalt järgmises jaotises.
Minu soovitused suure pildi kohta
Ausalt, ma ei usu, et katkematu topeltveeru seadistamine sellel saidil töötab. See on liiga jäik ja tegelikult häirib suhtlemise loomulikku voogu, mitte ei hõlbusta seda - see on struktureeritud paigutuse eesmärk.
Minu soovitus on see paigutus täielikult visata. Esiteks kraavi jäik kahe kolonni struktuur. Järgmisena liigutage esmane suhtlus lehe ülaossa. Tehke suur esiletõstetud kast, mis hõlmab kogu lehelaiust ja toob esile osa sisust, mille hiljem jagate (140+ faili, 40 vektorit jne). Veenduge, et pealkiri kasutaks tugevat kontrasti, kristallselget sõnastust ja sihtimist ning maksimaalselt kahte värvi, mis näevad koos suurepärased välja.
Lõpuks, pärast seda, kui olete loonud selle vinge päiseala, mis naelutab ideaalselt, mis sait on, kellele see on mõeldud, ja põhitõed, mida see hõlmab, saate keskenduda muu teabe korraldamisele selle all, võimaluse korral kahe või kolme veeru vormingus.
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.
