Web dizaina kritika # 85: Sonic Electronix

Katru nedēļu mēs apskatām jaunu vietni un analizējam dizainu. Mēs norādīsim uz abām jomām, kas ir labi paveiktas, papildus tām, kurās varētu izmantot kādu darbu. Visbeidzot, mēs pabeigsim, lūdzot jūs sniegt savu atsauksmi.

Šodienas vietne ir plaša patēriņa elektronikas uzņēmums Sonic Electronix. Lecam iekšā un redzēsim, ko domājam!

Izpētiet Envato elementus

Ja vēlaties iesniegt savu vietni, lai tā būtu redzama turpmākajā dizaina kritikā, tas prasa tikai dažas minūtes. Par jūsu dizaina kritizēšanu mēs iekasējam 49 ASV dolārus - ievērojami mazāk, nekā jūs maksātu konsultantam par jūsu vietnes apskati! Jūs varat uzzināt vairāk šeit.

Par Sonic Electronix

“Sonic Electronix ir pasaules vadošais automašīnu audio un citu plaša patēriņa elektronikas mazumtirgotājs. Mūsu noliktavā ir vairāk nekā 15 000 augstas kvalitātes elektronikas. Mēs piedāvājam nepārspējamu pakalpojumu par nepārspējamām cenām. Sāciet veidot savu sapņu automašīnas audio sistēmu jau šodien un izbaudiet izcilu servisu un ātru piegādi. Mēs piedāvājam arī plašu profesionālu audio, DJ aprīkojuma un karaoke produktu klāstu, sākot no sākuma līmeņa līdz visnopietnākajam audio speciālistam. ”

Šeit ir mājas lapas ekrānuzņēmums:

Pirmie iespaidi

Sonic Electronix izskatās kā diezgan tipisks tiešsaistes mazumtirgotājs. Īsumā ir vairāki dizaina aspekti, kas, manuprāt, ir izdarīti labi. Varu pateikt, ka šeit noteikti ir pieliktas pūles, lai vietnei piešķirtu estētisku pievilcību, kas ir lieliski. Esmu redzējis neskaitāmas citas šī žanra vietnes ar īstu mājas lapas sajukumu.

Tieši pie sikspārņa mani pievilina tīri, konsekventi produktu kadri. Katrs produkts tiek parādīts uz balta fona un izskatās profesionāli noformēts. Šī konsekvence tiek mēģināta visā vietnē dažādās formās, atkārtojot krāsas, pogu stilus utt.

“Ir vietas, kurās, šķiet, lapa patiešām cīnās ar jucekli…”

To visu sakot, ir punkti, kuros, šķiet, lapa patiešām cīnās ar jucekli, kā to mēdz darīt vairums tiešsaistes veikalu. Turklāt ir dažādas korekcijas un izmaiņas, kuras varētu veikt, lai uzlabotu lapas lietojamību un plūsmu. Galu galā es domāju, ka varētu veikt dažus lielus uzlabojumus. Sadalīsim to un redzēsim kā.

E-komercija ir atšķirīga

Lielākajai daļai tīmekļa dizaina var piekļūt no līdzīga viedokļa. Es varu pārdomāt dažus galvenos dizaina pamatprincipus un pārskatīt visneveiksmīgākās vietnes. E-komercijas interesanta lieta ir tā, ka tas ir nemanāms lauks, kurā reizēm visveiksmīgākās šķiet vietnes ar sliktāko dizainu.

"Mums ir jāpatur prātā, kritizējot šādu vietni, ka šis žanrs darbojas pēc saviem noteikumiem."

Vai tas nozīmē, ka mums vajadzētu apzināti padarīt neglīts e-komercijas vietnes? Noteikti nē. Tomēr, kritizējot tādu vietni kā šī, jāpatur prātā, ka šis žanrs darbojas pēc saviem noteikumiem un ka dažas lietas, kas portfeļa noformējumā varētu šķist patiešām svarīgas, šajā situācijā gandrīz nav nozīmes.

Noteikti ir laba ideja pastāvīgi aplūkot nozari un izlemt, kam klājas labi un kāpēc. Ja uzņēmumam ir simtiem tūkstošu dolāru, lai ieguldītu visefektīvāko izkārtojumu un iepirkumu plūsmu izpētē, ar ko viņi nāk klajā? Tālāk sniedzot padomus, es mēģināšu pievērst uzmanību no ārpuses esošajām atsaucēm, lai palīdzētu mums saglabāt norādi.

Lapas nosaukums

Viena no pirmajām lietām, ko es daru, apmeklējot vietni, ir nosaukuma joslas apskate. Tas ir pilnīgi instinktīvi, Web ir apmācījis mani domāt, ka tas man pateiks, kas ir vietne. Šis ir tas, ko es redzu Sonic Electronix lapā.

