Veebikujunduse kriitika # 29: MadeFreshly
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 MadeFreshly.
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.
Teave MadeFreshly kohta
“Ostukorv maitsega. Suundumused muutuvad ja nii peaks ka teie veebipood. MadeFreshly pakub teile ostukorvi uue disaini. ”
Siin on kodulehe ekraanipilt:
Esmamulje
Kohe nahkhiire juurest võin öelda, et mulle meeldib MadeFreshly disain. Siin on mitu lahedat disainiideed ja veidraid asju, millest me räägime allpool. Mul on kindlasti mõned parendusettepanekud, kuid enamasti on see väga andekate disainerite loodud suurepärase väljanägemisega sait.
Minu suurim külg on ilmselt kontseptuaalsest küljest. See on kindlasti subjektiivne kriitika, nii et võite seda täielikult ignoreerida, kuid minu arvates on veider, et saidi visuaal on vastuolus saidi nime paika pandud metafooriga. “MadeFreshly” võib tähendada paljusid asju: toit üldiselt, ahjust kuumad küpsetised (see on koht, kuhu mu mõte läheb), midagi loodusest inspireeritud või isegi midagi uut ja läikivat.
Kuid disainer on saidile valinud kerge grunge-ilme. Taust on vananenud tekstuuriga ja ka pealkirjadel on nende suhtes teatav nõtkus. Jällegi on see hea välimusega leht, kuid see on vastuolus mõistega värske.
Sisu peaks alati kujundusele eelnema ja selle määrama. Kujundamine saidi nime ja vähemalt metafoori ümber või vähemalt sellega mitte vastuolus aitab kõik omavahel siduda ja tunda end lihtsalt „õigena“.
Näiteks vaadake väga sarnast olukorda saidil “Formee”, mis pakub “värskeid küpsetatud vorme”. Visuaal on sõbralik koka tegelane, kes tugevdab sildilinti.
Ärge seda ideed kopeerige, kuid võiksite kaaluda, kuidas saate siduda mõiste „värske” ka lehe visuaalidega.
Logo
Ma arvan, et MadeFreshly logo on suurepärane. Kirjatüüp on üsna atraktiivne, tundes end siiski ainulaadsena ja kena kortsutatud kleebisefekt lisab saidile sügavustunnet. Suur töö!
Päis
Päis on kena ja lihtne, lihttekstiga navigeerimise ja hõlpsasti märgatava sisselogimiskaardiga. Peatuge mööda ja vaadake seda ala täissuuruses ja näete, et selle logo kohal hõljub lihtsalt palju ruumi.
Ma ei pahanda tühikutega ja isegi julgustan disainereid seda üsna liberaalselt kasutama, kuid suur tühi ala on kohutavalt ebamugav viis saidilt alustada. Siinne lahendus on surnud lihtne, vähendage seda ruumi lihtsalt poole võrra ja see peaks hea välja nägema. Teil on siiski palju ruumi, lihtsalt mitte nii palju, et see häiriks.
Teine probleem, mida ma siin näen, on see, et logo on kummalises horisontaalses asendis. Lehe paremal küljel olev sisu joondatakse paremal ülespoole, viidates mitte tsentreeritud, vaid õigustatud paigutusele. Kuid logo ei ühti vasakul oleva sisuga ja see ei asu selle all asuva elemendi kohal (teine õigustatud koht). Selle asemel hõljub see ebamugavalt paremale, et olla vasakule joondatud, ja vasakule, kui joondada keskele.
Siin on lihtne parandada logo vasakult küljest, et see joonduks selle all oleva sisuga. See on juba peaaegu olemas ja vajab lihtsalt veel ühte head kinga.
Esiletõstetud jaotis
Päise all asuv jaotis, mida ma meelevaldselt nimetan „esiletõstetud jaotiseks”, on see lehe osa, mis teie tähelepanu tõmbub. Sellel on rohkem visuaalset kaalu kui selle ümbruses oleval sisul, nii et see tundub olevat olulisem ja teie silmad tõmmatakse peaaegu kohe selle poole (kõik head asjad).
Nupp „Loo kohe pood” on kena ja särav ning toimib tugeva üleskutsena tegevusele. Pärast nupu nägemist tõmbab teie silm noolega tagasi sellele nupule, see on kena puudutus, mis pöörab veelgi suuremat tähelepanu kogu lehe ühele olulisemale elemendile. Võite kaaluda hõljumisefekti lisamist nupule just UX-i tõukena, kuid muidu on see hea disain.
Minu üks kitsikus siin on pealkirja tekst. Ühelt poolt on see atraktiivne ja toob logo kasutatud tekstile mõnusa korduse. Teisest küljest pole see lihtsalt kirjatüübi keerukuse tõttu kiire lugemine.
See on üks neist olukordadest, kus esteetika ja loetavus on vastuolus. Kui muutsite siin fonti, usun kindlalt, et sait oleks selle jaoks vähem atraktiivne, kuid võite pealkirja tegelikult lugevate kasutajate arvu kahekordistada.
Võiksite proovida jätta ühe pealkirja sõna skriptisse ja ülejäänud osa teisendada pisut loetavamaks. Nii võib näiteks „ostukorv koos” olla väiksem ja tavalises sans-serif-kirjas, samas kui „maitset” saab esile tõsta nii skripti fondi suurema suuruse kui ka kasutamise kaudu.
Lõppkokkuvõttes on vastuvõetav, kuidas see praegu on, ja need on vaid soovitused, mida tuleks kaaluda. Tore oleks selle elemendi peal mõni AB-test läbi viia, et näha, kas selle loetavamaks muutmine avaldab konversioonidele mõõdetavat mõju. Kui ei, siis säilitage skript kindlasti.
Kolm ülemist osa
Lehe allosas on kolm ekraanipilti sõnadega värske, lihtne ja tõhus. See on meeldejääv ja meeldejääv ning see osa näeb välja fantastiline. Mulle meeldib, et tausttekstuur lõpeb ja pisipildiraamid kattuvad uuega. Jällegi lisab disainer oma kujundusele pisut rohkem sügavust, et see tunduks tõeliselt ja mitmekesisemana.
Kõik rasvased lõigud
Tavaliselt jääme Design Critiques'i kodulehele kinni, kuid seekord pistsin natuke teistel lehtedel ringi. Üks asi, mida minu arvates väärib märkimist, on lõigu tekst „Tutvumise” lehel.
Otsus teha lõigud kõik julgeks ei toimi. Tähed näevad välja nagu nad oleksid üksteise vastu sassis ja neid on üsna raske lugeda. Lisaks vähendate kehakoopia rasvases kirjas rasvases päises mõju (kontrast on peamine). Ma soovitaksin sellele tekstile anda sama stiil, mis mittepaksus kirjas, kodulehe kolme pisipildi all.
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.
