Interaktivní design

WebdesignerDepot Redesigned!

A tady je ... Po příliš mnoha zpožděních, nespočetných falešných výpadů a nápadů, nových {$lang_domain} je konečně tady! Jednalo se o neuvěřitelně složitý proces redesignu pro celý tým WDD, ale jsme velmi spokojení s výsledky a doufáme, že ho budete milovat stejně jako my.

Včera jsme spustili nový design a společnost Twittersphere nám dává skvělou zpětnou vazbu a pomáhá identifikovat některé chyby. Opravili jsme chyby minulý den a stále to děláme, proto prosím omluvte některé technické závady, které se v nadcházejících dnech ještě potkáte.

Pro nás bylo pro nás důležité, aby nový design udržel staré stránky duše, aby tak mluvil, a současně inspiroval naše návštěvníky a přinesl to aktuální informace o aktuálních webových standardech a technikách.

Nová webová stránka zejména dělá lepší práci při zavádění nových návštěvníků na našich stránkách. Všimnete si, že navigační a informační struktura je nyní mnohem čistší a jasnější.

V tomto příspěvku se podíváme na další informace o tom, co je nové a co se dělo za zákulisí, aby vám přinesla tuto novou verzi WDD. Takže, hned se ponořte!

Pokud jste byli v posledních několika letech jedním z našich 40 milionů návštěvníků (!), Všimnete si, že design je, jak to říkat? Radikálně odlišné! Ve skutečnosti nebyl zachován žádný ze starých návrhů. Všechno jsme je odhodili a začali jsme čerstvě od základů. Je to tak radikální, jak můžete získat s redesignem a přináší nám určitá rizika, protože ztrácíme naše předchozí výhody v oblasti brandingu ve prospěch toho, co věříme, že je lepší volbou pro naše stránky, jejich obsah a co je nejdůležitější: Vy, naše úžasné čtenáře !

Začněme s některými kredity, abychom zjistili, kdo je za tím ...

Takže co je nového v tomto designu:

Hybridní layout: Magazine a tradiční styl blogu

Zatímco starý design měl tradiční rozložení blogu, přičemž nejnovější příspěvky, které se vždy zobrazují nahoře, je přepracovaná verze hybridní mezi stylem časopisu a tradičním rozvržením blogu. Zjistili jsme, že to funguje velmi dobře pro náš obsah. Širší rozložení nám umožnilo přinést mnohem více obsahu do domovské stránky, zatímco 2 sloupce na domovské stránce usnadňují čtení než některé tradiční blogy ve stylu časopisů, kde obsah může být občas ohromující.

Doporučený obsah

Blogové příspěvky jsou rozptýleny třemi vybranými oblastmi: 2 vertikální a 1 horizontální. Vertikální oblasti obsahují některé z nejžhavějších témat, které se právě nacházejí na webu (citlivý design, jQuery atd.), Zatímco vodorovná oblast se používá k prezentaci nejnovějších nabídek z našeho webu MightyDeals.com. Celkově můžeme obsahovat dalších 10 příspěvků, než tomu bylo v předchozím návrhu, aniž bychom přemohli naše čtenáře.

Zůstatek a váha

Domovská stránka: Z důvodu silných snímků jsme se snažili udržet rovnováhu mezi textem a obrázky zobrazením dostatečného množství náhledu textu pro každý příspěvek. Pro aktuální stránky stránek jsme zvolili obrázky a úryvky kódu v plné šíři, zatímco text je zobrazen v ostrém záběru s obrázky. Díky tomu je web rychlejší a snazší číst (nebo skenovat) a zobrazuje snímky v největších možných velikostech pro maximální dopad. U obrazů ve starších příspěvcích a jiných užších obrázcích jsme zvolili zobrazení šedých pruhů na straně, což připomíná černé pruhy, které vidíte při sledování standardní prezentace na televizoru HD. Jednalo se o nejlepší kompromis, který bychom našli, abychom integrovali ty starší příspěvky do nového vzhledu stránek bez dodatečných vybavení stovek příspěvků!

Odpovědný design

