Kritika web dizajna # 85: Sonic Electronix

Svakog tjedna pregledavamo novu web stranicu i analiziramo dizajn. Izdvojit ćemo oba područja koja su dobro učinjena, osim onih koja bi mogla koristiti neko djelo. Na kraju, završit ćemo traženjem da pošaljete svoje povratne informacije.

Današnje mjesto nalazi se kompanija Sonic Electronix, tvrtka za potrošačku elektroniku. Uskočimo unutra i vidimo što mislimo!

Istražite elemente Envatoa

Ako želite poslati svoju web stranicu kako bi je predstavili u budućoj dizajnerskoj kritici, potrebno je samo nekoliko minuta. Naplaćujemo 49 USD za kritiku vašeg dizajna - znatno manje nego što biste platili za savjetnika da pogleda vašu stranicu! Više možete saznati ovdje.

O Sonic Electronixu

„Sonic Electronix vodeći je svjetski prodavač automobilske audio i druge potrošačke elektronike. Naše skladište sadrži više od 15.000 elektronike visoke kvalitete. Pružamo neusporedivu uslugu po nenadmašnim cijenama. Započnite graditi automobilski audio sustav svojih snova još danas i uživajte u vrhunskoj usluzi i brzoj isporuci. Također imamo širok izbor profesionalne audio, DJ opreme i karaoke proizvoda za aplikacije u rasponu od ulazne razine do najozbiljnijeg audio stručnjaka. "

Evo snimka zaslona početne stranice:

Prvi dojam

Sonic Electronix izgleda prilično tipično putem interneta. Na prvi pogled, nekoliko je aspekata dizajna za koje mislim da su dobro urađeni. Mogu reći da je ovdje definitivno bilo napora da se mjestu da estetska privlačnost, što je sjajno. Vidio sam bezbroj drugih stranica u ovom žanru s pravom neredom početne stranice.

Odmah po šišmišu, što me privlači su čisti, dosljedni snimci proizvoda. Svaki je proizvod prikazan na bijeloj pozadini i izgleda profesionalno predstavljen. Ova posvećenost dosljednosti pokušava se na cijelom mjestu u različitim oblicima ponavljanjem boja, stilova tipki itd.

"Postoje mjesta gdje se čini da se stranica stvarno bori s neredom ..."

Uz sve ovo, postoje točke gdje se čini da se stranica stvarno bori s neredom, kao što to čini velika većina internetskih trgovina. Nadalje, postoje razne promjene i promjene koje se mogu provesti kako bi se poboljšala upotrebljivost i protok stranice. U konačnici, mislim da bi se mogla poboljšati. Razbijemo ga i vidimo kako.

E-trgovina je drugačija

Većini web dizajna može se pristupiti sa sličnog stajališta. Mogu uzeti nekoliko osnovnih, osnovnih načela dizajna i popraviti najružnije web stranice. Ono što je zanimljivo u vezi s e-trgovinom jest da je to čudno polje u kojem se ponekad web stranice s najgorim dizajnom čine najuspješnijima.

"Moramo imati na umu da kritiziramo mjesto poput ovog da ovaj žanr djeluje po vlastitim pravilima."

Znači li to da bismo trebali namjerno učiniti web mjesta e-trgovine ružnim? Apsolutno ne. Međutim, moramo imati na umu kada kritiziramo stranicu poput ove da ovaj žanr djeluje po vlastitim pravilima i da su neke stvari koje se u dizajnu portfelja mogu činiti doista važne gotovo nebitne.

Definitivno je dobra ideja neprestano gledati okolo u industriji i odlučivati ​​tko joj ide dobro i zašto. Kad tvrtka ima stotine tisuća dolara za ulaganje u istraživanje najučinkovitijih izgleda i trgovinskih tokova, što smisle? Kako u nastavku dajem savjete, pokušat ću privući vanjske reference kako bih nam pomogao.

Naslov stranice

Jedna od prvih stvari koje radim kada posjetim web mjesto je pogled na naslovnu traku. Ovo je potpuno instinktivno, Internet me naučio razmišljati da će mi to reći o čemu se uopće radi. Evo što vidim na stranici Sonic Electronix.

