Veebikujunduse kriitika # 85: Sonic Electronix

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 tarbeelektroonikaettevõte Sonic Electronix. Hüppame sisse ja vaatame, mida arvame!

Uurige Envato elemente

Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 49 dollarit - tunduvalt vähem kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.

Sonic Electronixi kohta

„Sonic Electronix on juhtiv autoheli ja muu tarbeelektroonika jaemüüja kogu maailmas. Meie laos on üle 15 000 kvaliteetse elektroonika. Pakume võrratut teenust parimate hindadega. Alustage oma unistuste auto audiosüsteemi ehitamist juba täna ja nautige esmaklassilist teenindust ja kiiret kohaletoimetamist. Samuti pakume laia valikut professionaalseid audio-, DJ-seadmeid ja karaoketooteid rakenduste jaoks, alates algtasemest kuni tõsiseima helispetsialistideni välja. ”

Siin on kodulehe ekraanipilt:

Esmamulje

Sonic Electronix näeb välja üsna tüüpiline veebimüüja. Lühidalt on disainil mitmeid aspekte, mis minu arvates on hästi tehtud. Võin öelda, et siin on kindlasti tehtud jõupingutusi, et anda saidile esteetiline atraktiivsus, mis on suurepärane. Olen näinud lugematu arv teisi selle žanri saite, millel on päris segane koduleht.

Vahetult nahkhiirte juures meeldivad mulle puhtad ja järjekindlad tootepildid. Kõiki tooteid näidatakse valgel taustal ja professionaalselt esitletud. Seda pühendumust järjepidevusele üritatakse kogu saidil erinevates vormides värvide, nuppude stiilide jne kordamise kaudu.

"On punkte, kus leht näib tõesti hädaldavat ..."

Kõike seda öeldes on teatud punktides, kus leht näib olevat tõesti hädas, nagu seda teeb enamik veebipoode. Lisaks on lehe kohandatavuse ja voo parandamiseks võimalik teha mitmesuguseid muudatusi ja muudatusi. Lõppkokkuvõttes arvan, et võiks teha suuri muudatusi. Jagageme selle lahti ja vaatame, kuidas.

E-kaubandus on erinev

Enamikule veebidisainidest saab läheneda sarnasest vaatenurgast. Võin võtta arvesse mõned peamised kujunduspõhimõtted ja põhjalikumad veebisaidid üle vaadata. Huvitav asi e-kaubanduse juures on aga see, et see on pentsik väli, kus aeg-ajalt tunduvad kõige edukamad halvema kujundusega saidid.

"Peame sellise saidi kritiseerimisel meeles pidama, et see žanr töötab oma reeglite järgi."

Kas see tähendab, et peaksime e-kaubanduse saidid tahtlikult inetuks tegema? Absoluutselt mitte. Sellise saidi kritiseerimisel peame siiski meeles pidama, et see žanr toimib oma reeglite järgi ja et mõned asjad, mis võivad portfelli kujundamisel tunduda tõesti olulised, on selles olukorras peaaegu ebaolulised.

Kindlasti on hea mõte pidevalt ringi vaadata tööstuses ja otsustada, kellel läheb hästi ja miks. Kui ettevõttel on sadu tuhandeid dollareid, et investeerida kõige tõhusamate kujunduste ja ostuvoogude uurimisse, siis mida nad välja mõtlevad? Kui annan allpool nõuandeid, püüan haarata väljastpoolt toodud viidete abil, et aidata meil punkti hoida.

Lehe pealkiri

Üks esimesi asju, mida ma saidil külastades teen, on tiitliriba vaatamine. See on täiesti vaistlik, veeb on mind koolitanud mõtlema, et see ütleb mulle, mida see sait endast kujutab. Siin on see, mida ma Sonic Electronixi lehel näen.

Nagu näete, keskendub tiitliriba puhtalt autohelile. Nüüd olen nõus kihla vedama, et see on mõeldud SEO otstarbel ja on tegelikult rohkem märksõnade tuupimiseks kui kasutajale teabe edastamiseks. Olen kõik teie lehe otsingumootoritele optimeerimise nimel, kuid mitte siis, kui see vähendab kasutaja jaoks kasulikku ja just see siin toimub.

