donderdag 31 mei 2007

Wat is usability?

"De mate waarin een interactief systeem de gebruiker in staat stelt effectief, efficient en comfortabel in een gegeven omgeving zijn taak kan voltooien."


Usability, of: bruikbaarheid, heeft dus te maken met eenvoud, effectiviteit, comfort en de combinatie van deze factoren bij het uitvoeren van een taak. Een heel eenvoudig voorbeeld van bruikbaarheid is die van de beschuitrol. Veel Nederlanders houden wel van een beschuitje op zijn tijd, maar probeer die beschuit maar eens uit zijn rol te krijgen! Sinds enige tijd bestaan er gelukkig ook rollen beschuit te verkrijgen waar een klein hoekje uit de beschuit is gesneden. Door deze kleine wijziging aan de vorm van de beschuit is het voor de consument veel eenvoudiger om de beschuit uit de verpakking te krijgen. Een beschuit is een veel eenvoudiger product dan bijvoorbeeld een interactief systeem zoals een webapplicatie. Toch heeft het met de beschuit ook lang genoeg geduurd voordat deze wat gebruiksvriendelijker werd, dit laat al zien dat het maken van een gebruiksvriendelijk product niet eenvoudig is.

Het maken van een gebruiksvriendelijk interactief systeem is bepaald niet eenvoudig, vele jaren van ontwikkeling en onderzoek zijn vaak nodig om tot een gebruiksvriendelijk product te komen. Er zijn voorbeelden te over, iedereen loopt er tegenaan bij het gebruik van een computer want de computer reageert toch vaak anders dan wij verwachtten. Op den duur kan de onverwachte respons van een computer zelfs tot irritatie leiden.

Het programmeren van een videorecorder is ook een heel mooi voorbeeld. De ene videorecorder is natuurlijk de andere niet, maar ik heb toch veel videorecorders in handen gehad die ik nooit echt heb gesnapt. Mijn huidige videorecorder was bijvoorbeeld zomaar ineens al zijn zenders kwijt, blijkbaar heb ik die een keer per ongeluk gewist toen ik door het menu bladerde op zoek naar een bepaalde functie. De videorecorder vroeg niet of ik wel zeker wist dat ik alle zenders wilde wissen, nee, ze waren in één keer gewist. Dat is usability, dat is gebruiksvriendelijkheid, of liever gezegd: dat is het gebrek aan gebruiksvriendelijkheid.

woensdag 30 mei 2007

Wat is een firewall en waarom is die zo belangrijk?

Een firewall is tegenwoordig erg belangrijk. Het is een apparaat of een programma dat de doorgang vormt tussen één of meerdere computers en het internet. De belangrijkste taak van een firewall is het bewaken van het verkeer van internet naar de computer, maar ook het verkeer van de computer naar het internet.
Je kunt een firewall een beetje vergelijken met een elektronisch kattenluik. Bij een elektronisch kattenluik mogen alleen de katten naar binnen die een zendertje aan hun halsband hebben. Door het zendertje weet het kattenluik dat het open moet gaan. De kat van de buurman heeft geen zendertje en mag er dus niet in. Hij zal ergens anders de etensbak moeten plunderen...

Omgekeerd werkt het ook. Stel, je hebt twee katten, maar één van de twee heeft een wond aan zijn poot. Om infectie te voorkomen wil je dat hij binnen blijft. De oplossing is simpel: je geeft gewoon de gewonde kat geen zendertje. Hij zal nu niet meer naar buiten kunnen.

Kortom: het is goed om zelf te kunnen bepalen wat er in en uit mag gaan en wat niet. Als je thuis een firewall hebt, of van plan bent er eentje aan te schaffen, let dan goed op. Er zijn vele soorten firewalls, zowel softwarematig als hardwarematig. Het is onmogelijk om hier uit te leggen hoe je jouw firewall in moet stellen, maar ik ga je wel enkele richtlijnen geven.

In de meeste gevallen filteren firewalls met de standaardinstellingen alleen het verkeer dat vanaf het internet naar jouw pc gaat. Hier is niets mis mee, maar het zou nog beter zijn als het verkeer van jouw pc naar het internet ook gefilterd wordt. Als op jouw pc bijvoorbeeld een keylogger (een programma dat de gegevens die je invoert op je toetsenbord, doorgeeft aan onbevoegden) is geïnstalleerd, zal die keylogger zijn gegevens niet zo makkelijk kunnen doorgeven omdat dat wordt tegengehouden door de firewall.