Nové stránky nyní plně reagují a vypadají skvěle, ať už jste na stolním počítači, notebooku, tabletu nebo chytrém telefonu. Podívejte se na verzi chytrého telefonu tak, jak vypadá a připadá spíš jako aplikace, než na webových stránkách, a jsme opravdu hrdí na to, jak se tohle ukázalo. Také se nakládá rychle!

Retina grafika

Díky tomu, že společnost Apple uvedla do provozu více zařízení pro sítnici, jsou obrazovky s vyšším rozlišením pro webové stránky stále důležitější. Nový WDD slouží kdekoli je to možné. Design na stránce vypadá dokonale ostře na sítnicových zařízeních. V budoucnu budeme mít optimalizovanou grafiku ve všech oblastech, kde to bude možné. To je snadněji řečeno než udělat, protože web není docela retina hotovo ještě, ve skutečnosti, velmi málo míst, které jsou v současné době slouží velké graphics high-res grafiky. Některé z našich nejnovějších příspěvků jsou již částečně připraveny na sítnici a někteří to budou mít v budoucnosti. Také jsme slyšeli, že reklamy na sítnici nemusí být v budoucnu příliš daleko.

Vylepšená navigace

Při prohlížení článků si všimnete znaménka plus na pravé straně prohlížečů (nikoliv v mobilních zařízeních). Po kliknutí se otevře mini prohlížeč, který vám umožní procházet si aktuální článek, například procházení obsahu e-knihy. Můžete také sdílet aktuální článek prostřednictvím mini prohlížeče, nebo zobrazit související články, stejně jako číst další a předchozí příspěvky.

Umění

Opět jsme spolupracovali s talentovaným ilustrátorem Radimem Malinicem, abychom vytvořili umění pro naše nové stránky. Radim je oceněný umělecký ředitel a grafický designér se sídlem v Londýně v Anglii. Pod jménem Značka Nu pracuje s předními značkami domácností. Od původního návrhu webových stránek WDD pokračuje v práci s firmami Goldman Sachs, Bacardi, Blistex, filmovým muzeem v Londýně a mnoho dalších. Jeho styl práce je jedním z nejrozmanitějších průmyslových odvětví. Jeho odvážné a pestré vzory inspirají spoustu lidí, kteří je vidí. Požádali jsme Radima, aby tentokrát zaměřil svůj design na kruhy, protože je to nadčasový tvar, který je extrémně populární a oblíben v současných návrzích webových stránek.

Paralax

Nové umění a logo na záhlaví jsou oživeny pětivrstvým paralaxovým efektem (pohybující se různými rychlostmi) v sekci záhlaví webové stránky. Chcete-li ji vidět, jednoduše přesuňte myš kolem oblasti záhlaví (nikoliv v mobilních zařízeních). Myslíme si, že to vypadá docela hezky a přidává na tuto stránku zábavný prvek! [UPDATE] Paralaxový efekt byl nejvíce oblíben, ale někteří lidé se mu nelíbili, a tak jsme přidali možnost vypnutí kliknutím pravým tlačítkem myši na plochu efektu.

Logo

Ačkoli staré logo nám dobře sloužilo a bylo mu velmi líto, protože to byl kompletní redesign, nové logo bylo v pořádku! Tentokrát jsme spolupracovali Steven Bonner přepracovat naše logo. Je to velmi talentovaný typograf se sídlem ve Skotsku se záviděníhodným portfoliem modelových ilustrací pro některé z největších značek na světě. Myslíme si, že se ukázalo být skvělé a rovnoměrné vyvážení místa s osobním ručně kresleným dotykem a současně vypadající profesionálně a leštěné.

Typografie

Nakonec jsme vyřadili staré nudné systémové písma ve prospěch webových písem Typekit, které se používají výhradně v celém webu. Používáme Kulturista pro všechny hlavičky, které vypadají skvěle a mají krásnou osobnost a jedinečný pocit. Pro tělový text jsme si vybrali Proxima Nova který má vynikající čitelnost a je skvělý pro velké části textu. U záhlaví jsme také uvažovali Adelle , a pro textový text jsme také považovali Museo Sans, Adelle Sans , Myriad a Helvetica .