"Olen kõik teie lehe optimeerimiseks otsingumootoritele, kuid mitte siis, kui see vähendab kasutaja jaoks kasulikku."

Probleem on selles, et niipea kui ma seda loen, kui ma ei otsi auto helisüsteemi, olen kadunud. Tõenäoliselt ei vaata ma isegi ülejäänud lehte, eriti kui mul on Google'i otsingust avatud viis vahekaarti ja sõidan neist kiiresti läbi, et näha, millistel toodetel mul on vaja.

Isegi kui autoheli on teie suurim müüja ja tundub, et see on nii, võiks minu arvates selle ümber kujundada, et see näitaks rohkem tooteid, mida tegelikult müüte. Näiteks: “autoheli, GPS, turvalisus, mobiiltelefonid ja palju muud.” Midagi sellist tabab teile meeldivaid märksõnu, edastades samas saidi täpset kirjeldust.

Päis

Üks lehe esmaseid kohti, mida näen segadusest vaeva nägevat, on päis. See on igat tüüpi veebisaitide puhul äärmiselt levinud probleem, kuna soovite nii palju selle kõige olulisema esmamulje järele haarata.

Mõeldes sellele päise täiustamisele, et muuta see pisut kasutajasõbralikumaks, võiksime saada mõne välise vaatenurga. Niipea kui hakkasin ringi vaatama erinevatel populaarsetel e-kaubanduse saitidel, märkasin midagi väga huvitavat selle kohta, kuidas nad suhtuvad päiste ruumi. Siin on kaks näidet, esimene Amazonist ja teine ​​Overstockist.

Vaadake nende otsinguribade suurust! Ilmselt näevad nad, et otsingufunktsioon on nende saiti külastavate kasutajate jaoks peamine sihtkoht ja nad tahavad veenduda, et see oleks võimalikult silmatorkav.

"Soovitan kindlasti proovida lehte, mille päis on ümber tehtud, et ennekõike otsida funktsioone."

Sonic Electronixi veebisaidil on palju otsinguruumi, kuid see ohverdati muude ideede nimel. Kindlasti soovitan proovida lehte, mille päis on ümber tehtud, et funktsioon otsida ennekõike.

Navigeerimine

Olen edasi-tagasi uurinud, kuidas ma suhtun miljonitesse linki takerduvatesse megamenüüdesse, kuid üks koht, kus see tundub toimivat, on e-kaubanduse saitidel, kus on palju sisu, mida läbi vaadata. Sonic Electronixi navigeerimismenüüd on kenasti korraldatud ja muudavad üsna hõlpsaks, et kiiresti tuvastada, mida iganes ma soovin osta.

Kuid jällegi arvan, et päise segadus töötab selles valdkonnas meie vastu. Kui me juhime oma silmad sinna, kus eeldaksime navigeerimismenüü leidmist, siis me tõesti leiame selle, kuid see on pisut kadunud linkide, kallete, kontrollmärkide, rippmenüüde jms.

Hea disain seisneb otsuste langetamises. Peate otsustama, mis on oluline ja kuidas seda esile tõsta. Kui vingerdate ja proovite kõike oluliseks muuta, siis ei tee te kõik midagi olulist.

Esiletõstetud üksused

Järgmisena hüppame alla lehe esiletõstetud üksuste osale. Siit saate oma esimese tõelise visuaalse annuse saidil pakutavate toodete mitmekesisusest ja kvaliteedist. Elemendid on korralikult paigutatud ruudustikku ja nagu ma juba eespool tõin, kasutage kena stuudio taustpilti, kus on palju tühikut.

Mulle see piirkond väga meeldib, kuid mul on sellega mõned probleemid. Esiteks on kasutatavuse aspektist üsna tüütu, et kogu kast ei ole klõpsatav ala. Kujutisele saab klõpsata, samuti toote nimele ja nupule „Osta kohe”, kuid kui vaatate ringi erinevatel muudel saitidel, on siin kalduvus muuta see nii, et saaksin klõpsata ükskõik kus kasti piirides, et minna spetsiaalne tooteleht. Praeguse seadistuse korral võib see inimesele mõeldavaks saada mõne klõpsu, et see õigeks saada.