Zet alleen de poorten open die je echt nodig hebt. Helaas kunnen firewalls ook voor problemen zorgen. Soms kan bijvoorbeeld FTP-software die jij vertrouwt, als onveilig worden aangemerkt. Een aanpassing van de instellingen zal in de meeste gevallen volstaan om het weer werkend te krijgen.

dinsdag 29 mei 2007

Webdesign tips


Laat de bezoeker de controle houden

Neem de controle van de bezoeker niet over door pop-ups te laten verschijnen of browserpagina's te laten openen zonder de nodige knoppen erop. Ook het uitschakelen van de rechtermuisknop is geen goed idee.

Let op grote plaatjes
Zorg ervoor dat je plaatjes maar een paar kB groot zijn. Nog niet iedereen heeft een supersnelle breedbandverbinding.

Het juiste gereedschap
Gebruik het juiste gereedschap voor de juiste website. flash is bijvoorbeeld erg mooi voor een portfolio-site, maar niet handig voor een website met veel tekst. Dan gebruik je gewoon ouderwetse html.

Bespaar niet op lettertypes
Er zijn zat lettertypes te vinden die gratis zijn, maar bedenk wel waarom ze gratis zijn! Meestal omdat ze er gewoon niet uit zien. Koop een keer wat moois en je hebt er veel meer plezier van.

Maak je boodschap duidelijk
Laat je bezoeker weten wat hij of zij kan vinden op je site. Maak de boodschap van de site duidelijk in een oogopslag. Doe je dit niet, dan kan je site nog zo mooi zijn, maar binnen 20 seconden zijn je bezoekers weer weg.

Schep duidelijkheid
Verrassen van bezoekers is leuk, maar zorg wel dat je duidelijk bent. Schep geen verwarring doordat je verassend wilt zijn.

Geef voldoende informatie

Zorg dat je bezoekers voldoende informatie hebben. Als ze bijvoorbeeld iets kunnen downloaden, zet er dan bij hoeveel MB de download groot is.

Blijf testen en proberen

Testen, testen en nog eens testen. Zo vaak mogelijk in zo veel mogelijk verschillende browser en op zo veel mogelijk computers.

Controleer je links
Niet werkende links zijn een van de meest vervelende zaken die je op internet kunt tegenkomen. Zorg dat je links werken. Werkt er een niet, haal het dan weg.

vrijdag 25 mei 2007

Hoe wel tekst schrijven voor internet

De basishouding van de gemiddelde internet gebruiker is dus: zo snel mogelijk doorklikken naar de volgende site. De kunst is nu de internetgebruiker te ‘vangen’.
We moeten hierbij wel onderscheid maken tussen bestaande en nieuwe klanten. De informatieve teksten die u voor uw bestaande klanten schrijft, zijn meestal voor nieuwe klanten irrelevant. Het is verstandig uw bedrijfswebsite daarom te gebruiken voor het verlenen van service aan uw bestaande klanten. Voor het teasen van nieuwe klanten kunt u zich aansluiten bij een ‘virtuele meubelboulevard’ ofwel een portal op internet, die uw doelgroep al trekt.

Als u via internet nieuwe klanten wilt krijgen, moet u zich bewust zijn van het gedrag van internetgebruikers. Dat gedrag kunnen we indelen in drie stappen:

-kijken,
-bekijken,
-lezen.


Kijken doet de gemiddelde internetgebruiker 5-7 seconden. Als hij in deze tijd niet iets gezien heeft dat voldoet aan zijn behoefte, dan klikt hij weg. Dit betekent dat u vooral opvallende titels moet gebruiken om de bezoeker te teasen.
Maar daarmee bent u er natuurlijk nog niet. De bezoeker is nog steeds niet actiebereid. Hij gaat nu 'bekijken'. Zonder acties te hoeven uitvoeren moet hij kunnen bekijken wat de teaser inhoudt. Pas als dat hem aanstaat, zal hij actiebereid zijn en zal hij willen klikken en/of lezen.

Hieruit blijkt wel dat het een fabeltje is dat u op internet altijd korte teksten moet gebruiken. Waar het om gaat is dat u bij de bezoeker interesse moet opbouwen omdat hij getrapt leest. Als u de bezoeker weet te boeien, dan is hij zelfs bereid om heel veel te lezen.

