Kritérium webového designu č. 54: BDQWorks
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ím webem je společnost BDQWorks, vývojová a vývojová společnost Drupal / WordPress.
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 34 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 společnosti BDQWorks
BDQWorks je malé webdesignové a programovací studio Jasona Saeho Lee z Toronta v Ontariu v Kanadě. BDQWorks pracuje hlavně pro středně velké firmy z Kanady, jako je Kudos Home & Design a několik pocitů na YouTube, jako je Clara C.
Zde je snímek obrazovky domovské stránky:
Počáteční dojem
BDW Works je designérská agentura, takže by mě to udělalo trapně, kdybych si myslel, že jejich stránky byly ošklivé, naštěstí to ne. Určitě existuje několik věcí, na které nejsem nijak zvlášť nadšený, ale většina z nich se upřednostňuje.
Celkově je web použitelný a navržený velmi dobře, stejně jako práce, kterou BDQWorks předkládá každý den. Pojďme rozebrat některé jednotlivé kousky a uvidíme, co najdeme.
Navigační nabídka
Pokud sledujete tyto kritiky týdně, víte, že jednou z prvních věcí, které se na webu vždycky podívám, je navigační nabídka. Toto je klíčová komponenta pro uživatele, aby se dostali tam, kam chtějí, a já pevně věřím, že tento prvek musí být na místě, aby mohl web úspěšně zavolat.
Nabídka BDQWorks je ve skutečnosti zcela jedinečná a má jinou strukturu, než jakou jsem viděl na jiných webech. Zde je náhled:
Jak vidíte, rozbalovací nabídky neobsahují pouze seznam odkazů, ale také malý úryvek informací. To je vlastně docela pěkné a dává vám hlavy, co můžete očekávat, pokud budete sledovat tento konkrétní odkaz.
Nevýhodou je, že se cítím tak odlišně, že mi trvalo chvilku, než jsem si uvědomil, co se dělo, zejména proto, že různé rozevírací seznamy na vás přepínají zarovnání, takže nevíte, co přesně očekávat, když se vznášíte nad další možností.
Aby se předešlo změnám otřesů, doporučil bych dát všem rozevíracím seznamům stejné zarovnání, aby seznam odkazů a popis nikdy neměnily strany. Také byste mohli zvážit změnu efektu přechodu na skutečný barevný pruh za textem, takže je to více zřejmé než text jednoduše měnící barvu. Díky velké nabídce plné obsahu to pomůže uživateli, na jaké možnosti musí kliknout.
Ilustrace
Personalizovaným tématem webu se zdají být tito malí ilustrovaní lidé, kteří se objevují na různých místech. Jsou úmyslně hrubě nakreslené a poskytují přátelský, antropomorfní dotyk k webu.
Abych byl upřímný, nejsem blázen stylem ilustrace. To nakonec vede ke způsobu preference, ale myslím si, že ve skutečnosti slouží ke snížení celkové estetiky webu.
Klientská fotografie, která tyto postavy nahrazuje po několika sekundách prohlížení webu, je mnohem zajímavější a přitažlivější. Připomíná to myšlenku, že produkujete vysoce kvalitní práci, než abyste potlačovali tuto představu jako na ilustracích.
Sekundární navigace
Asi v polovině stránky je vodorovná řada obrázků a odkazů, které budu označovat jako sekundární navigaci. Každý z nich zobrazuje službu, kterou BDQWorks nabízí, a zobrazuje obrázek plochy vhodné pro Mac.
Na samém konci je však malá krabička, která jednoduše říká „Témata“. Tento dotyk se mi líbí a nelíbí. To, co se mi líbí, je myšlenka a záměr. Chtěli jste této oblasti věnovat zvláštní pozornost, takže jste vypadali jinak než ostatní. Přeruší téma fotografie, jednotnou velikost, kterou určují ostatní, a volbu písma.
Problém je v tom, že porušuje vzhled ostatních, aniž by jej doplňoval. Stejným způsobem, že dvě barvy se mohou navzájem konfliktovat nebo doplňovat, mohou dva vizuální objekty buď střetnout, nebo najít harmonii. Tato poslední malá krabička opravdu vypadá z místa, skoro jako by to úplně jiný návrhář zasekl jako dodatečnou myšlenku.
Mým doporučením je přehodnotit tuto oblast. Nejprve rozdělte oblast do pěti krabic stejné velikosti. Poté umístěte uprostřed pole „Témata“. Pokud tomu chcete věnovat pozornost, je to dobré místo. Nakonec použijte barvu a velikost písma pouze k rozlišení. Myslím, že černá skříňka by pěkně kontrastovala s ostatními, aniž by byla nepříjemná. Možná byste mohli zůstat v motivu iMac (nalepte loga na obrazovku iMac) a písma použitá jinde, i když mírně velká nebo odvážnější.
Solid Messaging
Jedním z míst, kde si myslím, že BDQ opravdu odvádí skvělou práci, je zpracování komunikace na stránce. Všude, kam se podívám, se mi připomíná, že se jedná o webovskou firmu specializující se na Drupal a WordPress. Jednoduše si to nemůžete nechat ujít! Je to skvělá věc pro první návštěvníky, protože to okamžitě objasňuje účel webu a identitu společnosti.
Jak můžete vidět na obrázku výše, jednou z prvních věcí, které vidíte na stránce, je popis toho, kdo je společnost, a seznam služeb, které nabízejí.
Tento koncept je ještě posílen úvodním videem na levé straně domovské stránky, které vás seznámí s BDQWorks, ukazuje vám některé jejich práce a obsahuje skutečné klientské rozhovory, které podepisují pochvaly společnosti. Toto video je velmi kvalitní a opravdu mi dává jistotu, že se jedná o špičkovou profesionální společnost a že si mohu být jistý jak kvalitou práce, kterou produkují, tak zákaznickým servisem, který budou poskytovat.
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.
