Vaak wagen printdesigners zich aan de wondere wereld van het webdesign. Alleen beseffen ze in de meeste gevallen niet de fundamentele verschillen tussen beide werelden. Bij printdesign zijn er bepaalde constanten. Een brochure, boek of magazine ziet er zo uit, met dat lettertype, die grootte en opmaak. Bij het web ligt dat anders: verschillende browsers, lettergroottes, schermresoluties,… Allemaal parameters waar je als designer weinig controle over hebt.
Dus vandaar deze tips, verzameld uit eigen frustraties bij het verwerken van enkele van die designs.
Webdesign is geen printdesign
Webdesign is een vak apart, en heeft zijn eigen karakteristieken. Het heeft dus geen enkele zin om een website eruit te laten zien als een boek, magazine, brochure of ander printproduct. Een website ziet er best van al uit als een website. Lijkt logisch, maar dat is blijkbaar al een eerste drempel voor printdesigners. Probeer er dus eerst achter te komen hoe goede websites er tegenwoordig uitzien en leer de beperkingen van HTML kennen.
Flash is passé
De printsector is toch wel eerder bekend om een vrij traag evoluerende sector te zijn. Hun technieken zijn de laatste jaren ook wel hevig gemoderniseerd, maar toch evolueert het veel minder snel dan de webdesignsector. Zo zweren nog veel printdesigners bij Flash intro’s, navigatie in Flash of zelfs volledige Flash websites.
Mijn ervaring is dat mensen zo snel mogelijk informatie willen. Ze willen geen complexe interfaces met animaties of spielereien. Vermijd elke barrière die mensen afschrikken, of verhinderen om snel hun doel te bereiken.
Flashnavigatie was misschien 5 jaar geleden trendy, maar de tijden zijn veranderd. Flash is ook tijdrovend wanneer je er navigaties of websites moet in ontwikkelen. Wat je in HTML op een 5-tal minuten kan, duurt in Flash misschien 5 uren.
Uiteraard is Flash wel voor andere toepassingen een uitstekende technologie, zoals multimediatoepassingen met video en audio, maar voor interactiviteit op websiteniveau kan je beter gebruik maken van webstandaarden zoals XHTML, CSS en Javascript.
Hou rekening met uitzonderingen
Zoals ik al zei in de inleiding moet je bij webdesign rekening houden met verschillende parameters. Je kan er dus niet van uitgaan dat wat je ontwerpt ook zo ervaren wordt door de eindgebruiker. Welke browser gebruiken ze? Gebruiken ze grotere lettergroottes voor een betere leesbaarheid? Bekijken ze de site op kleinere schermen van mobiele toestellen?
Het is een zeer abstracte wetenschap en je moet al die factoren kunnen incalculeren en proberen op te vangen. Het is dus onmogelijk om pixel perfecte designs te maken. Zeker vaste hoogtes voor tekstblokken zijn dus uit den boze.
Hou er rekening mee dat er vaak meer content op een site geplaatst wordt, dan je oorspronkelijk voorzien had.
Lettertypekeuze
Als je toch Flash gebruikt, dan zijn geschreefde en cursieve letters niet aanbevolen. Ze werken storend en zijn moeilijk leesbaar. Ook te dunne letters moet je zeker vermijden. Een bijkomend nadeel van Flash is dat de tekst niet kan vergroot worden, dus dan is de lettertypekeuze zeker belangrijk.
Voor HTML kan je geen speciale lettertypes gebruiken en dien je gebruik te maken van een van de standaardlettertypes. Voor kortere tekstelementen kan je eventueel wel van image replacement gebruik maken. Probeer in je designs ook de anti-aliasing van de letters uit te schakelen, omdat het dan een realistischere weergave geeft van het eindproduct.
Als je gebruik maakt van exotische lettertypes, zorg dan dat de lettertypes meegeleverd worden bij het design. Let er ook op dat ze niet alleen op Mac werken, want in de webwereld wordt in tegenstelling tot de printsector veel gebruik gemaakt van PC’s.
Het is ook niet nodig om exact dezelfde fonts te gebruiken in je offline campagnemateriaal als op de website. Zo kan je even goed in dezelfde stijl blijven met andere fonts.
Softwarepakketten
De verleiding is natuurlijk groot om in je vertrouwde softwarepakket te ontwerpen, wat in de meeste gevallen InDesign zal zijn. Toch kan je beter gebruik maken van programma’s als Photoshop, of eventueel Illustrator. Dat maakt het makkelijker voor diegene die je ontwerp moeten slicen, want webdesigners gebruiken praktisch nooit Indesign. Je kan wel exporteren naar PDF, maar dat is alles behalve praktisch en zeker geen perfect bronmateriaal.
Webformulieren
Formulieren hebben een vrij standaard uitzicht over de verschillende browsers. Kom dus niet op de proppen met mooi ogende, maar onuitvoerbare designs voor formulieren.
Voorbeelden van goede webformulieren kan je vinden in de Wufoo Form Template & CSS Design gallery.
Conclusie
Uiteraard wil ik printdesigners niet in een slecht daglicht plaatsen met dit artikel, maar het is opvallend dat ze vaak niet genoeg op de hoogte zijn van de beperkingen die wij dagelijks moeten omzeilen. Als iemand van jullie nog meer tips wil geven, of ervaringen wil delen, doe maar gerust.