Dit gedrag van de internetbezoeker heeft voor het ontwerp van uw website twee gevolgen:

U moet ervoor zorgen dat een prospect niet op uw homepage landt, maar altijd op een 'tussenpagina', waar content staat, die beantwoordt aan zijn zoekopdracht in de zoekmachine. Op een tussenpagina hebt u ruimte voor zowel de teaser als de korte omschrijving (kijken en bekijken), zodat de prospect zijn natuurlijke selectieproces kan uitvoeren.
Als u de bezoeker teksten wilt laten lezen van meer dan 2 A4's, stelt u hem dan in staat de teksten te downloaden, zodat hij deze off line kan lezen.

Klant? nee de BEZOEKER! is koning.

Wat is belangrijk voor de bezoeker?
Een goede website staat of valt met dat wat uw bezoeker van de website vindt. Het is daarom van belang altijd rekening met de doelgroep te houden. Tracht uzelf te verplaatsen in de bezoeker en stel uzelf de vragen wat de doelgroep van een website verwacht. Vraag personen in uw omgeving die totaal onbekend zijn met de materie webontwerp, wat zij verwachten van een website. In een later stadium kunt u (samen met hen) nog eens kritisch naar uw website kijken en uzelf en derden vragen of het aan de verwachting voldoet.

Wat verwacht een bezoeker?
- zinvolle informatie
- goed gestructureerd en toegankelijk
- originele content, informatie die niet snel ergens anders te vinden.
- bij een commercieele site ook een goed product overzicht en duidelijke interactie.

donderdag 24 mei 2007

Photoshop makeovers

Ik heb een select aantal filmpjes gevonden op YouTube die je laten zien hoe machtig Photoshop is in beeldbewerking als het gaat om makeovers:



EXTREEM!:


PROFESSIONEEL:


Wat is RSS?

RSS is een toepassing van de internetmetataal XML. RSS-bestanden worden veelal gebruikt om webkopij in syndicatie te brengen. Gegevens van de website worden omgezet in een formaat zodat andere sites deze informatie automatisch in hun eigen omgeving kunnen tonen.

Het is niet helemaal duidelijk waar de afkorting voor staat. Volgens de ene lezing staat de afkorting voor 'RDF Site Summary' of 'Rich Site Summary', volgens de andere staat de afkorting voor 'Really Simple Syndication'.

De oorsprong van RSS is wel bekend. RSS is ontwikkeld door Dan Libby voor Netscape en in maart 1999 voor het eerst toegepast bij My.Netscape. Ook toen was het bestandsformaat al bedoeld om webkopij in syndicatie te brengen, bij Netscape pushkanalen. Netscape ondersteunt RSS niet meer sinds april 2001. Dave Winer zette de ontwikkeling voort binnen zijn bedrijf Radio Userland. De huidige generatie Netscape- en nauwverwante Mozilla-browsers ondersteunen RSS wel, in het tabblad News in de linkermarge.

Gratis fotoshoot aanstaande zaterdag in Ermelo

Als het weer mee zit en genoeg animo voor is hou ik aanstaande zaterdag eenmalig een gratis fotoshoot op de vernieuwde baan in Ermelo.

Stuur een mailtje naar info@vanheugtendesign.nl met je rijnummer, motor, en naam of laat het zaterdag aan mij weten. Je krijgt de foto's in high res. opgestuurd.

woensdag 23 mei 2007

Beauty & de Nerd

Sorry fftjes iets totaal anders... Dit vind ik humor haha:

Fotoalbum met Lightbox

Je wilt je fotoalbum niet openen in een popup of andere pagina of je wilt gewoon een gelikte manier hebben om je foto's te laten zien? Met Lightbox maak je een fotoalbum dat er niet alleen geweldig uitziet, het is ook nog eens superfunctioneel.

Als je nu al een fotoalbum hebt, herken je waarschijnlijk het volgende: Je foto's zijn groter dan je contentvlak, dus heb je thumbnails gemaakt. Zodra je bezoekers erop klikken wordt in een popup of in een andere pagina de grote versie getoond. Dit werkt weliswaar goed, maar het blijft openen, terug, openen, sluiten... Minder praktisch dus.

