Webdesigner Depot krijgt een herontwerp
Een paar dagen geleden, op 11 november, vierden we hier onze zesde verjaardag op WDD door ons nieuwste herontwerp bekend te maken.
Als u vaak bezoekt, zou u de meeste veranderingen gemakkelijk moeten opmerken, maar als u af en toe even langskomt, zal de site er hetzelfde en toch anders uitzien. Als we ons werk goed deden, zou het eigenlijk minimalistischer, eleganter en gemakkelijker leesbaar moeten zijn.
Toen we begonnen met het opnieuw ontwerpen van WDD, wilden we een betere gebruikerservaring bereiken door een meer minimalistische benadering te omarmen, waardoor de site werd vereenvoudigd en versneld.
We overwogen een tijdschriftlay-out voor het nieuwe ontwerp, maar het voelde onpersoonlijk en overweldigend met veel te veel inhoud en zag er ook wat rommelig uit. We hebben talloze iteraties doorgemaakt voordat we besloten om deze richting te volgen. Over het web zien we dat er tegenwoordig steeds meer content wordt weergegeven op sites (met name technische sites) die de gebruikers te veel keuze bieden. We zijn van mening dat deze nieuwe lay-out intiemer, persoonlijker en gemakkelijker te bladeren is, en enigszins lijkt op een kruising tussen een traditionele blog en een site in tijdschriftstijl zonder de gebruikerservaring te overbelasten.
De zijbalk is geminimaliseerd. Het is nu smaller en zelfs de 200 × 125 advertenties, die nu één voor één worden weergegeven, lijken gemakkelijker te ademen met voldoende witte ruimte om hen heen. Oorspronkelijk hebben we de grotere advertentie van 300 × 250 op de zijbalk verwijderd om een superkleine zijbalk te maken met alleen de 200 × 125 advertenties, maar dit creëerde een probleem voor sommige van onze sponsors die op die topreclame zwaar adverteren.
We hebben ook geëxperimenteerd met het verwijderen van de zijbalk helemaal, maar toen we probeerden de inhoud van de zijbalk en vooral de advertenties in de inhoud in één kolom te integreren, werd de lay-out zwaar en ongeorganiseerd. Als WDD geen advertenties had (één dag?), Hadden we waarschijnlijk genomen een benadering zonder zijbalk . Voorlopig zijn echter nog steeds advertenties nodig om de site uit te voeren en de rekeningen te betalen, maar met deze aanpak zijn we van mening dat ze minder opdringerig zijn en zowel onze adverteerders als onze lezers het best dienen.
Een van de ideeën die we al vroeg wilden integreren was oneindig scrollen . We vroegen onze lezers via onze sociale kanalen om feedback hierover en deden grondig onderzoek en kwamen erachter dat dit grotendeels negatief zou zijn voor onze doeleinden. Wij geloven dat oneindig scrollen het beste werkt voor sites met voornamelijk afbeeldingen, maar niet noodzakelijkerwijs voor een blog, waar het lijkt te resulteren in minder gebruikersbetrokkenheid (lezers scrollen en scrollen alleen, maar ze houden zich minder bezig met de inhoud). Natuurlijk zijn er altijd uitzonderingen, maar voor WDD houden we voorlopig vast aan een traditionele paginanaamaanpak en zeggen we "nee" tegen oneindig scrollen.
We zijn van mening dat deze nieuwe lay-out intiemer, persoonlijker en gemakkelijker te bladeren is, en enigszins lijkt op een kruising tussen een traditionele blog en een site in tijdschriftstijl.
We wilden dat WDD een perfecte balans zou vinden tussen wat we waarnemen als mannelijke en vrouwelijke ontwerpelementen. Je zult merken dat er veelvuldig gebruik wordt gemaakt van mannelijke vormen zoals scherpe hoeken, vierkanten en rechthoeken, maar er worden ook heel veel cirkels op de hele site gebruikt om een zachtere, vrouwelijkere kant te creëren.
Daarnaast hebben we veel diagonale lijnen op de site toegevoegd en zelfs onze koppen cursief gemaakt om die diagonale component overal mee naartoe te nemen. De site voelt meer verbonden met alle vormen, maten en vormen, net zoals design zou moeten zijn. Dit vertegenwoordigt ook de diversiteit van de inhoud die we op de site hebben, de verschillende auteurs, de meerdere gezichtspunten, enzovoort.
Het idee achter de afwisselende tekst- en afbeeldingenlay-out op de hoofdpagina's is om een gelijkwaardige balans te maken tussen zowel tekst als afbeeldingen aan beide zijden van de hoofdkolom. We kozen opnieuw voor het niet hebben van een aanbevolen bericht bovenaan, waarvan we vonden dat we onze lezers liever zouden uitnodigen om meer te ontdekken en dat je misschien vaker op 'volgende pagina' drukt dan voorheen, omdat de site meer uitnodigend zou moeten zijn voor bladeren en verkennen.
De headers zijn nu binnen LFT Etica en alle hoofdletters. We hebben de Adelle lettertype voor dit herontwerp omdat we de decoraties wilden minimaliseren en een schreefloos lettertype paste daar beter bij. De extra zware, gewaagde stijl zorgt ervoor dat de titels echt poppen en gemakkelijker te lezen zijn. WDD is altijd 'gedurfd' geweest in zijn benadering van het ontwerp, maar deze is mogelijk ons meest gedurfde ontwerp.
Voor de hoofdtekst die we gebruiken Proxima Nova Soft , die in het vorige ontwerp van Open Sans is veranderd. De ronding van dit lettertype voelde geschikt voor de site omdat het een vrouwelijker gevoel geeft, terwijl de headers er mannelijker uitzien. Nogmaals, we wilden evenwicht creëren in alle aspecten.
Er zijn hier en daar nieuwe animatie-effecten, rollovers, tekstlinks en kleine details die ervoor zorgen dat de site moderner en sprankeler aanvoelt. Er zijn ook enkele wijzigingen aangebracht in de backend om de laadsnelheid te verbeteren en de site zo veel mogelijk te optimaliseren. We hebben ook een nieuwe 404-pagina! :)
We hopen dat u geniet van het nieuwe ontwerp en vooral dat u onze artikelen blijft gebruiken en delen.
We werken er hard aan om WDD een geweldige bestemming te maken voor al onze designer- en ontwikkelaarsvrienden. Dit nieuwe ontwerp is nog maar één stap in onze reis met u.
Laat ons hieronder alle feedback achter met suggesties of vragen die u heeft. We hopen dat je geniet van de nieuwe WDD!