"Leiate, et kasutajad on e-kaubanduse saitidel nuppude vajutamise suhtes üsna ettevaatlikud, kartdes midagi tahtmatult osta."

Lisaks on mul tunne, et nupud „Osta kohe” on ebamäärased. Ma pole täiesti kindel, mida see tähendab ja kuidas see on seotud nupu vajutamisel toimuvaga. Kas ma ei osta alates teisest lehe laadimisest? Kas see nupp ostab eseme? Kas see on lihtsalt asi, millele klõpsan lisateabe saamiseks?

Leiate, et kasutajad on e-kaubanduse saitidel nuppude vajutamise suhtes üsna ettevaatlikud, kartdes midagi tahtmatult osta. Nupu loomisel veenduge, et see valmistaks mind piisavalt ette selle jaoks, mis juhtub, kui ma seda vajutan.

Miks osta Sonicit?

Minu lehe kõige vähem lemmik osa on alaosas asuv jaotis “Miks osta Sonicat”. See jaotis on lihtsalt nelja suure lõiguga kast. See pole tegelikult nii mõeldud, kui visatud. Tundub, et tegemist oli suure sisuga, et disaineril polnud lihtsalt aimugi, mida teha:

See on suur osa igavast infost, mida ma lihtsalt ei loe kunagi kasutajana läbi, kui te ei tee seda huvitavamaks. Kuidas seda parandada? Selgub, et siinne sisu on tõesti funktsioonide loend: kiire saatmine, turvalised maksed jne. Seda teavet silmas pidades pole keeruline leida kindlat inspiratsiooni. Vaadake, kuidas veebipõhine Apple Store selle probleemiga toime tuleb:

Vaadake, kui palju parem see on? Sonic Electronixi jaotises visatakse kõik ühte kohmetult pikka veergu, kus pole pilte ega muid atraktiivseid visuaale. Apple lähenes sellele väga erinevalt, jagades sisu neljaks veeruks, hoides teksti kuni lühikese lõiguni ja haarates teie tähelepanu kaunite ikoonide ja fotodega.

Jalus

Viimane kommentaar enne selle kriitika kokku panemist: ma arvan, et jalus on pisut silmanägemine:

Ma pole kindel, et vajate kas täppe või linki, kuid ma olen kindel, et mõlemad koos muudavad selle ala lihtsalt loetavaks. Kui peaksin ühe kraavi kiskuma, viskaksin allajooned nii, et jalus näeks rohkem välja nagu Newegg.com:

Erinevused nende kahe jaluse vahel on koolitamata pilgu jaoks väikesed, kuid Newegg näeb lihtsalt välja nii palju puhtam ja hõlpsamini sirvitav.

Järeldus

Üldiselt arvan, et Sonic Electronixi sait on nende kujundamisega tugevalt alustanud, kuid nad peavad teabe hierarhiat uuesti läbi mõtlema. See on probleem, millesse saime lehe alt mööda sõites ikka ja jälle.

"Sisu esitamine loogilisel, sirvimisvõimelisel ja atraktiivsel moel on veebidisaini peamine eesmärk."

Sisu esitamine loogilisel, sirvimisvõimelisel ja atraktiivsel moel on veebidisaini peamine eesmärk. Infokilp ja disainerite vähene laiskus sellistel puhkudel nagu „Miks osta Sonicu?“ sektsioon hoiab saiti tagasi sellest, mis see olla võiks.

Lõppkokkuvõttes pakun välja mõned klõpsamise jälgimise uuringud, et näha, mis kasutajatele meeldib / vajab. Selle teabe abil saate lõigata seda, mis pole efektiivne, ja rõhutada, mis on. Ma kahtlustan, et sellised üksused nagu otsinguriba võiksid olla palju tõhusamad, kui need oleksid silmatorkavamad.

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.