Het mooie van Lightbox is dat je foto's over je website geplaatst worden, wat ervoor zorgt dat je een mooi geheel met je website creëert. Je website hoeft op deze manier ook niet verlaten te worden om grotere foto's te bekijken en dus worden je albums niet geblokkeerd door een pop-up blocker.

Wil je weten wat ik precies bedoel en hoe het eruit ziet? Klik dan hier voor een voorbeeld.

Klik hier om Lightbox 2.0 te downloaden.

% gebruikte browsers


Momenteel is de verhouding van het gebruik van internet browsers ongeveer de volgende:

Microsoft Explorer® heeft nog steeds de meerderheid, maar het gebruik vermindert, ten voordele van de anderen. Safari stijgt, o.a. door de extra verkoop van Apple®computers.

Intussen dienen webdesigners hun sites uit te testen op de verschillende computers, schermen, operating-systemen en browsers, met alle mogelijke versies en combinaties. Echte standardisering is nog ver te zoeken… Niet verwonderlijk dat af en toe sommige zaken er anders uitzien dan bedoeld…

dinsdag 22 mei 2007

Op welk formaat ontwerpen?

Een permanente vraag die rijst bij het ontwerpen van een website is: wat is de meest geschikte breedte en hoogte, vermits er zoveel verschillende schermen en resoluties worden gebruikt.

Ongeveer 80 % van de gebruikers heeft momenteel (maart 2007) een scherm met minimum 1024 x 768 pixels. Zo’n 20% heeft een kleiner scherm. Dit is natuurlijk afhankelijk van de doelgroep: voor business-to-business-sites kan men uitgaan van de eerste groep. Business-to-consumer-sites dienen dus nog rekening te houden met de kleinere schermen.

Een website kan een vaste breedte hebben, of een variabele breedte, dus een “rekbare” layout, die zich aanpast aan het gebruikte scherm.

Vaste breedte:


voordeel: volledige keuze van de layout door de ontwerper, dus meer grafische mogelijkheden.
nadeel: niet zo geschikt voor hand-held toestellen.
nadeel: soms te veel ruimte op grote schermen

Variabele breedte:

voordeel: past bij elk scherm en dat wordt volledig benut.
nadeel: layoutmatig minder mogelijkheden, want de vormgeving verandert met het scherm.
nadeel: in het ontwerp dient men wel op te letten dat de regelbreedte van de teksten niet te groot kan worden (max. ± 100 tekens per regel), want dat leest moeizaam.

Hier is een visueel overzicht van de verschillende schermresoluties. Tussen haakjes staan de schermafmetingen, maar door menu-bars e.d. dien je je ontwerp te richten op het kleiner formaat, dat ernaast staat vermeld en overeenkomt met het gekleurde vlak.

Web 2.0 - internet zoals we het nu kennen.

een intressant stuk over Web 2.0 vond ik op de website van Bright

‘Web 2.0’, een verzamelnaam voor vernieuwende websites, waarbij alles in het teken staat van delen. Het delen van links, foto's, contacten, lijstjes, persoonlijke voorkeuren, kortom: je hele leven. Dat is op zich niet nieuw, internet is al jaren één groot sociaal gebeuren. Veel communicatie vindt online plaats - e-mail, MSN en weblogs - en het delen van dingen waar je van houdt is erg populair. Denk aan het uitwisselen van muziek en films via Kazaa of Bittorrent of aan het uiten van je smaak door verlanglijstjes op Amazon.com of liedjes in iTunes iMix. En op sites als Cu2.nl en Hyves houden hele volksstammen bij wie hun vrienden zijn. Kortom: internet drijft op zijn gebruikers, wij maken het web. We publiceren er, elke dag weer, ons eigen leven. Nieuw is dat het delen van al die stukjes persoonlijke informatie nu nog makkelijker en vooral nog aantrekkelijker wordt. Informatie afkomstig van diverse websites is steeds beter bij elkaar te brengen en ook makkelijker terug te vinden. Nieuwe informatie op basis van jouw voorkeuren komt zelfs direct naar je toe.

Schaduwkant

