Kritérium webového designu č. 77: Kapitálové čaje
Každý týden se podíváme na nový web a analyzujeme jeho design. Poukážeme na obě oblasti, které jsou vedeny dobře, kromě těch, které by mohly použít nějakou práci. Nakonec budeme požádáni, abyste nám poskytli vlastní zpětnou vazbu.
Dnešní web je Capital Teas. Pojďme skočit a uvidíme, co si myslíme!
Prozkoumejte zdroje návrhu
Pokud chcete svůj web odeslat jako součást budoucí kritiky designu, trvá to jen několik minut. Za kritiku vašeho návrhu účtujeme 49 USD - podstatně méně, než kolik byste zaplatili konzultantovi, aby se podíval na vaše stránky! Více se dozvíte zde.
O kapitálových čajích
Capital Teas je pátá generace, specializovaný obchodník s čajem. Nabízejí více než 175 druhů nejkvalitnějších čajů a bylinných výluhů z nejkvalitnějších pěstitelských zemí a regionů světa, včetně Srí Lanky, Indie, Číny, Japonska, Malawi a Keni. Mezi jejich čajové výrobky patří tradiční a moderní čajníky, sládky a infusery a mnoho dalších specialit. Nabízejí také řemeslný med, džemy, čajovou infuzi a další labužnická jídla, která doprovázejí jejich čaje.
Zde je snímek obrazovky domovské stránky:
První dojem
Můj první dojem z webu je silně postaven na myšlence, zda mohu přesně říci, o čem to je během prvních tří sekund od zobrazení domovské stránky. Správně, tři sekundy. Musíš chytit mou pozornost, řekni mi, kdo jsi a o čem jsi, za kratší dobu, než je průměrný člověk svázán botou.
V případě velkých čajů absolvují tento test s létáním barev. Tato stránka křičí online čajový obchod (dobrým způsobem). Všude vidím fotky čaje, několikrát se objeví slovo „čaj“, barvy naznačují čaj; Jsem okamžitě dobře orientovaný a vím, že pokud se chystám koupit čaj, jsem na správném místě.
Pokud jde o vizuální estetiku a vzhled stránky, řekl bych, že má dobré kosti. Má pevnou strukturu a začala atraktivní vizuální estetika. Vyžaduje to trochu práce, ale nic příliš velkého. Pojďme skočit a podívat se na několik konkrétních oblastí, abychom zjistili, jestli můžeme najít nějaké návrhy na zlepšení.
Záhlaví
Jednou z oblastí, kde vidím největší problémy, je záhlaví. Vypadá to, že byl navržen tak, aby byl jednoduchý, ale marketingové oddělení se toho zmocnilo a zlikvidovalo ho. Je v něm tolik věcí, že se cítí zaplněný a stojí jako ostrý rozpor s poměrně čistou estetikou stanovenou ve zbytku stránky.
Obzvláště sociální ikony by mohly použít nějaké velké vyčištění. Design každého z nich je nekonzistentní, více položek na Facebooku se jeví jako nadbytečných, vyskytují se problémy s překrýváním a všechno na tomto místě je přeplněné spolu s velmi malým dýchacím prostorem.
„Deal of the Day“ a přihlášení k odběru novinek na druhé straně podporují také nepřehledný vzhled. Tyto prvky nejsou zvlášť dobře sladěny s ničím jiným na stránce a zdá se, že se promítly jako dodatečná myšlenka.
Jak to opravit
Zde se musí udělat nějaká těžká rozhodnutí, protože musí něco jít. Ve skutečnosti musí jít několik věcí. Vypadá to, že se někdo pokusil nacpat spoustu prvků zápatí do záhlaví, jen aby je dostal na lepší místo na stránce, ale pamatujte, že pokud je vše speciální, nic není zvláštní. Musíte si vybrat, co je nejdůležitější, a dát svým položkám jasnou vizuální hierarchii.
Doporučuji přesunout většinu obsahu v záhlaví jinam. Zkuste identifikovat absolutně kritické prvky. Začněte s logem. Je to pěkně vyhlížející kousek, který staví skvělý pocit starého světa pro web, věnujte mu více pozornosti tím, že odstraníte okolní prvky. Další nezbytnou položkou je nákupní košík. Pokud můžete snížit záhlaví na tyto dvě položky, děláte skvěle. Pokud ne, dovolím zahrnutí dohody dne. Všechno se přesouvá k zápatí nebo je lépe integrováno do zbývající části stránky.
Když jste u toho, najděte jednoduchou sadu sociálních ikon, která má odpovídající ikony pro každou sociální síť, kterou potřebujete.
Navigace
Po přesunutí stránky dolů se dostaneme k navigaci. Stahování účinné a nepřekonané dvojité navigace je složité podnikání, ale ve skutečnosti se mi líbí způsob, jakým se s ním zachází. Čistě textové menu bylo spárováno s vyhledávacím polem a naskládáno do barevné nabídky založené na ikonách. Výsledkem je skvělá nabídka způsobů, jak najít to, co hledám.
Jedna věc, kterou mi připadá trochu trapná, je návrh rozbalovací nabídky v primární navigaci. Mají odpojený, plovoucí pocit, který způsobuje, že téměř vypadá, že něco nefunguje úplně správně.
Doporučuji to přehodnotit a experimentovat s různými vizuálními nápady, díky nimž vypadají rozbalovací nabídky integrovanější a propojené s hlavní nabídkou.
Hlavní obsah
Hlavní oblast obsahu se skládá ze tří polí. Jedná se o dobrou kombinaci formátů a skládají se z velkého posuvníku, statického obrazu a malého filmu (který se naštěstí nepřehrává automaticky). Tato oblast je skvělá. Líbí se mi, že to bylo spárováno do tří polí, rozvržení vypadá pěkně a čistě a opravdu se zaměřuje na zobrazené produkty a informace.
Fotografování
Jako fotograf jsem blázen po dobrých fotografiích a tento web úspěšně přináší tuto oblast. Vypadá to, že majitelé opravdu investovali do kvalitní fotografie a vyplatí se tím, že jejich produkty vypadají velmi špičkově a atraktivně.
Typografie
Druhou hlavní oblastí, která vyžaduje okamžitou pozornost, je po záhlaví typografie. Většina návrhářů doporučuje, abyste pro celý projekt vybrali jeden nebo dva solidní typy písma, možná tři, pokud se cítíte dobrodružní a máte dost dovedností, abyste je stáhli. Ztratil jsem počet, kolik typů písma jsem viděl na domovské stránce na tomto webu.
Váš typ je jedním z nejsilnějších ukazatelů stylu vašeho webu. Nastavuje náladu, časové období, tón profesionálně a mnohem více. Pokud je nekonzistentní a rozptýlený, jsou to také zprávy, které zprostředkovává.
Rozhodně doporučuji sešrotování všech různých typů písma, pak výběr jednoho nebo dvou s vysokou mírou čitelnosti a tónu, který odpovídá záměrům designu. Výsledkem bude mnohem konzistentnější, profesionální pocit pro web jako celek.
Sekundární obsah
Ve spodní části stránky je pruh krabic, který pro naše účely budu nazývat „sekundárním obsahem“. Toto rozložení v kombinaci s výše uvedenými třemi políčky je jednoduché a pevné. Připomíná mi to několik rozvržení v našem článku 10 Příklady rozvržení stránek Rock Solid.
Mým jediným skutečným problémem v této oblasti je typografie, kterou jsem již prošel. Konkrétně je zde však problém, že písmo „zobrazit tento produkt“ je tak tenké, že je téměř nečitelné.
Závěr
Abych to shrnul, Capital Teas má skvělý start do super atraktivní stránky. Základní struktura rozvržení je pevná, fotografie jsou krásné a duální navigace funguje dobře, i když obvykle tuto trasu odradím. Některé oblasti, na které je třeba se zaměřit na zlepšení, zahrnují záhlaví, které je třeba odstranit, a typografie, která musí být spárována s několika vybranými typy písma.
Tvůj tah!
Nyní, když jste si přečetli moje komentáře, zapojte se a pomozte tím, že poskytnete návrháři nějaké další rady. Dejte nám vědět, co si myslíte o designu skvěle a co si myslíte, že by mohlo být silnější. Jako vždy žádáme, abyste také respektovali návrháře webu a nabídli jasné konstruktivní rady, které zbaví jakékoli tvrdé urážky.
