18 December 2007, geplaatst in Webdesign door Davy
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.
20 Februari 2007, geplaatst in Apollo door Davy
Apollo is de codenaam voor de cross-platform runtime omgeving die momenteel nog door Adobe wordt ontwikkeld. De runtime zal het mogelijk maken om bestaande technologieën zoals Flash, Flex, HTLM, Javascript en Ajax te bundelen en zo Rich Internet Applications te ontwikkelen voor de desktop.
Net zoals de Flash player en de Acrobat Reader zal ook de Apollo runtime gratis beschilbaar zijn, voor zowel Windows, Mac als Linux.
Apollo zal vooral gebruikt worden bij offline applicaties, die occassioneel met het internet verbinding zoeken. Al hoeft dit niet de regel te zijn. Je kan evengoed zelf je eigen browser in Apollo ontwikkelen die dus bijna uitsluitend gebruik maakt van je internetverbinding.
Aangezien het een desktopapplicatie is, kan het beschikken over zijn eigen icoon op het bureaublad, in het dock of in het startmenu. Hierdoor kan je de aanwezigheid op de machine vergroten. Apollo applicaties kunnen voorzien worden van installatiewizards, snelkoppelingen, drag-and-drop functionaliteiten, klembord integratie, communicatie tussen verschillende applicaties, …
Het handige aan Apollo is dat het een system runtime is. Hiermee beschik je dus over de system file I/O, waardoor je lokale bestanden kan lezen en wegschrijven. De documenten op je machine kunnen dus gebruikt worden in de Apollo toepassingen.
Je Apollo applicaties kunnen tevens beschikken over een custom window chrome, waardoor je alle venster kan voorzien van eigen look-and-feel. Transparante windows behoren ook tot de mogelijkheden. Je bent dus niet meer afhankelijk van de browser of applicatie waarin je content zich vertoefd.
HTML in Flash, of visa versa?
Adobe heeft met het Apollo project een belangrijke stap gezet naar integratie tussen HTML en Flash content. HTML zal in voledig ondersteund worden en dit door de in Apollo ingebouwde WebKit HTML engine. Flash content zal dus HTML kunnen renderen, maar het kan evengoed zijn dat je HTML content laadt met daarin Flash inhoud.
Omdat een bestaande HTML rendering engine wordt gebruikt, zal er dus geen extra werk vereist worden van de developer. Je zal de HTML dus niet moeten testen tegen nog een browser op de markt. De WebKit werd ook gekozen omdat Nokia de engine ook gebruikt om zijn s60 platform. Safari, de browser op Mac OS X, gebruikt ook WebKit, maar dan de Apple WebKit variant, dus niet identiek hetzelfde framework als de webcore van het WebKit opensource project.
De HTML kan geladen worden vanop een netwerk, door een urlRequest, of dynamisch opgebouwd worden aan de hand van Actionscript. De HTML engine in Apollo zal voorlopig geen ondersteuning bieden voor plugins (zoals Quicktime, Windows Media, …). PDF support zal wel aanwezig zijn.
De Javascript voorzien in de HTML zal eender welke Flash of Apollo API kunnen aanspreken. Meer zelfs, je zal via Javascript de Flash displaylist kunnen manipuleren.
De Apollo technologie heeft in elk geval veel in zijn mars. Verwacht je dus zeker aan een boom in desktop applicaties van zodra Apollo gelanceerd wordt. Ik heb me alvast in deze nieuwe technologie vastgebeten en ben nu reeds bezig met dingen uit te proberen en de technologie te verkennen.
Van zodra meer info mag vrijgegeven worden zal ik dit zeker doen.
10 December 2006, geplaatst in Flash door Davy
Microsoft heeft een Live Search website waar je vragen kan stellen aan Ms Dewey. Op de site wordt mooi gebruik gemaakt van Flash video.
Ms. Dewey zou moeten reageren op wat je haar vraagt. Dit lijkt soms wel vrij goed te lukken. Bij vragen waarin een woord als buy stond vermeld begon ze over shoppen, en bij het trefwoord iPod begon ze over mp3 collecties. Toch heb je vaak de indruk dat alles zo’n beetje willekeurig gebeurt, maar het is natuurlijk onmogelijk om alle combinaties van trefwoorden te voorzien met bijpassende video.
Ach ja, bij momenten is het wel grappig. Of het echt functioneel is, wel ja, voor de een al wat meer dan voor de andere zeker?
5 December 2006, geplaatst in Flash door Davy
Zaterdag (2/12) heb ik een meeting bijgewoond van de Belgische Adobe Usergroup (MMUG) waar het Apollo project werd voorgesteld, alsook een preview van de nieuwe Flash versie, codenaam Blaze.
De presentaties werden gegeven door niemand minder dan Mike Chambers (Senior Product Manager for Developer Relations) en Mike Downey (Senior Product Manager for Flash) en vonden plaats in het Novotel te Zaventem.
Hoewel ik geen echte Flash aanhanger meer ben, wou ik toch op de hoogte blijven van de nieuwste ontwikkelingen van Abobe en de richting die ze met Flash proberen uit te gaan. Het eerste deel was dan ook heel interessant. Mike Chambers heeft een voorstelling gegeven van de mogelijkheden van Apollo.
Voor zij die het nog niet weten, Apollo is een cross-platform runtime applicatie die het mogelijk maakt desktop toepassingen te maken, die toch een hechte band blijven houden met online services en toepassingen. Apollo maakt gebruik van bestaande technologieën, zoals Flash, Flex, HTML, Javascript (en AJAX) alsook PDF, maar zorgt dat die optimaal kunnen samenwerken in een desktop omgeving.
Voor meer informatie over het Adobe Apollo kan je best de officiële FAQ raadplegen op Adobe Labs. Apollo wordt verwacht in de loop van 2007.
De nieuwe Flash versie ziet er ook wel fijn uit, maar als developer heb ik minder nood aan de grafische tools binnen Flash. Toch hebben ze de moeite gedaan om alle programma’s binnen het Adobe CS3 softwarepakket gelijk te trekken op vlak van interface en mogelijkheden. Een van de belangrijkste nieuwe features voor Flash is vast en zeker de mogelijkheid om PSD files te importeren, met behoud van laagfunctionaliteiten.
Zelf ben ik meer geïnteresseerd in de ontwikkeling van Actionscript 3. Ik wil al een tijdje afstappen om vanuit Flash aan Actionscript ontwikkeling te doen. De komende weken en maanden wil ik me wel eens op Flex 2 IDE smijten, vooral ook met Apollo in het vooruitzicht.
Tijd om mezelf weer te herbronnen en mijn Flash skills naar hogere niveau’s te brengen, want ik heb het gevoel dat het nog interessante tijden kunnen worden.