Kao što vidite, naslovna traka fokusirana je isključivo na zvuk automobila. Sada sam spreman kladiti se da je to za SEO svrhe i zapravo je više za gužvanje ključnih riječi nego za prenošenje informacija korisniku. Sve sam za optimizaciju vaše stranice za tražilice, ali ne ako to smanjuje korisnost za korisnika, a upravo se ovdje događa.

"Sve sam za optimizaciju vaše stranice za tražilice, ali ne ako to smanjuje korisnost za korisnika."

Problem je ovdje u tome što čim ovo pročitam, ako ne tražim automobilsku audio opremu, odem. Vjerojatno neću ni pogledati ostatak stranice, pogotovo ako u Google pretraživanju otvorim pet kartica i brzo prođem kroz njih da vidim koji proizvodi su mi potrebni.

Čak i ako vam je najveći audio prodavač u automobilu, a čini se da jest, mislim da bi to moglo biti preinačeno na nešto što više ukazuje na proizvode koje ustvari prodajete. Na primjer: "Auto audio, GPS, sigurnost, mobiteli i još mnogo toga." Nešto poput ove pogađa one ključne riječi koje vam se sviđaju dok još uvijek sadrže točan opis web mjesta.

Zaglavlje

Jedno od glavnih mjesta na stranici koje vidim kako se bori s neredom je zaglavlje. To je izuzetno čest problem na svim vrstama web stranica jer želite toliko strpati u taj važan prvi dojam.

Dok razmišljamo o tome kako da poboljšamo ovo zaglavlje, kako bi ga učinili malo prihvatljivijim za korisnika, razmislimo o vanjskoj perspektivi. Čim sam počeo razgledavati razna popularna mjesta za e-trgovinu, primijetio sam nešto vrlo zanimljivo u načinu na koji postupaju s prostorom u glavama. Evo dva primjera, prvog iz Amazona i drugog iz Overstoka.

Pogledajte veličinu traka za pretraživanje! Očito je da značajku pretraživanja smatraju glavnim odredištem za korisnike koji posjećuju njihovu web lokaciju i žele se pobrinuti da ona bude istaknuta što je moguće bolje.

"Svakako predlažem testiranje stranice sa zaglavljem preoblikovanim da bi se iznad svega ostavilo pretraživanje."

Na Sonic Electronix-u postoji mnogo prostora za veliko polje pretraživanja, ali žrtvovano je u potrazi za drugim idejama. Svakako predlažem da se isproba stranica sa zaglavljem preoblikovano kako bi se omogućilo pretraživanje iznad svega.

navigacija

Nazad naprijed i naprijed kako se osjećam u mega izbornicima koji su prepuni milijun veza, ali jedno mjesto na kojem se čini da djeluje dobro je na web lokacijama za e-trgovinu koje imaju tonu sadržaja koji treba prosijati. Navigacijski izbornici Sonic Electronix lijepo su organizirani i čine ih prilično jednostavnim za brzo otkrivanje svega onoga što želim kupiti.

I opet, mislim da je to zaglavlje protiv nas na ovom području. Ako skrenemo pogled na mjesto gdje bismo očekivali da se nalazi navigacijski izbornik, doista ga nalazimo, ali malo se izgubi u moru veza, gradijenata, kvačica, padova itd.

Dobar dizajn odnosi se na donošenje odluka. Morate odlučiti što je važno i kako ćete to istaknuti. Ako ispadnete i pokušate sve učiniti važnim, onda ništa što radite nije ništa važno.

Istaknute stavke

Zatim preskočimo na istaknute dijelove stranice. Ovdje je vaša prva stvarna vizualna doza raznolikosti i kvalitete proizvoda koji se nude na web mjestu. Elementi su uredno složeni u rešetku, a kao što sam gore napomenuo, koriste lijepi studijski pozadinski izgled s puno razmaka.

Jako mi se sviđa ovo područje, ali imam nekoliko problema s njim. Prije svega, iz perspektive upotrebljivosti, prilično je neugodno da svaki cijeli okvir nije područje koje je moguće kliknuti. Na sliku se može kliknuti kao i naziv proizvoda i gumb "Kupite sada", ali ako pogledate oko sebe na raznim drugim web-lokacijama, ovdje postoji tendencija da to učinim tako da mogu kliknuti bilo gdje u okvirima okvira za odlazak namjenska stranica proizvoda. S trenutnim postavljanjem, čovjek bi mogao zamisliti nekoliko klikova kako bi ga ispravio.