Kā redzat, virsrakstjosla koncentrējas tikai uz automašīnas audio. Tagad es esmu gatavs derēt, ka tas ir domāts SEO vajadzībām un ir vairāk domāts atslēgvārdu pieblīvēšanai, nevis informācijas nodošanai lietotājam. Es viss esmu jūsu lapas optimizēšanai meklētājprogrammām, bet ne tad, ja tas samazina lietotāja noderīgumu, un tas ir tieši tas, kas šeit notiek.

"Es visu esmu par jūsu lapas optimizēšanu meklētājprogrammām, bet ne tad, ja tā samazina lietotāja noderīgumu."

Problēma šeit ir tā, ka, tiklīdz to izlasu, ja es nemeklēju automašīnas audio aprīkojumu, es esmu prom. Es, visticamāk, pat neskatīšos pārējo lapu, it īpaši, ja man ir atvērtas piecas cilnes no Google meklēšanas un ātri pārvietojos pa tām, lai redzētu, kurām ir man nepieciešamās preces.

Pat ja automašīnas audio ir jūsu lielākais pārdevējs, un izskatās, ka tas ir, es domāju, ka to varētu pārstrādāt, lai kaut kas vairāk norādītu uz produktiem, kurus jūs faktiski pārdodat. Piemēram: “Automašīnu audio, GPS, drošība, mobilie tālruņi un citi”. Kaut kas līdzīgs šim atslēgvārdam ir tas, kas jums patīk, vienlaikus nodrošinot precīzu vietnes aprakstu.

Galvene

Viena no galvenajām vietām lapā, kurā redzu, ka cīnās ar jucekli, ir galvene. Šī ir ārkārtīgi izplatīta problēma visu veidu vietnēs, jo jūs vēlaties tik daudz iedziļināties šajā vissvarīgajā pirmajā iespaidā.

Kad mēs domājam par to, kā uzlabot šo galveni, lai padarītu to nedaudz draudzīgāku lietotājam, apskatīsim nedaudz perspektīvas. Tiklīdz es sāku aplūkot dažādas populāras e-komercijas vietnes, es pamanīju kaut ko ļoti interesantu par to, kā viņi izturas pret virsrakstu vietu. Šeit ir divi piemēri: pirmais no Amazon un otrais no Overstock.

Apskatiet šo meklēšanas joslu lielumu! Acīmredzot viņi uzskata, ka meklēšanas funkcija, iespējams, ir galvenais mērķis lietotājiem, kuri apmeklē viņu vietni, un viņi vēlas pārliecināties, ka tā tiek parādīta pēc iespējas pamanāmāk.

"Es noteikti iesaku izmēģināt lapu, kuras virsraksts ir pārstrādāts, lai meklētu pāri visam."

Vietnē Sonic Electronix ir pieejama liela telpa plašam meklēšanas laukam, taču tā tika upurēta, lai sasniegtu citas idejas. Noteikti iesaku izmēģināt lapu, kuras virsraksts ir pārstrādāts, lai meklētu funkciju pāri visam.

Navigācija

Es esmu gājis uz priekšu un atpakaļ par to, kā es jūtos par mega izvēlnēm, kurās ir atrodams miljons saišu, taču šķiet, ka viena vieta, kas darbojas, ir e-komercijas vietnēs, kurām ir ļoti daudz satura, ko izsijāt. Sonic Electronix navigācijas izvēlnes ir labi sakārtotas un ļauj diezgan viegli ātri pamanīt visu, ko es gribu iegādāties.

Tomēr atkal es domāju, ka galvenes juceklis šajā jomā darbojas pret mums. Ja mēs pievēršam uzmanību vietai, kur mēs sagaidītu navigācijas izvēlni, mēs to patiešām atrodam, taču tā ir nedaudz pazudusi saišu jūrā, slīpumos, atzīmēs, nolaižamajā vietā utt.

Labs dizains ir saistīts ar lēmumu pieņemšanu. Jums jāizlemj, kas ir svarīgi un kā jūs to izceļat. Ja jūs sacenšaties un cenšaties visu padarīt svarīgu, tad viss, ko jūs darāt, nav nekas svarīgs.

Piedāvātie priekšmeti

Pēc tam pārcelsimies uz piedāvāto vienumu lapu. Šeit jūs iegūstat savu pirmo reālo vizuālo devu par vietnē piedāvāto produktu daudzveidību un kvalitāti. Elementi ir kārtīgi izkārtoti režģī, un, kā jau iepriekš norādīju, izmanto jauku studijas fona izskatu ar lielu atstarpi.

Man šī teritorija ļoti patīk, taču ir dažas problēmas, kas man ar to saistītas. Pirmkārt, no lietojamības viedokļa tas ir diezgan kaitinoši, ka katrs lodziņš nav apgabals, uz kura var noklikšķināt. Uz attēla var noklikšķināt, kā arī uz produkta nosaukuma un pogas “Veikals tūlīt”, taču, ja jūs paskatāties dažādās citās vietnēs, tendence ir to padarīt tādu, lai es varētu noklikšķināt jebkur lodziņa robežās, lai dotos uz tam paredzētā produkta lapa. Izmantojot pašreizējo iestatījumu, cilvēkam, iespējams, varētu veikt dažus klikšķus, lai to pareizi saprastu.

