Kritika web dizajna # 77: Kapitalni čajevi
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 je Capital Teas. Uskočimo unutra i vidimo što mislimo!
Istražite dizajnerske resurse
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 kapitalnim čajevima
Capital Teas je peta generacija obiteljskog trgovca čajem. Nude više od 175 sorti najkvalitetnijih čajeva bez biljnih listova i biljnih infuzija iz najboljih svjetskih zemalja i regija koje rastu, uključujući Šri Lanku, Indiju, Kinu, Japan, Malavi i Keniju. Njihovi proizvodi za čajne proizvode uključuju tradicionalne i moderne čajnike, pivovare i infuzeri te mnoge druge specijalne proizvode. U ponudi su i zanatski med, džemovi, čokolada natopljena čajem i ostala gurmanska pakirana hrana uz njihove čajeve.
Evo snimka zaslona početne stranice:
Prvi dojam
Moj prvi dojam o web lokaciji je jako izgrađen na ideji da li mogu točno reći o čemu se radi u prve tri sekunde od gledanja početne stranice. Tako je, tri sekunde. Morate privući moju pažnju, reći mi tko ste i što radite za manje vremena nego što je prosječnoj osobi potrebno za vezanje cipela.
U slučaju kapitalnih čajeva, oni prolaze ovaj test letećim bojama. Ova stranica vrišti na internetsku trgovinu čajem (na dobar način). Svuda vidim fotografije čaja, nekoliko puta se pojavljuje riječ "čaj", boje sugeriraju čaj; Odmah sam dobro orijentirana i znam da ako tražim kupiti čaj, na pravom sam mjestu.
Što se tiče vizualne estetike i izgleda mjesta, rekao bih da ima dobre kosti. Započela je čvrsta struktura i atraktivan vizualni estetik. Treba malo raditi, ali ništa previše važno. Uskočimo i pogledamo nekoliko specifičnih područja da vidimo možemo li pronaći neke prijedloge za poboljšanje.
Zaglavlje
Jedno od područja u kojem vidim najviše problema je zaglavlje. Izgleda da je dizajnirano na jednostavan način, ali marketinški odjel ga je uhvatio i uništio. Toliko je stvari natrpano u njemu da se osjeća zgužvano i stoji poput izrazite suprotnosti s prilično čistom estetikom uspostavljenom od ostatka stranice.
Osobito društvene ikone mogle bi koristiti neko veliko čišćenje. Dizajn za svaki je nedosljedan, više Facebook stavki izgleda suvišno, postoje problemi s preklapanjem i sve je na ovom mjestu gužve, zajedno s vrlo malo prostora za disanje.
S druge strane, "Deal of the Day" i pretplata na biltene, dodaju još jedan zbunjeni izgled. Ovi elementi nisu posebno dobro usklađeni s bilo čim ostalim na stranici i izgledaju kao da su promišljeni nakon toga.
Kako to popraviti
Ovdje će biti potrebne neke teške odluke, jer nešto mora ići. Zapravo, nekoliko stvari mora ići. Osjeća se kao da je netko pokušao strpati gomilu elemenata podnožja u zaglavlje samo kako bi im osigurao bolje mjesto na stranici, ali zapamtite, ako je sve posebno, ništa nije posebno. Morate odabrati ono što je najvažnije i stavite jasne vizualne hijerarhije.
Preporučujem da većinu sadržaja u zaglavlju premjestite na drugo mjesto. Pokušajte prepoznati apsolutno kritične elemente. Započnite s logotipom. Lijep je komad koji postavlja sjajan osjećaj starog svijeta za web mjesto, pridavati mu više pozornosti oduzimajući okolne elemente. Druga potrebna stavka je košarica. Ako možete smanjiti zaglavlje na ove dvije stavke, super vam ide. Ako ne, dopustit ću uključivanje dana. Sve se premješta u podnožje ili bolje integrira u ostatak stranice.
Dok ste kod njega, pronađite jednostavan društveni skup ikona koji sadrži ikone za podudaranje za svaku potrebnu društvenu mrežu.
navigacija
Pomičući se niz stranicu, sljedeći put dolazimo do navigacije. Izvlačenje učinkovite i neredovite dvostruke navigacije težak je posao, ali zapravo mi se sviđa način na koji se ovdje upravlja. Izbornik čistog teksta uparen je s okvirom za pretraživanje i složen je u šareni izbornik koji se temelji na ikoni i rezultat je izvrsna ponuda načina da pronađem ono što tražim.
Jedna stvar koja mi se čini pomalo neugodna je dizajn padajućih izbornika u primarnoj navigaciji. Imaju nepovezan, lebdeći osjećaj zbog čega se gotovo čini kao da nešto ne radi sasvim ispravno.
Preporučujem ponovno razmišljanje o tome i eksperimentiranje s različitim vizualnim idejama koje padajuće slike izgledaju integriranije i povezane s glavnim izbornikom.
Glavni sadržaj
Glavno područje sadržaja sastoji se od tri okvira. Ovo su dobra kombinacija formata i sastoje se od velikog klizača, statičke slike i malog filma (koji se, na sreću, ne reproducira automatski). Ovo je područje sjajno. Volim da su upareni do tri okvira, izgled izgleda lijepo i čisto, a doista se fokusira na proizvode i informacije koje se prikazuju.
Fotografija
Kao fotograf, ja sam dojilja za dobre fotografije i ova stranica uspješno se isporučuje na ovom području. Izgleda da su vlasnici zaista uložili u kvalitetnu fotografiju i isplati se time što njihovi proizvodi izgledaju vrlo visoko i atraktivno.
Tipografija
Nakon zaglavlja, drugo veliko područje koje treba odmah obratiti pozornost je tipografija. Većina dizajnera preporučuje da odaberete jedan ili dva čvrsta tipa slova za cijeli projekt, možda i tri ako se osjećate avanturistički i imate dovoljno vještine da ga izvučete. Izgubio sam broj koliko slovopisa sam vidio na početnoj stranici na ovoj stranici.
Vaš je tip jedan od najjačih pokazatelja stila vaše web stranice. Postavlja raspoloženje, vremensko razdoblje, profesionalni ton i puno više. Ako je nedosljedan i raštrkan, to su poruke koje prenosi.
Definitivno preporučujem brisanje svih različitih tipova, a zatim odabir jednog ili dva s visokim stupnjem čitljivosti i tonom koji odgovara namjerama dizajna. Rezultat će biti mnogo konzistentniji, profesionalni osjećaj za web mjesto u cjelini.
Sekundarni sadržaj
Dno stranice nalazi se kutija koju ću nazvati „sekundarnim sadržajem“ za naše potrebe. Ovaj je raspored u kombinaciji s tri gornja okvira jednostavan i čvrst. Podsjeća me na nekoliko izgleda u našem članku 10 primjera rasporeda web stranica Solid Solid.
Moj jedini stvarni problem s ovim područjem je tipografija, koju sam već preispitao. Konkretno, ovdje je problem što je pisača na "prikazu ovog proizvoda" toliko tanka da je gotovo nečitljiva.
Zaključak
Ukratko, Capital Teas ima sjajan početak na vrlo atraktivnom mjestu. Osnovna struktura izgleda je solidna, fotografije su lijepe i dvostruka navigacija dobro funkcionira iako ja obično obeshrabrujem tu rutu. Neka područja koja se trebaju usredotočiti na poboljšanje uključuju zaglavlje koje treba ukloniti i tipografiju koju treba upareti s nekoliko odabranih slogova.
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.