"Otkrit ćete da su korisnici prilično oprezni pri pritiskanju gumba na web lokacijama e-trgovine iz straha da će nenamjerno nešto kupiti."

Nadalje, osjećam se kao da su gumbi "Kupite sada" nejasni. Nisam sasvim siguran što to znači i kako je povezano s onim što se događa kad pritisnem gumb. Ne kupujem li od druge strane učitava stranicu? Hoće li ovaj gumb kupiti predmet? Je li to jednostavno nešto što kliknem za više informacija?

Otkrićete da su korisnici prilično oprezni pri pritiskanju gumba na web lokacijama e-trgovine iz straha da će nenamjerno nešto kupiti. Kad kreirate gumb, pobrinite se da me adekvatno pripremi za ono što će se dogoditi kad ga pritisnem.

Zašto kupovati Sonic?

Najmanje omiljeni dio stranice je odjeljak „Zašto kupovati Sonic“ pri dnu. Ovaj je odjeljak jednostavno okvir s četiri velika stavka. Zapravo nije toliko "dizajniran" koliko je bačeno. Čini se da je to bio veliki dio sadržaja koji dizajner nije imao pojma što da radi:

Ovo je veliki blok dosadnih informacija koje jednostavno nikada neću pročitati kao korisnik, osim ako to ne učinite zanimljivijim. Pa kako to možemo popraviti? Ispada da je sadržaj ovdje zaista popis značajki: brza isporuka, sigurno plaćanje itd. Imajući to u vidu, nije teško pronaći neku solidnu inspiraciju. Provjerite kako se internetska Apple trgovina rješava ovog problema:

Vidite koliko je to bolje? U odjeljku Sonic Electronix sve se baca u jedan neugodno dugačak stupac koji je prazan od slika ili bilo kakvih atraktivnih vizuala. Apple je tom pristupu pristupio vrlo različito podijelivši sadržaj u četiri stupca, držeći tekst na kratak odlomak i privukavši vašu pozornost prekrasnim ikonama i fotografijama.

Podnožje

Još jedan posljednji komentar prije nego što zaključimo ovu kritiku: Mislim da je podnožje malo zasjenjeno:

Nisam siguran da vam trebaju ni metci, ni poveznica, ali siguran sam da oboje zajedno samo čini ovo područje teško za čitanje. Ako bih morao izbaciti jedan, podvukao bih podvlačenje tako da podnožje izgleda više kao ono na Newegg.com-u:

Razlike između ta dva podnožja suptilne su neobrazovanom oku, ali Newegg samo izgleda mnogo čistije i lakše ih je pregledavati.

Zaključak

Općenito, mislim da je stranica Sonic Electronix započela s velikim dizajnom, ali trebaju preispitati hijerarhiju informacija. To je problem na koji smo nailazili iznova i iznova dok smo proputovali stranice.

„Predstavljanje sadržaja na logičan i atraktivan način pregledavanje je primarni cilj web dizajna.“

Predstavljanje sadržaja na logičan i atraktivan način pretraživanja je primarni cilj web dizajna. Zasjecanje informacija i malo lijenosti dizajnera u slučajevima poput "Zašto kupovati Sonic?" odjeljak zadržava web mjesto od onoga što bi moglo biti.

U konačnici, predlažem nekoliko studija praćenja klikova da biste vidjeli što korisnici vole / trebaju. Pomoću ovih podataka smanjite ono što nije učinkovito i označite ono što jest. Snažno sumnjam da bi predmeti poput trake za pretraživanje mogli biti mnogo učinkovitiji da su istaknutiji.

Tvoj red!

Sada kada ste pročitali moje komentare, dodajte i pomozite dajući dizajnerima neke daljnje savjete. Javite nam što mislite o dizajnu i što mislite da bi moglo biti jače. Kao i uvijek, molimo da također poštujete dizajnera stranice i ponudite jasan konstruktivan savjet bez bilo kakvih oštrih uvreda.