"Jūs atradīsit, ka lietotāji ir diezgan piesardzīgi, nospiežot pogas e-komercijas vietnēs, baidoties kaut ko nejauši iegādāties."

Turklāt man šķiet, ka pogas “Veikals tagad” ir neskaidras. Es neesmu pilnīgi pārliecināts, ko tas nozīmē un kā tas ir saistīts ar to, kas notiek, nospiežot pogu. Vai es neveicos iepirkšanās, sākot no lapas ielādes? Vai šī poga nopirks preci? Vai tas ir vienkārši kaut kas tāds, uz kura es noklikšķinu, lai iegūtu vairāk informācijas?

Jūs atradīsit, ka lietotāji ir diezgan piesardzīgi, nospiežot pogas e-komercijas vietnēs, baidoties kaut ko nejauši iegādāties. Kad izveidojat pogu, pārliecinieties, vai tā mani pienācīgi sagatavo tam, kas notiks, kad es to nospiedīšu.

Kāpēc pirkt Sonic?

Mana vismazāk iecienītākā lapas daļa ir sadaļa “Kāpēc Shop Sonic”, kas atrodas apakšā. Šī sadaļa ir vienkārši kaste ar četrām lielām rindkopām. Tas nav īsti tik ļoti izstrādāts, cik izmests iekšā. Izskatās, ka tas bija liels satura gabals, ka dizaineram vienkārši nebija ne mazākās nojausmas, ko darīt:

Šis ir liels garlaicīgas informācijas bloks, kuru es kā lietotājs vienkārši nekad neizlasīšu, ja vien jūs to nepadarāt interesantāku. Tātad, kā mēs to varam salabot? Izrādās, ka šeit esošais saturs patiešām ir funkciju saraksts: ātra piegāde, droši maksājumi utt. Paturot prātā šo informāciju, nav grūti atrast pamatīgu iedvesmu. Noskatieties, kā tiešsaistes veikals Apple Store risina šo problēmu:

Redzi, cik tas ir labāk? Sonic Electronix sadaļā viss tiek ievietots vienā neveikli garā kolonnā, kurā nav attēlu vai citu pievilcīgu attēlu. Apple tam pievērsās ļoti atšķirīgi, sadalot saturu četrās kolonnās, saglabājot tekstu līdz īsajai rindkopai un satverot jūsu uzmanību ar skaistām ikonām un fotoattēliem.

Kājene

Pēdējais komentārs, pirms mēs iesaiņojam šo kritiku: es domāju, ka kājene ir mazliet acu skatiena:

Es neesmu pārliecināts, ka jums ir vajadzīgas aizzīmes vai saite, kuru pasvītro, taču esmu pārliecināts, ka abi kopā tikai padara šo apgabalu grūti lasāmu. Ja man vajadzēja vienu nogrūtināt, es iemetu pasvītrojumus, lai kājene izskatās vairāk kā Newegg.com:

Atšķirības starp šīm divām kājenēm ir smalkas neapmācītai acij, bet Newegg tikai izskatās tik daudz tīrāks un vieglāk pārlūkojams.

Secinājums

Kopumā es uzskatu, ka Sonic Electronix vietne ir ļoti iesākusies to dizaina izstrādē, taču viņiem ir jāpārdomā informācijas hierarhija. Šī ir problēma, ar kuru mēs atkal un atkal nonācām, pārvietojoties pa lapu.

"Tīmekļa dizaina galvenais mērķis ir loģiska, pārlūkošanai pievilcīga un pievilcīga satura prezentēšana."

Web dizaina galvenais mērķis ir loģiska, pārlūkošanai pievilcīga un pievilcīga satura prezentēšana. Informācijas pieblīvēšana un neliels dizainera slinkums tādos gadījumos kā “Kāpēc iepirkties Sonic?” sadaļa aizkavē vietni no tā, kas tā varētu būt.

Galu galā es iesaku dažus klikšķu izsekošanas pētījumus, lai redzētu, kas lietotājiem patīk / nepieciešami. Izmantojiet šo informāciju, lai samazinātu to, kas nav efektīvs, un izceltu to, kas ir. Es ļoti domāju, ka tādi priekšmeti kā meklēšanas josla varētu būt daudz efektīvāki, ja tie būtu pamanāmāki.

Tava kārta!

Tagad, kad esat izlasījis manus komentārus, piesakieties un palīdziet, sniedzot dizainerim dažus papildu padomus. Paziņojiet mums, kas, jūsuprāt, ir lielisks attiecībā uz dizainu un kas, jūsuprāt, varētu būt spēcīgāks. Kā vienmēr, mēs lūdzam arī jūs ievērot vietnes dizaineru un piedāvāt skaidrus konstruktīvus padomus, neņemot vērā bargos apvainojumus.