Pictos Icon písmo

V tomto novém designu používáme mnoho ikon. Ikony jsou součástí úžasné Písmo ikony Pictos navrhl Drew Wilson . Dokonce je používáme pro animované sociální ikony ve spodní části stránky.

Zápatí

V dolní části stránky máme 2 oblasti zápatí. První z nich vyzdvihuje některé oblasti, o kterých se domníváme, že je důležité zdůraznit, a pak máte tradičněji vypadající zápatí na samém konci s většinou textových odkazů a některých animovaných sociálních ikon.

Sociální integrace

Chtěli jsme prezentovat své čtenáře mnohem víc, takže nová WDD je mnohem společenější než předtím. Nyní máte na svém příspěvku na domovské stránce své komentáře a retweety. Takže, pokud chcete trochu slávy, můžete nyní dostat svůj avatar právě tam, aby celý svět viděl! No, to je trochu přehnané!

Méně reklam

Dobrá, nějaká dobrá a špatná zpráva. Některé z našich reklam se zvětšily, ale také omezili počet reklam, které běží na webu. Přiznáváme, že v průběhu let se naše stránky dostaly docela nadšené reklamami, takže to byla skvělá příležitost k vyčištění věcí. Díky tomu bylo uspořádání čistější a více esteticky příjemné pro navigaci, a přitom bylo stále schopno platit nájemné - nezapomínejme na podporu našich sponzorů :)

Depot.ly

Jedná se ve skutečnosti o pár týdnů: začali jsme používat krátkou adresu URL pro naše tweety, abyste mohli rozpoznat naše příspěvky ve všech sociálních kanálech, které používáte. Hodně užitečné si myslíme!

Další obsah

Jak jste si možná všimli, nedávno jsme začali zveřejňovat další články každý den. Ačkoli redakční příspěvky byly a jsou nadále podstatou našeho obsahu, nyní také pokrýváme relevantní zprávy a mini příspěvky, které budou vhodné pro konstruktéry a vývojáře, kteří navštíví naše stránky. Domníváme se, že to udržuje stránku více aktuální a v kontaktu s tím, co se děje ve světě právě teď, aniž by se ucházelo o úplné úvodníky pro každý příspěvek.

Setkali jsme se s řadou problémů s tím, že tento design funguje ve všech prohlížečích a zařízeních (a přesto to dělá!). Ve skutečnosti to bylo příčinou některých z posledního zpoždění, které jsme zažili. Měli jsme být spuštěni minulý týden, ale mnoho otázek prohlížeče nás zpomalilo. Omlouvám se za to! Firefox byl obzvláště náročný, ale IE 8 se ukázalo být horší a příčinou mnoha bolesti hlavy a frustrací pro naše kodéry. Od našeho uvedení včera jsme obdrželi spoustu dalších informací prostřednictvím Twitter o problémech, které je třeba ještě vyřešit. Děkujeme za vaši trpělivost, když jsme se k nim obrátili.

Co vidíte dnes je nový design, ale to není všechno. Plánujeme brzy přidat nové věci. O tom se dozvíte v nadcházejících týdnech.

My všichni osobně milujeme nový design a očekáváme, že se bude stále vyvíjet na základě vaší zpětné vazby. Opravdu si vážíme, kdybyste nás mohl informovat o čemkoli, na čem byste chtěli zlepšit. Také, dejte nám vědět, pokud narazíte na problémy související s kompatibilitou prohlížeče nebo problémy na konkrétních mobilních zařízeních, které používáte, abychom je mohli rychle řešit.

Jako vždy jsme hluboce a nesmírně vděční všem vám za to, že jste podporovali WDD po ​​všechny ty roky. Z celého týmu tady na WDD, díky každému z vás a doufáme, že tento nový design vás inspirová a bude vám dobře sloužit při prohlížení našich stránek.

Co si myslíte o novém redesignu WDD? Vítáme vaši zpětnou vazbu!

přizpůsobivý design webový design redesign wdd grafiky sítnice webdesignerdepot