Veebikujunduse kriitika # 33: kaubandus ja külgmine areng
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 e-turunduse ettevõte Trade & Lateral Development.
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.
Kaubanduse ja külgmise arengu kohta
Trade & Lateral Development on täisteenust pakkuv e-posti turundusega tegelev ettevõte. Meil on selles laienevas põnevas tööstuses 10-aastane kogemus. Soovime oma teadmisi teile edastada, et saaksite oma ettevõtet laiendada, ilma et peaksite kõigepealt uurima põhimõtteid ja parimaid tavasid.
Siin on kodulehe jaotis:
Kujundusanalüüs
Ülaltoodud leht pole ebaatraktiivne. Värvid on erksavärvilised ja pilkupüüdvad ilma vastuoludeta ning korraldus on üsna selge. Siiski ei usu ma kindlasti, et see oleks nii tugev kui võiks olla. Kujutage harjutusena ette, et kogu lehe tekst on hägustatud, kas saidi lõputööd sisaldavad toetavad kujutised? Teisisõnu, kas te võiksite ikkagi öelda, mille jaoks see sait on mõeldud?
Ma ei usu. Ülaservas olevad ikoonid on üldised, mis pole olemuselt halvad, kuid kui need päises ainsad kujutised on, siis need puuduvad. Mulle meeldib päise üldine kaal, selle suurus on suur ja julge, kuid see peab e-posti turundusteenuse kohta visuaalselt rohkem ütlema.
Üks lihtne ja populaarne viis selleks on ekraanipilt. Näidake malli, mille üle olete uhke, või saate kuvada oma taustaprogrammi. Seda tehnikat näete tööl kahe oma populaarse e-turunduse konkurendi Campaign Monitor ja MailChimp kodulehtedel.
See pole juhus, see on tõestatud ja tõhus strateegia. Pange tähele, et kõik need saidid kasutavad ka väga erksavärvilisi värve ja palju ruumi. Kvaliteetsed pilkupüüdvad kujutised eristavad neid Trade Lateralist. Kampaaniamonitor kasutab isegi samasuguseid üldisi ikoone, kuid selle asemel, et neist lehe kangelaseks teha, toimivad need tekstisisu piltidena.
Mis viib mind veel ühe õppetunni juurde, mida saab siin õppida. Trade Lateral on avalehel palju teksti. Eeldate, et huvitatud pooled peatuvad saidi lähedal ja kulutavad kakskümmend minutit teie teabe lugemisele, kuid peaaegu kellelgi pole sellist veebibrauserite kannatlikkust.
Selle asemel on teil külastaja huvi tundmiseks umbes kolm sekundit ja teksti täis leht seda ei lõika. Eriti kui teie konkurentidel on sellised ilusad ja sõbralikud kujundused, mis karjuvad kvaliteeti ja kasutusmugavust. Kaubanduse külgmine leht seevastu näeb välja kohutavalt palju tööd. See võib potentsiaalseid kliente vallandada nii, et nad arvavad, et meiliturundus on lihtsalt liiga keeruline, ja loobuvad sellest ideest.
Higista väike kraam
Siin ei saa täiustada mitte ainult suure pildi kujundust, vaid detailides võiks kasutada ka mõnda täpsustamist. Näiteks võtke lehel olevad nupud. Nende kujundus sarnaneb mõneti Web 2.0 stiili aegunud katsega, mis on kiiresti suremas. Moodsate disainilahenduste järgimine võib kõlada naeruväärselt ebaotstarbekalt, kuid see on otseselt seotud kliendi ettekujutusega kvaliteedist.
Vaadake allpool olevate nuppude võrdlust, viidates taas kahele saidile, mida kasutasime lihtsalt näidetena.
Pange tähele, et Campaign Monitoril ja MailChimpil on väga sarnased nuppude kujundused. Peened kalded, ühe piksli löögid, värvid on kõik kaasaegsemad kui Trade Lateral läikivad plastnupud. Ma ei soovita kindlasti teiste nuppude kujundust lahti rebida, see on hea karbist välja murda ja midagi teistmoodi teha. Lihtsalt veenduge, et liigute edasi, mitte stiili mõttes tagasi.
Veel üks huvitav asi, mida teiste saitide nuppude kohta märkida, on kasutatud fraasimine. Mõlemad kasutavad passiivse keele (tasuta e-posti hindamine) asemel tugevaid üleskutseid (registreeruge tasuta, proovige tasuta).
Soovitused
Vaatame, kas suudame kogu ülaltoodud hajutatud teabe konkreetsemate soovitatud muudatuste komplekti panna. Esiteks vähendage avalehe sisu millekski paremini hallatavaks ja vähem hirmutavaks. Suure osa sellest sisust saaks teisaldada toetavatele lehtedele.
Järgmisena tehke oma päisega tugevam avaldus, töötades võimalusel mõnel oma mallide või süsteemi taustapildi ekraanipildil. Näidake, mida klient ostab. Kasutage oma ikoone ka viisina lehel oleva tekstilise sisu jaotamiseks visuaalseteks plokkideks sarnaselt Kampaaniamonitori saidil nähtavale moodusele (jällegi ärge rebige nende kujundust lahti, kasutage seda lihtsalt enda inspiratsioonina) ainulaadne lõpptoode).
Uuendage kindlasti ka elementide (nt nupud) graafikat, et see moodsamaks muuta. See on seotud sellega, et veenduda, et nupud sisaldavad selgeid üleskutseid tegevusele, milles on selgelt öeldud nupu eesmärk.
Lõpuks proovige võtta oma lehelt juhuslik, mooduliline sisu ja integreerida see paremini ühte sidusasse kujundusse. Pange tähele, kuidas MailChimpil on nende kodulehel tegelikult palju kraami, kuid laialivalguvate pusletükkidena näib see pigem integreeritud tervikuna.
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.