Een ander kenmerk van de nieuwe levensfase van het web is dat iedereen invloed en controle kan uitoefenen. ‘Web 2.0 staat voor mij voor alle sites die vinden dat het belangrijk is al je gegevens en je interface open te stellen voor de buitenwereld. Dat is goed voor de vrijheid van internetters’, zegt Cory Doctorow tijdens een congres in Amsterdam. Doctorow is weblogger bij het populaire Boingboing en actievoerder bij de digitale burgerrechtenbeweging Eletronic Frontier Foundation. Hij wijst ook op een schaduwkant. ‘Er staat straks erg veel privé-informatie online. Nu al weet Google je interesses, heeft Yahoo via Flickr je foto's, weet Microsoft met wie je chat en kent Apple je muziek- en videosmaak. Dit zal alleen maar erger worden.’

Helvetica 50 jaar!

Dit jaar is het 50 jaar geleden dat het lettertype Helvetica het licht zag. Geliefd en verguisd, voortdurend zichtbaar om ons heen.

Helvetica werd ontworpen door Max Miedinger in dienst van de Haas lettergieterij in Zwitserland. Haas wilde een nieuwe schreefloze letter hebben die kon concurreren met de Akzidenz, een van de eerste schreeflozen. Oorspronkelijk noemde men het font Neue Haas Grotesk. De naam werd in 1960 veranderd in Helvetica - voortgekomen uit Helvetia, de Latijnse naam voor Zwitserland - om de verkoop internationaal beter mogelijk te maken.

Film

De Amerikaan Gary Hustwit is al geruime tijd bezig een documentaire te maken, gewijd aan de Helvetica. Het is een speurtocht naar de oorzaken van de populariteit van de letter, de rol in de typografie en de impact van het veelvuldig gebruik op de omgeving.

Een fragment uit de film Helvetica the movie met Wim Crouwel (Nederlandse grafisch vormgever en hoogleraar.)

maandag 21 mei 2007

Feed your Imagination


Agenda tip: 30 & 31 Mei, Adobe live!


Je leven draait om design, web, vormgeving, lay-out, animatie, film en video. Door je aderen stroomt creatief bloed. Je wilt anderen vóór zijn.

Je hebt de juiste middelen nodig om je ideeën effectief te kunnen vertalen

Op hét evenement voor creatieve professionals - Adobe Live 2007 - ervaar je hoe je in de toekomst jouw ideeën nog eenvoudiger en effectiever op papier, het beeldscherm en mobiele apparaten kunt overbrengen.

Uiteraard is de toegang gratis.

Adobe Live 2007 - Feed your Imagination


more informatie: www.adobe-live.com/

Websafe lettertypes

In tegenstelling tot het ontwerpen voor drukwerk, kan men zich in webdesign best beperken tot een klein aantal lettertypes. Elk letterype dat je gebruikt, moet immers aanwezig zijn op de computer van je doelgroep. Indien niet, dan gaat de browser automatisch overschakelen naar een Times of dergelijke als standaardlettertype. Best kun je steeds enkele alternatieve types toevoegen. Verdana en Georgia zijn zowat de meest gebruikte fonts voor lopende tekst in websites, omwille van de vlotte leesbaarheid op schermen.
Een mogelijkheid om aan deze beperking te ontsnappen, is lettertypes omzetten in een grafisch beeld (bv. .gif file), maar dat is dan weer niet te lezen door de search engine crawler robots. Een nadeel op het vlak van zoek-scores.

Een lijstje van “super-safe”-lettertypes:

Arial
Comic Sans
Georgia
Impact
Palatino
Times
Verdana
Symbol
Webdings

Tip van flip

Beter zoeken met aanhalingstekens.

Stel, je zoekt een bagagedrager voor je auto.

Als je zoekt (bv. in Google) als volgt:

bagagedrager voor auto —> dan krijg je 64.400 resultaten, waarvan vele ook gewoon over auto’s gaan, want het zijn alle sites die één of meer van de drie woorden bevatten.

Als je zoekt met aanhalingstekens als volgt:

“bagagedrager voor auto“ —> dan krijg je 57 resultaten, die veel relevanter zijn, omdat Google enkel die sites weergeeft waar de hele zin in voorkomt.

Van Heugten Design blog!

Ontwikkelingen op webdesign en grafisch vormgeven gaan razendsnel en je bent eigenlijk al verplicht als ontwerper om dit goed bij te houden. Een blog bied uitkomst hiervoor. Ik ga proberen de laatste trends, nieuwe snufjes, weetjes en datjes via deze blog goed bij te houden.

Kennis verzamelen en deze delen.

Martijn