Kritika za web dizajn # 29: MadeFreshly
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šnja stranica je MadeFreshly.
Ako želite poslati svoju web stranicu kako bi je predstavili u budućoj dizajnerskoj kritici, potrebno je samo nekoliko minuta. Naplaćujemo 24 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 MadeFreshly-u
"Košarica s ukusom. Trendovi se mijenjaju, pa tako i vaša internetska trgovina. MadeFreshly vam nudi svjež dizajn vaše košarice. "
Evo snimka zaslona početne stranice:
Prvi dojam
Odmah po šišmišu mogu reći da mi se jako sviđa dizajn MadeFreshly-a. Ovdje postoji nekoliko cool dizajnerskih ideja i zamišljanja o kojima ćemo govoriti u nastavku. Definitivno imam nekoliko prijedloga za poboljšanje, ali većim dijelom to je sjajno web mjesto koje su stvorili vrlo talentirani dizajneri.
Moja najveća gužva vjerojatno je s konceptualnog stajališta. Ovo je definitivno subjektivna kritika, pa je slobodno potpuno ignorirajte, ali smatram neobičnim da vizualne stranice web mjesta proturječe metafori postavljenoj na mjestu mjesta. "MadeFreshly" može podrazumijevati niz stvari: hranu općenito, pečenu robu iz pećnice (ovo je ono što mi ide na pamet), nešto nadahnuto prirodom ili čak nešto novo i sjajno.
Međutim, dizajner je odabrao blagi izgled grungea za mjesto. Pozadina je ostarele teksture, a naslovi su na njih primijenili i grunge. Opet, ovo stvara sjajnu stranicu, ali je u suprotnosti s konceptom "svježeg".
Sadržaj uvijek treba prethoditi i odrediti dizajn. Dizajniranje oko, ili barem ne u suprotnosti s imenom i unaprijed uspostavljenom metaforom za web mjesto pomaže da se sve spoji i jednostavno se osjeća "ispravno".
Kao primjer, pogledajte vrlo sličnu situaciju na mjestu “Formee”, koje donosi “svježe pečene oblike”. Vizualno je prijateljski kuhar koji pojačava liniju.
Ne kopirajte ovu ideju, ali mogli biste razmotriti kako možete i u konceptu „svježeg“ vezati vizuale na stranici.
Logotip
Mislim da je logo MadeFreshly sjajan. Pisani oblik je prilično atraktivan dok se još uvijek osjeća jedinstveno, a uredan naborani učinak naljepnice dodaje osjećaj dubine mjestu. Dobar posao!
Glava
Zaglavlje je lijepo i jednostavno s običnom tekstnom navigacijom i lako uočljivom karticom za prijavu. Zaustavite se i pogledajte ovo područje u punoj veličini, a vidjet ćete da postoji mnogo prostora koji lebdi iznad tog logotipa.
Ne smeta mi bijeli prostor, pa čak i potičem dizajnere da ga koriste prilično liberalno, ali veliko prazno područje je užasno neugodan način za pokretanje stranice. Ovdje je rješenje mrtvo jednostavno, jednostavno smanjite taj prostor za oko pola i trebao bi izgledati sjajno. I dalje ćete zadržati puno prostora, samo ne toliko da vam smeta.
Drugi problem koji ovdje vidim je da se logo nalazi u neobičnom vodoravnom položaju. Sadržaj na desnoj strani stranice usmjerava se s desne strane, sugerirajući ne centrirani, već opravdani izgled. Međutim, logotip se ne podudara s sadržajem s lijeve strane niti je centriran iznad elementa ispod njega (drugi opravdani položaj). Umjesto toga, nespretno je plutalo udesno ulijevo i lijevo od centriranja.
Jednostavno popravljanje ovdje je uklanjanje logotipa nalijevo tako da se uskladuje sa sadržajem ispod njega. Skoro je već tamo i treba samo još jedan dobar udarac.
Izdvojeni odjeljak
Odjeljak ispod zaglavlja, koji sam proizvoljno naziva "istaknutim odjeljkom", dio je stranice koji zaista privlači vašu pažnju. Ima više vizualne težine od sadržaja oko sebe, tako da se osjeća važnije i vaše oči su gotovo odmah privučene na njega (sve dobre stvari).
Gumb "stvori trgovinu sada" je lijep i svijetao i služi kao snažan poziv na akciju. Nakon što vidite gumb, ako imate još jedan pogled oko sebe, vaše su ga oči stisnute strelicom, lijep dodir koji još više pažnje privlači jedan od najvažnijih elemenata na cijeloj stranici. Možete razmotriti dodavanje lebdećeg efekta gumbu kao pomalo UX pojačanje, ali u protivnom je solidan dizajn.
Moj jedini problem je tekst naslova. S jedne strane, atraktivan je i donosi neko lijepo ponavljanje teksta koji se koristi u logotipu. S druge strane, jednostavno nije brzo čitanje jednostavno zbog složenosti slova.
Ovo je jedna od onih situacija u kojima se estetika i čitljivost ne slažu. Ako ovdje promijenite font, čvrsto vjerujem da bi web mjesto bilo manje atraktivno za to, ali možda biste udvostručili broj korisnika koji zapravo čitaju naslov.
Možda biste mogli eksperimentirati s ostavljanjem jedne riječi naslova u skriptu i pretvaranjem ostatka u nešto malo čitljivije. Na primjer, „košarica sa“ mogla bi biti manja i običnim sans-serif fontom, dok bi se „ukus” mogao istaknuti i većom veličinom i upotrebom fontova skripte.
U konačnici je prihvatljivo kako je trenutno i ovo su samo prijedlozi koje treba uzeti u obzir. Bilo bi sjajno pokrenuti AB testiranje ovog elementa kako bi se vidjelo ima li mjerljiviji učinak mjerljive učinke na konverzije. Ako ne, onda svakako zadržite skriptu.
Odjel za tri gore
Na dnu stranice prikazane su tri snimke zaslona s riječima svježe, lako i učinkovito. Ovo je dojmljivo i pamtljivo, a odjeljak izgleda sjajno. Sviđa mi se što se tekstura pozadine završava, a sličice se preklapaju u novo područje. Opet, dizajner dodaje svom dizajnu malo više dubine kako bi se osjećao mnogo stvarnijim i raznolikim.
Svi smjeli odlomci
Obično se držimo početne stranice za Design Critiques, ali ovaj put sam malo pokucao na ostalim stranicama. Jedna stvar koju mislim vrijedno istaknuti je odlomak tekst na stranici "Obilazak".
Odluka da odlomci budu podebljani samo se ne slaže. Pisma izgledaju kao da su nasrkana jedno na drugo i teško ih je pročitati. Nadalje, podešavanjem kopije tijela smanjujete utjecaj podebljanog zaglavlja (kontrast je ključan). Preporučam da ovom tekstu dodate isti stil kao i nevaljani tekst ispod tri sličice na početnoj stranici.
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.
