Kritérium webového designu č. 3: Firefly
Naše kritika webového designu byla hitem jak u zákazníků, tak u komentářů. Pokračujte ve skvělé práci a poskytujte kvalitní nápady a návrhy!
Dnešní web je Firefly, domovská stránka personální agentury pro sociální práci se sídlem ve Velké Británii.
Prozkoumejte prvky Envato
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 24 USD - podstatně méně, než kolik byste zaplatili konzultantovi, aby se podíval na vaše stránky! Více se dozvíte zde.
Světluška
Podle své vlastní definice „Firefly je náborová poradenská společnost, která se specializuje na získávání, umisťování a správu odborníků v sociální práci ve veřejných a soukromých rolích po celém Londýně a jeho sousedních okresech. Náš přístup k náboru je osobní a konzultační. “
Zde je domovská stránka jejich webových stránek:
Celkově je design stránek opravdu pěkný a mám k tomu spoustu dobrých věcí. Podívejme se na několik z nich do hloubky.
Barevné schéma
V první řadě se mi tady opravdu líbí paleta barev. Používá všechny světlé barvy, které jsou na očích snadné a vypadají spolu krásně.
Nejodvážnější barvou je zelená a designér ji použil v dokonalém množství. Je to rozptýleno poměrně těžce přes horní část webu, pouze na klíčových místech v celém obsahu, a jako hlavní barva zápatí vytváří velký vzhled (ve třech variantách!).
Důraz na detail
Na stránce je spousta malých kousků designu, které jsou jen hezké. To ukazuje, že návrhář si udělal čas jít pomalu a dostat rozhraní správné místo spěchání jen aby něco zveřejnit.
Opakování
Opakování je jedním z klíčových aspektů designu a principem, který je mnoha webovým designérům nepochopen nebo zcela neznámý. Tento designér ji mistrovsky používal nejen opakováním zelené, jak bylo uvedeno výše, ale také použitím kruhového prvku z loga.
Opakování prvku na stránce jako je tento způsob vypadá, že je vzhled soudržnější. Při prohlížení stránky také dává oko něčemu známému.
Rozložení
Návrhář se rozhodl implementovat rozložení ve třech sloupcích a přilepil s ním celou délku webu. Zarovnání jsou silná a sloupce jsou prováděny velmi dobře. Vizuální oddělení krajně pravého sloupce pomocí tmavší barvy pozadí je vynikajícím dotykem, protože pomáhá zvýraznit hlavní obsah a rozbít monotonnost velké bílé stránky.
Co je třeba zlepšit
Celkově je design jedním z nejsilnějších, jaké jsme kdy pro kritiku viděli. Je však možné provést několik malých úprav.
Rozlišení obrázku
Protože mám pozadí v tisku, mám sklon být nazi. Logo vlevo nahoře nepředstavuje pouze značku společnosti, je to také jedna z prvních věcí, které uživatel uvidí při vstupu na stránku. Z tohoto důvodu se chcete ujistit, že je to hezké křupavé.
Trochu jsem vyhodil do povětří logo, abych vám ukázal, co tím myslím. To sice problém ještě zhoršuje, ale je to dobrý příklad toho, co hledat při ukládání obrázků na menší úrovni.
Pečlivě sledujte artefakty a degradaci obrazu. Toto logo je dosti malé a nemělo by se na webu ukládat, pokud by mělo být uloženo ve vyšším rozlišení.
Text těžký
Možná horší vizuální problém s touto stránkou je, že je to tak těžké text. Když někdo poprvé přistane na vašem webu, je to prostě spousta informací. Tato četba může být časově náročná a zastrašující a může vést k tomu, že uživatel text zcela ignoruje.
Zvažoval bych to oříznout na holé potřeby a umístit jakékoli nepodstatné informace na podpůrnou stránku, místo abych jim dal tu význam.
Použitelnost
U některých textů na stránce existuje nepatrný problém s použitelností. Nejsem si jistý, co to způsobuje, ale v prohlížeči Safari nelze text ve uvítacím sloupci vybrat.
Vím, že to zní vybíravě, ale celý bod živého textu spočívá v tom, že na stránce máte čistou, svěží a plně volitelnou (a tedy kopírovat schopnou kopii) kopii.
Doporučujeme podívat se na svůj kód a zjistit, co způsobuje tuto chybu.
Dvě kancelářské sponky
Jak jsem uvedl výše, opakování je v designu dobrá věc. Jak jsem však také zdůraznil, je často špatně pochopeno nebo zneužito. Sponky na papír jsou pěkným grafickým prvkem a bylo by skvělé je opakovat někde jinde na stránce, ale jejich umístění je blízko sebe, takže tato sekce trpí syndromem klonů Photoshopu.
Myslím, že použití pouze jedné kancelářské sponky by znamenalo silnější prohlášení. Pokud se opravdu chcete držet dvěma, ujistěte se, že nejsou totožné. Otočte jej nebo otočte, abyste poskytli malou variaci.
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 bez jakýchkoli tvrdých urážek.
Máte zájem o kritiku svého vlastního webu? Více se dozvíte zde.