Usability research als inspiratiebron voor webontwerpers

Maat: px
Weergave met pagina beginnen:

Download "Usability research als inspiratiebron voor webontwerpers"

Transcriptie

1 Usability research als inspiratiebron voor webontwerpers Bas Raijmakers Iedereen droomt van een homepage als die van Google... 2 Iedereen vreest een homepage als die van Yahoo!... 3 Het evenwicht tussen overdaad en overzicht... 4 Een formulier op de homepage van KLM... 4 Top 5 lijstjes op de homepage van de Postbank... 5 Visueel navigeren op de homepage van Volkswagen... 6 Navigeren door de bomen van het bos... 8 Het gedrag van menu s aanvoelen Soepel sturend de bocht afsnijden Eenduidig en helder taalgebruik wijst de weg Het keurslijf van complexe interacties Flash geeft de vrijheid om het anders te doen Op naar meer innovatieve interfaces Testen hoort bij innovatief ontwerpen Webontwerp is een nog relatief jonge discipline. Er zijn inmiddels wat ontwerp conventies, maar die zijn nog lang niet allemaal uitgekristalliseerd. Webontwerpers experimenteren nog steeds en innoveren zo website interfaces. Dat maakt het een spannend vak, maar ook moeilijk. Want de belangen van de opdrachtgevers uit het bedrijfsleven zijn groot. Zij eisen een site die de doelen van het bedrijf verwezenlijkt en gewaardeerd wordt door de bezoekers. Hoe experimenteer je in zo n situatie, als het resultaat een topprestatie moet zijn? Het antwoord is: Gok er niet op dat je in één keer goed zit met je ontwerp. Meteen goed is bij experimenten onmogelijk. Je moet meerdere ontwerpen maken, testen welke de beste is, verbeteringen aanbrengen na de test en nogmaals testen, ontwerpen, testen, ontwerpen, testen. Tot je zeker weet dat je ontwerp goed is omdat je zelf in de tests gezien hebt dat het begrepen en gewaardeerd wordt door de mensen voor wie je de site ontworpen hebt, de toekomstige bezoekers. Dergelijke tests met de (toekomstige) bezoekers van een site heten usability tests. In de vele jaren dat ik usability tests uitgevoerd heb, onder andere bij Lost Boys, heb ik gezien dat ontwerpers altijd gefascineerd raken door de enorme rijkdom van de feedback die uit een test komt. En ik heb gezien dat die feedback ontwerpers inspireert om nog beter na te denken over wat ze maken, ze inspireert om nog betere ontwerpen te maken. Webontwerp en usability onderzoek horen bij elkaar zoals Research & Development bij elkaar horen. Samen kunnen ze complexe problemen als een Eerste versie d.d. 25 maart /22

2 chaotische homepage, desoriënterende navigatie of verwarrende formulieren aanpakken en oplossen. Iedereen droomt van een homepage als die van Google Afbeelding 1. De service van Google is volstrekt helder: zoeken. Het is geen wonder dat iedereen droomt van een homepage als die van Google. De pagina is lekker leeg, geeft enorm veel aandacht aan het merk, en biedt een volstrekt heldere service: zoeken. De bezoeker heeft direct overzicht en zal niet snel in de war raken. Google is volgens een recent internetonderzoek 1 het merk van het jaar En ze hebben ze niet eens een reclamebureau in de hand genomen om dat merk te ontwikkelen of uit te bouwen. Dit merk ontleent zijn waardering niet aan een visuele identiteit maar aan hoe het werkt: eenvoudig en recht-toe-recht-aan. Daarvoor heeft Google wel een legertje usability experts en interaction designers in dienst. Zij bepalen wat ik het gedrag van Google noem. Daarmee bedoel ik de wijze waarop Google op de bezoeker reageert. Webontwerpers (usability experts, interaction designers) hebben als opdracht om gedrag van webpagina s te ontwerpen. En dat moet vooral niet verward worden met het ontwerpen van het gedrag van de bezoekers, door precies voor te schrijven hoe die een pagina moeten gebruiken. Dat zou de omgekeerde wereld zijn. Mensen laten zich namelijk niet voorschrijven hoe ze iets moeten doen. Marissa Mayer, Google product manager, zegt het zo 2 : Google should be "what you want, when you want it." As opposed to "everything you could ever want, even when you don't." De Google-pagina oogt zo simpel dat het meteen duidelijk is wat je hier moet doen, toch? Niet helemaal. Sommige wat onervaren internetgebruikers tikken op Eerste versie d.d. 25 maart /22

3 deze pagina een URL (bijvoorbeeld in de zoekbalk, omdat ze denken dat dat de snelste manier is om naar een site te gaan. Ze weten niet dat je ook in de browser zelf een URL kan ingeven, en denken niet zelden dat Google gelijk staat aan het internet. Toch is dit geen ramp, ook door in de zoekmachine in te typen kom je op de Nederlandse Spoorwegen site, al is het via een kleine omweg. Dat is gedrag waar je iets aan hebt. Je wordt niet het bos ingestuurd. En Google laat zich niet voor één gat vangen. Iedereen vreest een homepage als die van Yahoo! Afbeelding 2. De overdaad van Yahoo! is onoverzichtelijk, de bezoeker ziet ongetwijfeld vele services over het hoofd. Als Google voor overzicht staat dan staat Yahoo! voor overdaad. De homepage bevat heel veel links met als gevolg dat de bezoeker door de bomen het bos niet meer ziet. De links zijn weliswaar op inhoud gegroepeerd maar de visuele identiteit van die groepjes is niet erg groot. Regelmatig terugkerende bezoekers zullen op den duur wel weten waar ze moeten wezen, maar op nieuwe bezoekers komt zo n pagina erg chaotisch over. Eerste versie d.d. 25 maart /22

4 Op de homepage is bovendien erg weinig aandacht aan de visuele identiteit van Yahoo! gegeven. De meeste bedrijven hechten sterk aan hun visuele identiteit, hun merk en de beleving daarvan door hun klanten. Daarmee onderscheiden ze zich van hun concurrenten. Daarom is het ondenkbaar dat de homepage van bijvoorbeeld KLM, de Postbank of Volkswagen eruit ziet als die van Yahoo! of die van Google. Het evenwicht tussen overdaad en overzicht Gezien de hoeveelheid informatie en alle functionaliteit (de interactieve diensten) die vele grote bedrijven aan hun klanten te bieden hebben ontstaat in webprojecten al snel een veldslag om de homepage. Iedere afdeling in het bedrijf wil een stukje kostbaar oppervlak bemachtigen om zijn eigen boodschap uit te dragen. Als webontwerper ben je zo n beetje de laatste die bepaalt wat op de home komt. Jou rest slechts de taak om al die overdaad overzichtelijk te maken. De berg informatie van Yahoo! zo helder vormgeven als Google. En ook nog even alle pagina s de identiteit van het merk meegeven. Webontwerpers verzinnen allerlei listen om zowel de bezoekers als de eigenaren van de site tevreden te stellen. Dat lukt meestal niet in één keer. Om de juiste balans tussen overdaad en overzicht te vinden zijn een of meer usability tests nodig. In die test wordt precies bepaald wat een bezoeker nog kan bevatten en wat hem teveel wordt. Binnen enkele seconden na opening van de homepage moet duidelijk zijn waar de site over gaat, en wat je er grofweg kan doen. Bij een usability test is dan ook de eerste vraag over een nieuwe homepage: Vertel eens wat u hier ziet. De antwoorden geven meestal duidelijk aan of in het ontwerp overdaad en overzicht in balans zijn of niet. Uit zo n test blijkt ook waar de grootste struikelblokken liggen en waar nog mogelijkheden voor verbetering zijn. Het is niet eenvoudig om een goede balans tussen overdaad en overzicht te vinden. Op het web en in usability tests zie je maar al te vaak dat die balans (nog) niet gevonden is. Het is vooral moeilijk omdat er geen vast recept voor het ontwerpen van een uitgebalanceerde homepage bestaat. Elke keer weer moet de webontwerper een oplossing op maat vinden die past bij het doel van de site, de aard van de informatie en de wensen en vaardigheden van de bezoekers. Een formulier op de homepage van KLM Een goed voorbeeld van een geslaagde balans tussen overdaad en overzicht is de KLM site. Daar is online boeken de belangrijkste functie. De bezoeker moet dus direct zien dat hij online tickets kan bestellen. Het bleek zeer effectief te zijn om de eerste stap van het boekingsproces op de homepage te zetten. Vergelijk het maar met Google: op de homepage kan je meteen beginnen met de service waar je voor kwam. Eerste versie d.d. 25 maart /22

5 Afbeelding 3. Op de homepage van KLM is meteen duidelijk dat je tickets kan boeken, en daarnaast is er ruimte voor wisselende aanbiedingen en andere services. Om de bookingservice heen staat echter nog een heleboel informatie die voor KLM en haar klanten ook erg belangrijk is. Hier is gekozen om die in de vorm van banners aan te bieden. Eigenlijk zijn banners advertenties, maar hier adverteren ze alleen onderdelen die elders op de site staan. De vormgeving van de banners bleek van grote invloed op de mate waarin de bezoekers de pagina rommelig vinden. Kleurgebruik, typografie, hoeveelheid informatie en beeldgebruik zijn allemaal nauwkeurig afgewogen en getest totdat een optimale balans ontstond. De regels met betrekking tot het ontwerp zijn vervolgens vastgelegd in een online tool waarmee KLM zelf wereldwijd dergelijke banners kan maken en plaatsen op de homepages van alle landen waar zij sites heeft. Zo is tegemoet gekomen aan de wens van KLM om veel, snel wisselende informatie en aanbiedingen te plaatsen, met de garantie dat de bezoeker door de bomen het bos nog ziet. Top 5 lijstjes op de homepage van de Postbank Op de homepage van de Postbank staan nog veel meer links dan bij KLM. Het zijn er bijna evenveel als bij Yahoo!. Toch oogt de homepage van de Postbank overzichtelijker dan die van Yahoo!. Hoe komt dat? Eerste versie d.d. 25 maart /22

6 Afbeelding 4. Top 5 lijstjes op de homepage zijn bij een grote hoeveelheid informatie een goede manier om toch prioriteit aan te geven. En de inhoud kan je snel en eenvoudig wisselen. Ook hier zijn de interactieve diensten erg belangrijk. Er is echter niet één dienst die verreweg het belangrijkst is, zoals bij KLM. Daarom is hier gekozen voor de top 5 lijstjes aanvragen en berekenen aan de rechterkant. Ook hier staan banners: de grote over internetbankieren en vier kleinere direct daaronder. Daar weer onder staan de headlines van het dagelijks wisselende nieuws. Elk onderdeel heeft een duidelijke eigen visuele stijl. Zo is alles netjes gerubriceerd en kan de bezoeker overzicht houden ondanks de enorme berg aan informatie. Visueel navigeren op de homepage van Volkswagen Op de site van Volkswagen wisselt de informatie wat minder snel dan bij de Postbank. De verwachtingen van de bezoeker zijn ook anders: op een autosite wil hij mooie plaatjes zien, op een bank site is dat minder belangrijk. Eerste versie d.d. 25 maart /22

7 Afbeelding 5. De visuele homepage van Volkswagen komt tegemoet aan de wens van de bezoeker om mooie plaatjes van auto s te zien, naast nuttige informatie. Ook hier wordt met wisselende banners gewerkt, aan de rechterzijde. De grote afbeelding in het midden wisselt elke keer dat de homepage opnieuw geladen wordt. Zo wordt hetzelfde oppervlak meerdere keren gebruikt. De bezoeker zal die verschillende versies waarschijnlijk wel zien omdat het vaak voorkomt dat men meermalen teruggaat naar de homepage om opnieuw te beginnen met informatie zoeken. Op de site van Volkswagen is het belangrijkste doel dat de bezoeker zich uitgebreid kan informeren over alle modellen en uitvoeringen. De site is als het ware een online showroom die 24 uur per dag open is zonder dat je op je beurt hoeft te wachten. Er is echter onvoldoende ruimte om alle modellen voortdurend op de homepage te tonen. Hiervoor is een speciale oplossing bedacht. Eerste versie d.d. 25 maart /22

8 Afbeelding 6. Via plaatjes navigeren naar het model van je keuze op de homepage van Volkswagen. De namen van alle modellen staan op de homepage en door met de cursor over die namen heen te bewegen worden de modellen zichtbaar, waarna de bezoeker kan doorklikken naar de pagina met alle uitvoeringen van dat model. Zo staan op één homepage heel veel verschillende informatieve plaatjes die de bezoeker helpen om snel te navigeren. Ook hier waren tests met gebruikers cruciaal om te achterhalen of de doelgroepen deze innovatieve wijze van navigeren via beeld begrijpen en waarderen. Ontwerpinnovaties krijgen meer kans als er grondig getest wordt want de test is een garantie dat de vernieuwing ook daadwerkelijk een verbetering is. Hierdoor zijn ontwerpers vrijer om te experimenteren. Navigeren door de bomen van het bos Inmiddels is een aantal conventies ontstaan waarmee ontwerpers de dreigende chaos op de homepage te lijf kunnen gaan. Conventies in de navigatiemenu s vormen een belangrijk onderdeel daarvan. Uit usability-onderzoeken blijkt steeds opnieuw dat gebruikers deze conventies begrijpen en ook verwachten. Dat betekent echter nog niet dat alle menu s ook hetzelfde eruit moeten zien. De hoofdnavigatie op een site geeft toegang tot vrijwel alle pagina s. Het menu bestaat uit hoofdcategorieën, subcategorieën en eventueel nog meer daaronder. Bij KLM geven een steeds lichter blauw en kleine inspringingen de hierarchie aan. De witte regel geeft de positie van de laatste klik aan. Eerste versie d.d. 25 maart /22

9 Afbeelding 7. Voor eenvoudige navigatie is een heldere hiërarchie in het menu noodzakelijk. Op de KLM site blijkt die uit het steeds lichter wordende blauw en de ingesprongen tekst. De witte regel geeft aan waar je nu bent. Vaak staat het navigatiemenu links op de pagina, maar dat hoeft niet. Het kan ook rechts of bovenaan de pagina staan zoals bij Volkswagen. Als je naar beneden scrolt en het menu uit beeld dreigt te verdwijnen, beweegt het mee en komt het opnieuw in beeld. Afbeelding 8. Het menu op de Volkswagen site is horizontaal in plaats van verticaal en klapt uit naar rechts in plaats van naar beneden. Meestal is het aantal items in het menu zo groot dat een of ander uitklapmechanisme bedacht moet worden om (ook hier) de balans tussen overzicht en overdaad te bewaren zoals hier bij de Postbank. Eerste versie d.d. 25 maart /22

10 Afbeelding 9. In dit Postbank menu klappen onderdelen uit, maar ook weer in als je een nieuwe keuze maakt, zodat het menu overzichtelijk blijft. Het lijkt misschien eenvoudig om een overzichtelijk menu te maken. Het kan echter ook eenvoudig mis gaan. Het blijft altijd woekeren met ruimte, net als op de homepage. In het meest extreme geval wordt het hele scherm in beslag genomen door de navigatie en ontstaat chaos. Afbeelding 10. Op de site van AutoKompas neemt het menu soms het hele scherm in beslag, met als gevolg dat overzicht en gevoel voor hiërarchie Eerste versie d.d. 25 maart /22

11 verloren gaan. Het gedrag van menu s aanvoelen Voor het exacte gedrag van menu s ontstaan langzamerhand conventies. Tegelijkertijd experimenteren webontwerpers ook nog met verschillende vormen van gedrag, vaak ingegeven door de context waarin het menu moet functioneren. Ook de technische mogelijkheden en beperkingen spelen een rol. Als je Flash gebruikt zijn bijvoorbeeld meer interactievormen mogelijk. Een belangrijke referentie (en inspiratiebron) voor de conventies zijn de menu s van computerprogramma s. Daarin zie je bijvoorbeeld dat het menu op je reageert doordat het een highlight (vaak een andere, donkerder kleur) geeft als je met de muis over een menu-optie beweegt. En als er nog een subcategorie beschikbaar is staat er een pijltje naar rechts bij de categorie, en klapt rechts een nieuw submenu uit zodra je met de muis over het menu item beweegt. Op de volkswagen site is hetzelfde principe toegepast. Afbeelding 11. Het gedrag van het hoofdmenu op de Volkswagensite is herkenbaar voor computergebruikers. Het uitklappen, de pijltjes en de highlights komen ook in computerprogramma s voor. Er is echter niet altijd ruimte op de pagina om het menu naar rechts uit te laten klappen. Op de vervolgpagina s van de Volkswagen site staat in de rechter kolom een menu waarmee de bezoeker zich kan informeren over de verschillende uitvoeringen van een bepaald model. Eerste versie d.d. 25 maart /22

12 Afbeelding 12. Het gedrag van het rechtermenu op deze pagina is een variatie op de conventie voor computerprogramma s: het menu klapt naar beneden open in plaats van naar rechts. Ook hier zijn de conventies van de highlight en het uitklapmechanisme gebruikt, maar net iets anders. De bezoeker moet klikken op een categorie met een pijltje erachter om de subcategorieën te zien. Die verschijnen vervolgens onder de hoofdcategorie waar ze bij horen. Pas als de bezoeker op een tweede hoofdcategorie klikt klapt de eerste weer in. Zo blijft het overzicht behouden. Het lijkt misschien vanzelfsprekend om op deze manier overzicht in lange menu s te ontwerpen. Op het web zie je echter ook veel desoriënterende menu s waarbij de ontwerper blijkbaar geen nota heeft genomen van de conventies. En bij usability tests blijkt dat mensen toch vaak onzeker zijn over waar ze zich precies bevinden en hoe ze verder kunnen. Dan gaat men naar de homepage en begint vanaf daar opnieuw. Of men gebruikt de backknop van de browser, soms vele malen back back back, totdat weer een herkenbaar punt bereikt is. Als bijvoorbeeld een eerder aangeklikte categorie in het menu niet inklapt na het aanklikken van een nieuwe categorie kan een erg lang en vooral rommelig menu ontstaan. In onderstaand voorbeeld is ook nog eens een overdaad aan pijltjes, bolletjes, lijntjes en kleuren gebruikt. Vergelijk dat eens met de rust en helderheid die de KLM- en Postbankmenu s daarnaast uitstralen. Eerste versie d.d. 25 maart /22

13 Afbeelding 13. Goede menu s bieden overzicht: waar ben je en waar kan je naartoe? Daarom moeten ze ook weer inklappen als je een nieuwe keuze maakt. En bolletjes, pijltjes en streepjes verduidelijken niet altijd. Soepel sturend de bocht afsnijden Een ding wat opvalt bij usability tests is dat bezoekers veel klikken. Op de een of andere manier wordt surfen over internet geassocieerd met overal op klikken. Sommige mensen letten daarbij op het handje dat aangeeft dat iets klikbaar is, anderen in het geheel niet. Die proberen gewoon of er iets gebeurt. Sommigen dubbelklikken zelfs altijd. Een enkeling houdt niet van klikken en beweegt met zijn muis overal overheen en kijkt wat er gebeurt. Als een handje verschijnt dan wil hij nog wel eens klikken. Deze gedragsvormen leren mensen niet zomaar af. De webontwerper moet er rekening mee houden dat al deze mensen uiteindelijk door de site kunnen navigeren. Bij de gebruiksvriendelijkheid van menu s gaat het vaak om op het eerste oog misschien kleine dingen die de bezoeker van de site zelf zelden opvallen: Een pijltje dat omklapt, een highlight, een schuine beweging naar een submenu. Bij elkaar bepalen ze echter of de navigatie soepel aanvoelt. In het geval van Volkswagen kan je er van uitgaan dat een stugge bediening van het menu een negatieve uitstraling op het merk heeft. Daarom is hier gebruik gemaakt van een conventie in computermenu s waardoor het mogelijk is om de bocht af te snijden bij het navigeren naar een submenu. De bezoeker hoeft niet per se helemaal rechts uit het rechthoekje van de categorie te bewegen om in het Eerste versie d.d. 25 maart /22

14 submenu te komen, hij kan ook schuin naar beneden gaan, rechtstreeks naar het tweede item in het submenu. Afbeelding 14. Als de muisbeweging naar een submenu niet heel precies hoeft te zijn en je de bocht af kan snijden voelt de navigatie prettig soepel aan. Het is natuurlijk subjectief welke navigatie soepel is en welke stug. Dat verschilt van mens tot mens, bijvoorbeeld afhankelijk van de ervaring met computergebruik. Bovendien kan je als ontwerper keuzes maken: hoe ziet een highlight eruit, plaats je een pijltje of niet, hoe klapt een menu uit? Ondanks intuïtie en ervaring blijft het enigszins een gok of de toekomstige bezoekers goed met het menu om kunnen gaan. De beste manier om zekerheid te krijgen is de doelgroep van de site de navigatie te laten gebruiken en te observeren hoe ze dat af gaat. Geef in zo n geval opdrachten die ervoor zorgen dat ze diep in de menu s moeten gaan zoeken naar het antwoord. Het is raadzaam om de bewegingen van de cursor over het scherm en de stem van de testpersoon op te nemen 3 zodat je later nog eens terug kan kijken wat precies goed en fout ging. Testpersonen zeggen soms in het nagesprek dat ze het gebruik van de navigatie wel makkelijk vonden, terwijl je op de video kan zien dat ze flink zitten te worstelen met de muis. Niemand zegt graag dat hij iets niet goed begrijpt of kan en mensen zijn snel geneigd onhandige dingen te accepteren. Met een usability test kom je er snel achter wat teveel van de vaardigheden van de bezoekers vergt, en wat niet. Eenduidig en helder taalgebruik wijst de weg De bezoeker is voor zijn navigatie afhankelijk van eenduidig en helder taalgebruik in de menu s en op knoppen. Het is vaak erg moeilijk om dat te bereiken. Zelfs Google heeft een mysterieuze tekst op een van de knoppen op haar homepage staan. Als je eenmaal weet wat het betekent is het een handige knop. Maar daarvoor moet je wel eerst letterlijk een gok doen en gewoon maar eens klikken op die knop. Hij brengt je overigens direct naar het eerste zoekresultaat, zonder eerst de lijst van zoekresultaten te tonen. Afbeelding 15. Klikken op Ik doe een gok op de homepage van Google is letterlijk een gok want de knoptekst legt niet uit wat de zoekmachine gaat doen. Soms gebruikt men ook iconen in navigatiemenu s. Uitlsuitend iconen, zonder 3 Bijvoorbeeld met Camtasia, zie????.com Eerste versie d.d. 25 maart /22

15 begeleidende tekst zijn echter te onduidelijk voor de meeste bezoekers. Heldere tekst is onontbeerlijk. Daarvoor is vaak een goede copywriter nodig. Afbeelding 16. De meeste website bezoekers hebben aan alleen iconen niet genoeg houvast voor hun navigatie, ze hebben ook tekst nodig. Soms zijn opdrachtgevers of ontwerpers gewend of gehecht aan een bepaalde term omdat die in het dagelijkse spraakgebruik tijdens het werken aan de site, of intern in het bedrijf van de opdrachtgever al gemeengoed is en goed werkt. Het hele projectteam kan bijvoorbeeld volkomen begrijpen wat Car Configurator inhoudt. Maar uit een test kan blijken dat de argeloze bezoeker die de term voor het eerst in een menu tegenkomt geen idee heeft. Als de opdrachtgever de nieuwe term vervolgens graag bij de doelgroep wil introduceren, dan moet de site wat uitleg geven. Die uitleg moet dan wel glashelder zijn en zo bondig mogelijk zodat het resultaat bijvoorbeeld op een kleine banner past die her en der op de site kan staan. Zo raken de bezoekers gaandeweg bekend met de term en kan je hem ook in de menu s gebruiken. Testen of de gevonden oplossing begrepen wordt blijft natuurlijk essentieel. Afbeelding 17. Als je nieuwe termen, zoals Car Configurator introduceert en wil gebruiken in menu s vereist dat wat uitleg, bijvoorbeeld op banners her en der op de site. In Azië koos Volkswagen voor een andere term: Volkswagen Visualiser. Ook die term heeft uitleg nodig, maar daar koos men een nogal academische oplossing voor die de lezer weinig verder zal helpen. Hoogstens prikkelt het een bepaalde groep bezoekers die dan maar een gok doen. Eerste versie d.d. 25 maart /22

16 Afbeelding 18. Uitleg van een onbekende term in de vorm van een woordenboekdefinitie is weinig aansprekend en roept in dit geval bovendien alleen meer vragen op. Het keurslijf van complexe interacties De Car Configurator op de Volkswagen site is een goed voorbeeld van een complexe interactie waarbij de bezoeker een heleboel verschillende keuzes moet maken, in dit geval om een hoogstpersoonlijke droomauto samen te stellen. Op het web staan inmiddels vele van dergelijke tools. Steeds meer bedrijven laten een publieke interface ontwerpen voor de systemen die ze voorheen alleen intern gebruikten en die dus alleen door het eigen personeel bediend werden. Dat personeel volgt over het algemeen een opleiding of krijgt tenminste een instructie om te leren hoe zo n stuk gereedschap gebruikt moet worden. Op internet kan een bedrijf zijn (potentiële) klanten echter niet opleiden of uitgebreid instrueren, dat is niet klantvriendelijk. De bezoekers van een website willen direct aan de slag en eisen dat de interactie voor zich spreekt. Online bankieren en online een vliegticket bestellen zijn andere voorbeelden van publieke interfaces op bedrijfssoftware die hoge eisen aan de ontwerper stellen. Vanwege de complexiteit van de interactie en de voor klanten nieuwe taken is testen met de doelgroep in deze gevallen hard nodig ter ondersteuning van het ontwerpen. De interface van dergelijke interactieve modules bestaat meestal uit een reeks van formulieren waarmee de bezoeker een aantal stappen doorloopt. Bij de Car Configurator van Volkswagen krijgt de bezoeker nadat hij voor een bepaald model gekozen heeft vijf formulieren voorgeschoteld, achtereenvolgens over de uitrusting, motoren, lakkleuren, bekleding en extra s. Daarna volgt een pagina met de details van alle gemaakte keuzes en de pijs van de samengestelde auto. Eerste versie d.d. 25 maart /22

17 Afbeelding 19. Bij het samenstellen van je droom-volkswagen doorloop je zes stappen in een vaste volgorde. Aan dat keurslijf ontsnappen kan niet: als je later de tweede keuze nog wil wijzigen moet je alle stappen daarna opnieuw doorlopen. Eerste versie d.d. 25 maart /22

18 Een belangrijke beperking van deze interactie is dat hij opgebouwd is uit stappen die een vaste volgorde kennen. De bezoeker kan niet aan dit keurslijf ontsnappen, hij moet de formulieren per se in de hier gepresenteerde volgorde invullen. Het is bijvoorbeeld niet mogelijk om eerst een bekleding te kiezen en daarna pas de lakkleur. De bezoeker kan wel teruggaan naar een eerdere stap om iets te wijzigen, maar daarna moet hij alle stappen na die wijziging opnieuw doorlopen. De eerdergemaakte keuzes zijn dan nog wel ingevuld, mits ze nog steeds mogelijk zijn. Om de bezoeker overzicht te bieden in dit soort situaties worden de stappen in het rechtermenu voortdurend op volgorde aangegeven. Dit is een van de conventies bij dergelijke complexe interacties. Bij voorkeur staan alle stappen vanaf het begin in beeld, met of zonder nadere omschrijving per stap, met of zonder nummer. Afbeelding 20. Bij complexe interacties die meerdere pagina s met formulieren omvatten heeft de bezoeker veel houvast aan een duidelijk overzicht van de stappen die hij moet doorlopen. Ook al lijken dit misschien eenvoudige conventies, ze worden niet altijd goed toegepast. Er zijn nog vele formulieren zonder een dergelijk overzicht van de stappen op het web. Andere blijken na testen onvoldoende houvast te bieden en vergen aanpassing. Complexe interacties testen bedrijven meestal uitvoerig op begrip en gebruiksvriendelijkheid: Begrijpt de bezoeker wel wat hij allemaal moet doen en is de interactie prettig? Zo n usability test vinden bedrijven erg belangrijk omdat het succes van de formulieren meestal een directe relatie heeft met meetbare resultaten voor het bedrijf: meer omzet of minder kosten door minder telefoontjes naar het callcenter en minder afhandeling via papieren formulieren. Tijdens de usability test is de eerste vraag van de onderzoeker aan de respondent meestal hetzelfde als de eerste vraag over de homepage: Legt u eens uit wat u hier ziet. En vervolgens krijgt de respondent een aantal opdrachten die hem door de hele interactie heen leiden. De onderzoeker observeert en geeft verder geen aanwijzigen, tenzij al duidelijk is dat de respondent iets niet begrepen heeft en hij een aanwijzing nodig heeft om de opdracht verder uit te voeren. Flash geeft de vrijheid om het anders te doen Bij usability tests blijkt steeds weer dat overzicht houden over wat je aan het doen bent erg belangrijk is voor mensen die complexe online interacties uitvoeren. Uit diezelfde tests blijkt echter ook dat mensen van opvatting verschillen over de ideale volgorde van de stappen. De een verwacht als eerste Eerste versie d.d. 25 maart /22

19 een motor te kunnen kiezen, terwijl anderen willen beginnen met het design van de auto, de bekleding en de kleur. Formulieren in HTML maken het echter niet mogelijk voor de bezoeker om een eigen volgorde te kiezen. Flash daarentegen biedt de mogelijkheid om zelfs het concept van de stappen helemaal te verlaten. Volkswagen Azië heeft al een Car Configurator (aldaar Visualiser geheten) gemaakt die alle keuzes (motoren, lakkleuren, bekleding, extra s) tegelijk aanbiedt. De gebruiker van dit tool is volstrekt vrij in de volgorde waarin hij zijn keuzes maakt, en kan ook elk moment weer van gedachten veranderen. Afbeelding 21. In deze Flash-toepassing heeft de bezoeker de vrijheid om de keuzes voor zijn droomauto in zijn eigen volgorde te maken. Hij kan op elk moment weer iets anders kiezen zonder alles opnieuw in te hoeven vullen. Dit is een voorbeeld van innovatief gebruik van Flash dat tegemoet komt aan de verschillende manieren waarop mensen met het uitkiezen van een auto omgaan. De komende jaren is het ontwerpen van dergelijke interfaces die de stapsgewijze formulieren vervangen een belangrijke uitdaging voor webontwerpers. Om zo n innovatieve interface te ontwerpen moet je als ontwerper wel goed op de hoogte zijn van de verschillende wijzen waarop mensen over het betreffende onderwerp nadenken en hoe zij ermee omgaan. Dat vergt gedegen onderzoek vooraf, bijvoorbeeld naar hoe mensen een auto kiezen en kopen. Een terugkerende uitkomst van dergelijk onderzoek is dat mensen nu eenmaal verschillen en er nooit één beste manier is om iets te doen. Een goed ontwerp staat daarom verschillende vormen van gebruik toe en schrijft geen keurslijf voor. Eerste versie d.d. 25 maart /22

20 Op naar meer innovatieve interfaces Een ander voorbeeld van een innovatieve interface die gebruikers vrijlaat in hun manier van werken is de Map of the Market van SmartMoney.com. Hierin komen een aantal eerder genoemde aspecten goed in samen: Het samenballen van een grote hoeveelheid informatie op een klein oppervlak, duidelijk overzicht, soepele navigatie, en toegang tot informatie en interactie in een zelfgekozen volgorde. Afbeelding 22. De interface van Smartmoney s Map of the Market geeft een live overzicht van de bewegingen van sectoren en individuele fondsen op de beurs. Een pop-up menu biedt toegang tot veel informatie over elk fonds. Op één scherm krijg je zowel een breed overzicht als toegang tot enorm veel gedetailleerde informatie. Elk vlakje staat voor een aandeel. De oppervlakte van het vlakje is gerelateerd aan de totale marktwaarde van het bedrijf. De kleur geeft aan of het aandeel stijgt of daalt. Een N geeft aan dat er een nieuwsbericht over het bedrijf beschikbaar is. Bij een muisbeweging over de aandelen zie je welk aandeel het is en hoe het aandeel recent presteerde. Bij klikken op een bepaald aandeel komt een menu omhoog dat toegang geeft tot een hele reeks van informatie die van belang is voor aandeelhouders. Eerste versie d.d. 25 maart /22

Handleiding Website beheersysteem

Handleiding Website beheersysteem Handleiding Website beheersysteem Inhoudsopgave 1. Inleiding...3 2. Inloggen...4 3. De startpagina...5 3.1. Startpagina menu...5 3.2. Bovenbalk...6 4. Menu en Pagina's...7 4.1. Een nieuwe pagina toevoegen...8

Nadere informatie

Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl

Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl Taak en Tekst voor websites die werken www.jouwsite.nl Websitecheck Taak en Tekst, www.taakentekst.nl Buijs Ballotstraat 27A, 2563 ZH Den Haag 06-13935470 1 Websitecheck Website: Eigenaar: Datum: www.jouwsite.nl

Nadere informatie

3 D E Z O E K M A C H I N E G O O G L E

3 D E Z O E K M A C H I N E G O O G L E 3 D E Z O E K M A C H I N E G O O G L E 3.1 Z O E K E N O P 1 E N K E L Z O E K W O O R D Typ in de adresbalk: www.google.be Er zijn verschillende doorzoekopties : Zoeken (op het Web) Afbeeldingen Maps

Nadere informatie

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links:

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links: Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve Ebike Websites links: http://www.fatboy.com/nl/ http://www.dsignmeubels.nl/ http://allemachtigprachtig.nl/ http://www.gilianoriginals.nl/

Nadere informatie

HANDLEIDING VAN DE BELGAcoM BIZZ SITE BUILDER Met de tool die Uw Zaak Verdient Online aanbiedt, creëert u in enkele minuten uw website. U hoeft zelfs niet meteen alle pagina s te ontwerpen, want u kan

Nadere informatie

Inhoud van de website invoeren met de ContentPublisher

Inhoud van de website invoeren met de ContentPublisher Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.

Nadere informatie

Handleiding Concrete5 website. Outbound Media

Handleiding Concrete5 website. Outbound Media Handleiding Concrete5 website Outbound Media In deze handleiding behandelen we de basis benodigdheden om uw website up-to-date te kunnen houden. We behandelen: Inloggen editen (bewerken) van tekst een

Nadere informatie

Stap 3 Wat kunnen we met de inhoud?

Stap 3 Wat kunnen we met de inhoud? Stap 3 Wat kunnen we met de inhoud? We gaan in deze stap eens bestuderen wat we zoal voor mogelijkheden hebben om tekst op te maken en links in te voegen. Kompozer heeft voor de meest voorkomende zaken

Nadere informatie

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd Introductie Deze handleiding heeft tot doel een eenvoudige stap voor stap handleiding te zijn voor eindgebruikers van CMS Made Simple

Nadere informatie

DESIGN DOCUMENT CRIA VSD

DESIGN DOCUMENT CRIA VSD DESIGN DOCUMENT CRIA VSD Travellu Design Document Dennis de Kruijf 506404 CRIA LA FEB Datum: 02-04 - 2015 inhoudsopgave INLEIDING inhoudsopgave 2 INLEIDING 3 home page 4 destinations 5 experiences 6 plan

Nadere informatie

Algemene WordPress Handleiding uitleg basics Karin de Wit Design

Algemene WordPress Handleiding uitleg basics Karin de Wit Design Inhoudsopgave Inhoudsopgave... 2 Algemene informatie... 3 Introductie... 4 Inloggen bij WordPress... 5 Introductie in het dashboard... 6 Berichten en pagina's... 8 Bericht Categorieën... 8 Nieuw Bericht...

Nadere informatie

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind

Nadere informatie

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden.

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden. Testplan prototype Het definitieve prototype van Foliostory zal op basis van een usability test getest worden. Hierbij wordt een happy flow scenario aan de respondenten voorgelegd met daarin taken die

Nadere informatie

Succesvol dankzij internet

Succesvol dankzij internet Succesvol dankzij internet Gratis workshop voor Ondernemend Roombeek Enschede 24-4-2012 Jorik Heins Deze presentatie komt online beschikbaar op www.marketingman.nl/presentatie Vanavond Wat is een goede

Nadere informatie

Handleiding teksteditor

Handleiding teksteditor In deze handleiding leggen we de werking van de teksteditor uit. De teksteditor wordt gebruikt voor het bewerken van tekst. Uw tekstpagina s bewerkt u met deze editor, maar u vindt m op vele plekken terug.

Nadere informatie

Succesvol dankzij internet

Succesvol dankzij internet Succesvol dankzij internet Praktische tips voor ondernemers Enschede 7-11-2012 Jorik Heins Deze presentatie komt online beschikbaar op www.marketingman.nl/presentatie Vanavond Wat is een goede website?

Nadere informatie

Klik&Steen Dashboard. Wat zijn nou interessante statistieken bij websites?

Klik&Steen Dashboard. Wat zijn nou interessante statistieken bij websites? Klik&Steen Dashboard Wat zijn nou interessante statistieken bij websites? Inleiding Dit document dient als onderzoek naar de statistieken die interessant zijn om te laten zien in het dashboard van Klik&Steen.

Nadere informatie

ICT Publisher 2002 1

ICT Publisher 2002 1 ICT Publisher 2002 1 Werken met Publisher 2002 1. Het maken van een eenvoudige publicatie in Publisher Inhoud Wat gaat er gebeuren? Waarom ga ik het doen? Wat wordt het resultaat? Oefeningen en werkwijzen

Nadere informatie

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland Handicom Symbol for Windows Image Manager (Versie 4) Handicom, 2011, Nederland Inhoud Inleiding... 2 1. Image Manager hoofdscherm...3 1.1 Onderdelen van het venster...3 1.2 Het scherm veranderen...3 1.2.1

Nadere informatie

Een pagina toevoegen en/of bewerken.

Een pagina toevoegen en/of bewerken. Een pagina toevoegen en/of bewerken. Na het inloggen in het CMS zie u het volgende: 2 3. Een klik op dit menu geeft een overzicht van alle pagina s waar de website op dat moment uit bestaat: 2. Een klik

Nadere informatie

TUDelft.nl Issuelist met belangrijkste bevindingen usability test. Liesbeth van Driel, Marjan van Oostrum

TUDelft.nl Issuelist met belangrijkste bevindingen usability test. Liesbeth van Driel, Marjan van Oostrum TUDelft.nl Issuelist met belangrijkste bevindingen usability test Liesbeth van Driel, Marjan van Oostrum 15 december 2009 1 Issues Waar liepen respondenten tegenaan? Homepage Onduidelijke doelgroep homepage

Nadere informatie

HANDLEIDING DOIT BEHEER SYSTEEM

HANDLEIDING DOIT BEHEER SYSTEEM HANDLEIDING DOIT BEHEER SYSTEEM ALGEMENE INFORMATIE Het Doit beheer systeem is een modulair opgebouwd systeem waarin modules makkelijk kunnen worden toegevoegd of aangepast, niet iedere gebruiker zal dezelfde

Nadere informatie

ActiveBuilder Handleiding

ActiveBuilder Handleiding ActiveBuilder Handleiding Auteur: TalkActive I/S Datum: Juli 2004 Versie: R. 1.01 Taal: Nederlands Copyright 2004 - Talk Active alle rechten voorbehouden. Inhoud: 1. INTRODUCTIE...2 2. SNEL STARTEN...3

Nadere informatie

Eyetracking Bestsellers.nl

Eyetracking Bestsellers.nl Eyetracking Bestsellers.nl Best-sellers.nl is een webwinkel voor audio- en video apparatuur, pc s en huishoudelijke apparaten. Wij hebben deze webwinkel aan een Eyetracking gebruikerstest onderworpen.

Nadere informatie

Whitepaper. E-mail design best practices

Whitepaper. E-mail design best practices Whitepaper E-mail design best practices 14 tips voor het design van je e-mail Versterk de boodschap van je uiting Best practices voor je e-mail design Het design speelt een grote rol in de eerste indruk

Nadere informatie

Het is duidelijk waar je bent en waar je naartoe kunt gaan als je een link aanklikt.

Het is duidelijk waar je bent en waar je naartoe kunt gaan als je een link aanklikt. 1. Webshop Bol.com 1. Herkenbaarheid De site is duidelijk, je ziet linksboven Bol.com staan en er staan ook de speciaal geselecteerde spullen en de aanbiedingen. Je kan alleen niet zien van wie de website

Nadere informatie

HANDLEIDING USABILITY TESTING

HANDLEIDING USABILITY TESTING HANDLEIDING USABILITY TESTING 1 Inhoudsopgave 1. INLEIDING USABILITY TESTING... 3 Do s Usability tests... 3 Don ts Usability tests... 3 2. HOE START JE MET USABILITY TESTING?... 4 Type Usability tests...

Nadere informatie

WEBSITE USABILITY. white-paper

WEBSITE USABILITY. white-paper WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te

Nadere informatie

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm:

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm: CMS Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 7 Een link toevoegen... 8 Een afbeelding toevoegen... 10 Foto s plaatsen op de fotopagina... 12 Media...

Nadere informatie

Handleiding Wordpress

Handleiding Wordpress Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde

Nadere informatie

Globale kennismaking

Globale kennismaking Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina

Nadere informatie

Handleiding Website Laatste update: april 2014

Handleiding Website Laatste update: april 2014 Laatste update: april 2014 1. Google Search Tijdens de ontwikkeling van uw website werd er veel aandacht besteed aan optimalisatie voor zoekmachines zoals Google. Dit onder andere door de broncode technisch

Nadere informatie

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop. Be e ldsche rmvormge ving & We bde sign Doelstelling & Doelgroepverkenning Kijk naar verschillende websites om je doelgroep te verkennen. Ze hebben allemaal een andere doelstelling en roepen een bepaalde

Nadere informatie

Basis handleiding CMS

Basis handleiding CMS Basis handleiding CMS Inhoud Basis handleiding CMS... 1 Inloggen... 3 Pagina beheren... 4 Pagina toevoegen/wijzigen... 6 WYSIWYG editor... 8 externe / interne link toevoegen... 9 Plaatjes toevoegen...

Nadere informatie

Bitrix Site Manager gebruikershandleiding BureauZuid

Bitrix Site Manager gebruikershandleiding BureauZuid Bitrix Site Manager gebruikershandleiding BureauZuid Introductie Deze gebruikershandleiding geeft gedetailleerde basisinformatie over hoe te werken met Bitrix Site Manager. Deze handleiding is bedoeld

Nadere informatie

CMS Template Handleiding

CMS Template Handleiding CMS Template Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 6 Een link toevoegen... 7 Een afbeelding toevoegen... 9 Foto s plaatsen op de fotopagina...

Nadere informatie

Web Presence Builder. Inhoud

Web Presence Builder. Inhoud Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf

Nadere informatie

SAN v3. Update document 2010. uitgebracht door OCEN

SAN v3. Update document 2010. uitgebracht door OCEN SAN v3 Update document 2010 uitgebracht door OCEN Inhoudsopgave. Inleiding...3 1 Navigatie...4 1.1 Navigatie: het menu...4 1.2 Navigatie: dashboard...4 1.3 Navigatie: kruimelpad...4 1.4 Navigatie: iconen

Nadere informatie

Een website maken met Weebly

Een website maken met Weebly Een website maken met Weebly Bron: http://flippenindeklas.weebly.com/uploads/1/1/8/6/11865400/weebly_ handleiding.pdf (26-08-2016) Inhoudsopgave 2. Een account aanmaken voor weebly.... 3 STAP 1... 3 STAP

Nadere informatie

HANDLEIDING PATHÉ KLANTENSERVICE ZENDESK

HANDLEIDING PATHÉ KLANTENSERVICE ZENDESK HANDLEIDING PATHÉ KLANTENSERVICE ZENDESK Laatst bijgewerkt: 29-01-2013 Inhoud 1. Hoe komt de klant bij het contactformulier? 3 2. Automatische toewijzingen 6 3. Overzicht agent interface 7 4. Hoe beantwoord

Nadere informatie

Meer succes met je website

Meer succes met je website Meer succes met je website Hoeveel geld heb jij geïnvesteerd in je website? Misschien wel honderden of duizenden euro s in de hoop nieuwe klanten te krijgen. Toch levert je website (bijna) niets op Herkenbaar?

Nadere informatie

Expert review Werk.nl door Bart van de Biezen en Mila Witjes 27 april 2012

Expert review Werk.nl door Bart van de Biezen en Mila Witjes 27 april 2012 Expert review Werk.nl door Bart van de Biezen en Mila Witjes 27 april 2012 AAN ZEE Achtergrond Om inzicht te krijgen in de grootste usabilityproblemen van Werk.nl van de UWV heeft RTL nieuws Aan Zee Communicatie

Nadere informatie

Umbraco Gebruikershandleiding

Umbraco Gebruikershandleiding Umbraco Gebruikershandleiding Aan de slag gaan met Umbraco 1.1 Aanmelden Umbraco is een web publishing systeem dat gemakkelijk te gebruiken is door de gebruikers en heeft geen hoge hard- en software vereisten.

Nadere informatie

Zo werkt conversie optimalisatie!

Zo werkt conversie optimalisatie! Zo werkt conversie optimalisatie! Haal jij al optimaal resultaat uit je bezoekers? Veel ondernemers laten kansen liggen. Dat is niet vreemd maar wel jammer. Als je met dit werkblad en de checklist aan

Nadere informatie

NEW WAVE TEXTILES HANDLEIDING WEBSHOP

NEW WAVE TEXTILES HANDLEIDING WEBSHOP NEW WAVE TEXTILES HANDLEIDING WEBSHOP 0 INHOUD 1. Snel bestellen 2 2. Mijn Account 3 3. Product zoeken 5 4. Productinformatie quickview 6 5. Productinformatie uitgebreid 8 6. Winkelkar bestelling plaatsen

Nadere informatie

Een website maken met Weebly Alva ICT Karsten Campsteyn Jan Penders

Een website maken met Weebly Alva ICT Karsten Campsteyn Jan Penders Een website maken met Weebly Alva ICT Karsten Campsteyn Jan Penders 1. Inhoudsopgave 2. Een account aanmaken voor weebly.... 3 STAP 1... 3 STAP 2... 3 STAP 3... 3 3. Een Menustructuur aanbrengen... 4 STAP

Nadere informatie

11 dingen die je nu kunt doen om meer te gaan verkopen

11 dingen die je nu kunt doen om meer te gaan verkopen 11 dingen die je nu kunt doen om meer te gaan verkopen Iedereen met een website komt er vroeg of laat mee in aanraking. Hoe verander ik meer bezoekers in klanten? Met conversie dus. Conversie optimalisatie

Nadere informatie

Handleiding Mijneigenweb.nl

Handleiding Mijneigenweb.nl Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen

Nadere informatie

Handleiding NBVA-Webformulesite 2.0

Handleiding NBVA-Webformulesite 2.0 Handleiding NBVA-Webformulesite 2.0 Inhoud 1. Algemeen 2. Structuur beheeromgeving 2a Posities 2b Inhoud 2c Extra 3. Hoe werkt de WYSIWYG-editor? 3a Wijzigen van teksten 3b Nieuwsberichten plaatsen 3c

Nadere informatie

Gebruikershandleiding websitebeheer m.b.v. Wordpress

Gebruikershandleiding websitebeheer m.b.v. Wordpress Gebruikershandleiding websitebeheer m.b.v. Wordpress Saft Websites Gebruikershandleiding Wordpress pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Inloggen in administratorgedeelte Informatie

Nadere informatie

Release notes Argo 7. Interactieve LMS interface. Nieuwe interface voor lesmodules

Release notes Argo 7. Interactieve LMS interface. Nieuwe interface voor lesmodules Release notes Argo 7 Argo 7 heeft een interactief web design. Het is optimaal afgestemd op de grote diversiteit aan computerbeeldschermen, van grootbeeld desktops en notebooks tot tablets en smart phones.

Nadere informatie

Gebruikershandleiding www.flamingo.be

Gebruikershandleiding www.flamingo.be Gebruikershandleiding www.flamingo.be Auteur : Web~IT Support and Consulting Datum : 19 december 2005 Opdrachtgever : Flamingo nv Pag. 2/27 Inhoudstafel Inhoudstafel 2 1. Starten 3 2. Pagina structuur

Nadere informatie

Hoe moet je een prachtige presentatie maken?

Hoe moet je een prachtige presentatie maken? Hoe moet je een prachtige presentatie maken? www.meestermichael.nl Geef de presentatie een titel. Klik dit vak aan om jouw presentatie een ondertitel te geven. Hier kun je je presentatie een titel geven

Nadere informatie

Redesign RTL XL Gemist

Redesign RTL XL Gemist In dit document zijn de funnels, designpatterns, mentale modellen en het ontwerp van de redesign van RTL XL Gemist te vinden. Redesign RTL XL Gemist DFI Models & Processes Miranda Endhoven Inhoudsopgave

Nadere informatie

Handleiding CMS Online Identity Webontwikkeling. Handleiding CMS

Handleiding CMS Online Identity Webontwikkeling. Handleiding CMS Handleiding CMS 1 Inhoudsopgave 1. Inloggen... 3 2. Het CMS... 3 3. Websitecontent... 4 3.1 Een nieuwe pagina toevoegen... 4 3.2 Een pagina wijzigen... 4 3.3 Een pagina verwijderen... 5 4. De WYSIWYG editor...

Nadere informatie

Dennis Wagenaar 19-04-10 v 1.0

Dennis Wagenaar 19-04-10 v 1.0 Ontwerprapport Save Energy Leiden Dennis Wagenaar 19-04-10 v 1.0 Inhoudsopgave Inleiding...4 1 Grafisch Ontwerp...5 1.1 De website...5 1.2 Header...6 1.3 Menu...6 1.4 Content...7 1.5 Grafieken...7 1.5

Nadere informatie

Hoe bouw ik een goede website?

Hoe bouw ik een goede website? Hoe bouw ik een goede website? Inleiding Stel, u heeft een eigen bedrijf en u wilt een website. U hebt gezien dat u zelf een site kunt bouwen met behulp van gratis tools die sommige providers aanbieden.

Nadere informatie

Inhoud! Taak 1.3.6 Joomla en zo Door Paul van der Linden. Taak 1.3.6 Joomla en zo

Inhoud! Taak 1.3.6 Joomla en zo Door Paul van der Linden. Taak 1.3.6 Joomla en zo Inhoud! Taak 1.3.6 Joomla en zo Inhoud!... 1 Voorwoord... 2 Joomla 1.5...3 Website...4 Menu s...5 Artikelen...6 Componenten...7 Extensies...8 Tools...9 Conclusie... 10 Bronvermelding... 11 1 Voorwoord

Nadere informatie

Training WZSW website beheer

Training WZSW website beheer Training website beheer Training WZSW website beheer 2008 www.triggr.nl Training website beheer Inhoud Principe werking internet...3 Principe CMS (Typo3)...4 CMS elementen (Structuur / content)...5 Inloggen

Nadere informatie

design ook items uitsnijden

design ook items uitsnijden (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het

Nadere informatie

Wat je moet weten over jouw website. Berichten

Wat je moet weten over jouw website. Berichten Wat je moet weten over jouw website Berichten Inleiding Inleiding Soms is het verwarrend... pagina's en berichten, categorieën en tags... En hoe krijg je die in je menu? Met dit document hoop ik daar wat

Nadere informatie

UNIT4 Multivers Extended Websolutions

UNIT4 Multivers Extended Websolutions UNIT4 Multivers Extended UNIT4 Multivers Extended Websolutions Flexfronted en themawebshops Webshops zijn als het ware een visitekaart van uw bedrijf. De wensen omtrent de grafische vormgeving zijn zo

Nadere informatie

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat. Stappenplan Een interface is in principe alles wat de communicatie tussen de gebruiker en de computer bepaalt of vorm geeft. Het is het deel van de website of webapplicatie dat de interactie met de gebruiker

Nadere informatie

SELECTEER EEN PAGINA TEMPLATE EN HOOFD VOOR DE PAGINA: Selecteer, in de PAGINA ATTRIBUTEN module rechts naast

SELECTEER EEN PAGINA TEMPLATE EN HOOFD VOOR DE PAGINA: Selecteer, in de PAGINA ATTRIBUTEN module rechts naast OPMAKEN VAN BERICHTEN EN PAGINA S ONE PAGER Berichten en pagina s worden op dezelfde wijze opgemaakt. Voor het opmaken van een bericht ga je in het navigatiemenu (afbeelding rechts) naar BERICHTEN > NIEUW

Nadere informatie

Quickstart my_editors & MMBase

Quickstart my_editors & MMBase Quickstart my_editors & MMBase André van Toly andre@toly.nl 1 september 2004 versie 0.9 1 september 2004, versie 0.9 1. Inleiding MMBase is een object georiënteerd content management systeem (CMS). Dat

Nadere informatie

Deze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn?

Deze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn? Deze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn? Vormgeving in relatie tot verschillende doelgroepen Hoe kun je mensen groeperen? oefening [ met z n

Nadere informatie

Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen!

Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen! Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen! Inleiding Je kan er simpelweg niet meer omheen. Zodra je een zoekopdracht uitvoert op Google, verschijnen er video thumbnails

Nadere informatie

WERKING TEKENPROGRAMMA

WERKING TEKENPROGRAMMA WERKING TEKENPROGRAMMA Hoe werkt tekenjetuin? Deze handleiding laat zien hoe u het meeste uit het tekenprogramma kunt halen. Voor u begint is het goed dit te weten: Tekenjetuin is te gebruiken op tablet

Nadere informatie

U kunt de helpbestanden op verschillende manieren openen. Standaard activeert u de helpbestanden via de toets F1.

U kunt de helpbestanden op verschillende manieren openen. Standaard activeert u de helpbestanden via de toets F1. Les 19 Help In deze les leert u hoe u de helpbestanden van Excel gebruikt om snelle antwoorden te vinden op een aantal vragen die u over het programma hebt. Houd er echter rekening mee dat u online moet

Nadere informatie

Web Usability. Byte seminar, 23 november 2007. Door: Gwyneth Ouwehand

Web Usability. Byte seminar, 23 november 2007. Door: Gwyneth Ouwehand Web Usability Byte seminar, 23 november 2007 Door: Gwyneth Ouwehand Introductie Student Informatiekunde Universiteit Utrecht Mensen Organisaties Computers Communicatie Bezig met afstudeerproject over kenniselicitatie

Nadere informatie

Workshop Eenvoudig Websites Maken Werkboek

Workshop Eenvoudig Websites Maken Werkboek Workshop Eenvoudig Websites Maken Werkboek 1 Schrijven voor het web 1.1 Sheets met vragen De workshopbegeleider kan je de presentatie met vragen doormailen. Je kan hem bereiken via ossdenbosch@ptcc.nl

Nadere informatie

Quickstart. Browser instellingen

Quickstart. Browser instellingen Browser instellingen Projectadministratie is getest onder : Mac OS 10.3 met Safari versie 1.3 Mac OS 10.4 met Safari versie 2.0.3 (417.9.2) Windows met Internet Explorer versie 6.0.2900.2180. Belangrijke

Nadere informatie

Pinnacle studio 14. Workshop

Pinnacle studio 14. Workshop Pinnacle studio 14 Workshop Inhoud De interface... 2 Project... 2 Film samenstellen... 4 Overgangen... 4 Titels... 5 Geluid... 6 Filmfragmenten aanpassen.... 7 Menu s Maken... 9 DVD s Branden... 11 De

Nadere informatie

Opname hulp. Stap voor stap uitleg over het opnemen van een Babbel - voor kinderen. Videoverhalen over kinderboeken, voor en door kinderen, 8+

Opname hulp. Stap voor stap uitleg over het opnemen van een Babbel - voor kinderen. Videoverhalen over kinderboeken, voor en door kinderen, 8+ Opname hulp Stap voor stap uitleg over het opnemen van een Babbel - voor kinderen B B Videoverhalen over kinderboeken, voor en door kinderen, 8+ BoekenBabbels DOEL Door het opnemen en plaatsen van korte

Nadere informatie

V O O R W O O R D... 3 1 V O O R U Z I C H K U N T A A N M E L D E N B I J G O O G L E +... 4 2 D E E L N E M E N A A N G O O G L E +...

V O O R W O O R D... 3 1 V O O R U Z I C H K U N T A A N M E L D E N B I J G O O G L E +... 4 2 D E E L N E M E N A A N G O O G L E +... Handleiding Google+ Inhoud V O O R W O O R D... 3 1 V O O R U Z I C H K U N T A A N M E L D E N B I J G O O G L E +..... 4 2 D E E L N E M E N A A N G O O G L E +... 7 3 F O T O S B E K I J K E N... 14

Nadere informatie

Functioneel Ontwerp. digital4u.nl effectief op internet. Klant. Digitale Vaardigheden. Project. Website. April 2013. Datum

Functioneel Ontwerp. digital4u.nl effectief op internet. Klant. Digitale Vaardigheden. Project. Website. April 2013. Datum Functioneel Ontwerp Klant Project Datum Website April 2013 digital4u.nl effectief op internet 2 Inhoudsopgave 3 4 6 7 8 10 11 13 14 16 18 19 21 22 Introductie Functioneel Ontwerp Homepagina Header, Sidebar

Nadere informatie

Basisprincipes van het ontwerpen

Basisprincipes van het ontwerpen Basisprincipes van het ontwerpen gordongroup Over de gordongroup gordongroup is een full-service marketing- en communicatiebureau waar klanten voor al hun wensen op het gebied van creatieve services terecht

Nadere informatie

Ontwerpdocument. Maarten Kolthof. NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof

Ontwerpdocument. Maarten Kolthof. NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof Ontwerpdocument Maarten Kolthof NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof Inhoud Algemeen ontwerp 3 Icoon en kleurgebruik Animatie technieken ios 7 kenmerken

Nadere informatie

Bedrijfspagina op Facebook. Hoe maak je een bedrijfspagina op Facebook?

Bedrijfspagina op Facebook. Hoe maak je een bedrijfspagina op Facebook? Bedrijfspagina op Facebook Hoe maak je een bedrijfspagina op Facebook? Inleiding In deze whitepaper lees je hoe je een bedrijfspagina aanmaakt op Facebook. Stap voor stap laten we je zien wat je moet doen.

Nadere informatie

Handleiding Word Press voor de bewoners Westerkaap 1

Handleiding Word Press voor de bewoners Westerkaap 1 1 Handleiding Word Press voor de bewoners Westerkaap 1 Inhoud: Inloggen Pagina 1 Algemeen Pagina 2 Berichten Pagina 2 Bericht bewerken, Linken Pagina 3-4 Plaatje toevoegen bericht Pagina 5-6 Bericht publiceren

Nadere informatie

Welkom bij Sitebuilder, een praktijksite maken in 5 stappen.

Welkom bij Sitebuilder, een praktijksite maken in 5 stappen. Welkom bij Sitebuilder, een praktijksite maken in 5 stappen. Wat is sitebuilder Site Builder is een uiterst gebruiksvriendelijk en zeer uitgebreid product waarmee u snel een eigen praktijkwebsite kunt

Nadere informatie

Handleiding bij WSM MailformGenerator

Handleiding bij WSM MailformGenerator 1. Voorwoord Welkom bij de handleiding voor de WSM MailformGenerator. Deze handleiding hebben we gemaakt om je snel en gemakkelijk uit te leggen hoe de WSM MailformGenerator werkt. Deze handleiding is

Nadere informatie

Vakjuryrapport Usability Award 2011

Vakjuryrapport Usability Award 2011 Vakjuryrapport Usability Award 2011 Door: Rianne Quak Vakjuryavond: 17 mei 2011 Vakjury: Bastiaan Klooster (voorzitter) Ben Vroom Els Aerts Floris Ketel Rob Punselie Tjeerd Hoek Bas Schopman Meer informatie

Nadere informatie

Kies [paginas]: Een lijst met alle paginas verschijnt. Muis-over en er verchijnen opties per pagina: Bewerken prullenbak bekijken

Kies [paginas]: Een lijst met alle paginas verschijnt. Muis-over en er verchijnen opties per pagina: Bewerken prullenbak bekijken Wordpress handleiding: Algemeen: -Hosting 200Mb webruimte en 2Gb verkeer per maand voor 3 euro per maand. Bij overschrijding volgt automatisch een verdubbeling naar de ruimte/verkeer naar 400Mb/4Gb/6 euro

Nadere informatie

HANDLEIDING CONTENT MANAGEMENT SYSTEEM

HANDLEIDING CONTENT MANAGEMENT SYSTEEM HANDLEIDING CONTENT MANAGEMENT SYSTEEM Het CMS in het kort Middels het CMS zijn alle pagina s aanpasbaar, met uitzondering van het inschrijfformulier en sitemap. Een beheersysteem zorgt in de eerste plaats

Nadere informatie

SEA: een minicursus Google Adwords

SEA: een minicursus Google Adwords SEA: een minicursus Google Adwords : 1. Wat is Google Adwords? 2. Waarom zou je van Adwords gebruikmaken? 3. Hoe werkt Adwords? 3a. Wat is de kwaliteitsscore? 3b. Kwaliteitsscore in stappen 3c. SEA en

Nadere informatie

Haal meer uit je website

Haal meer uit je website Haal meer uit je website 10 Tips om je website te optimaliseren Je hebt 100 bezoekers per dag, met soms een piek van 200 bezoekers per dag. Maar wat doe je met deze bezoekers? Hoeveel procent van deze

Nadere informatie

Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0

Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0 Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0 Inhoudsopgave Inhoudsopgave Inleiding 2 3 1. Achtergrond 4 2. Structuur 5 3. Inhoud Mixed Emotions

Nadere informatie

4 Testen en optimaliseren

4 Testen en optimaliseren Alle wegwijzers in de fase: 4 Testen en optimaliseren 4.1 Je ontwerp testen bij de doelgroep (74) 4.2 Je ontwerp voorleggen aan een expert (75) 4.3 Je ontwerp voorleggen aan de opdrachtgever (76) 4.4 Je

Nadere informatie

Welkom bij onze presentatie. Internet Marketing + Webteksten. door: Daisy Leenders en Susan Hermens

Welkom bij onze presentatie. Internet Marketing + Webteksten. door: Daisy Leenders en Susan Hermens Welkom bij onze presentatie Internet Marketing + Webteksten door: Daisy Leenders en Susan Hermens Even voorstellen.. Wie zijn we en wat doen we? - E&A BEST Websolutions / Daisy Leenders - Kliktaal / Susan

Nadere informatie

Handleiding Winkelwidget

Handleiding Winkelwidget Handleiding Winkelwidget Inhoudsopgave Inleiding... 3 Hoe kan ik de winkelwidget het beste inzetten?... 3 Hoe de winkelwidget te gebruiken?... 4 Stap 1: Menu-items maken en artikelen toevoegen... 4 Stap

Nadere informatie

Beïnvloedings-analyse

Beïnvloedings-analyse Beïnvloedingsanalyse Hoe kunnen doelgroepen beïnvloed worden? Er zijn een aantal verschillende principes waarmee de KRO de doelgroep kan beïnvloeden. Deze principes zijn in verschillende onderdelen op

Nadere informatie

Handleiding SEO controle & Publiceren blog-artikelen Wageningen UR blog. Oktober 2015

Handleiding SEO controle & Publiceren blog-artikelen Wageningen UR blog. Oktober 2015 Handleiding SEO controle & Publiceren blog-artikelen Wageningen UR blog. Oktober 2015 Voorwoord SEO of Search Engine Optimizing is een belangrijk onderdeel van het schrijven van een blog artikel. In deze

Nadere informatie

Safira CMS Handleiding

Safira CMS Handleiding Safira CMS Handleiding Inhoudsopgave 1Mappen en artikelen... 2 1.11.1 Naam wijzigen map/ pagina... 3 1.21.2 Website structuur: nieuwe pagina aanmaken, pagina verwijderen, pagina blokkeren, structuur wijzigen...

Nadere informatie

Omzeil het gebruik van mappen en bestanden over Wiki s en het werken in de 21 e eeuw

Omzeil het gebruik van mappen en bestanden over Wiki s en het werken in de 21 e eeuw Omzeil het gebruik van mappen en bestanden over Wiki s en het werken in de 21 e eeuw In de whitepaper waarom u eigen documenten niet langer nodig heeft schreven we dat het rondmailen van documenten geen

Nadere informatie

SEO whitepaper. 1. Inleiding 3. 2. Wat is SEO? 4. 3. Onderdelen SEO 5. 4. Praktische SEO tips 8. 5. Hulp nodig? 10

SEO whitepaper. 1. Inleiding 3. 2. Wat is SEO? 4. 3. Onderdelen SEO 5. 4. Praktische SEO tips 8. 5. Hulp nodig? 10 SEO SEO whitepaper 1. Inleiding 3 2. Wat is SEO? 4 3. Onderdelen SEO 5 4. Praktische SEO tips 8 5. Hulp nodig? 10 2 Inleiding Dit document is met grote zorgvuldigheid opgesteld, echter kunnen fouten voorkomen.

Nadere informatie

Gebruiksaanwijzing Mijn easyfairs. Handleiding voor exposanten

Gebruiksaanwijzing Mijn easyfairs. Handleiding voor exposanten Gebruiksaanwijzing Mijn easyfairs Handleiding voor exposanten Mijn easyfairs Handleiding voor exposanten Pagina 2 Inhoud Inloggen... 4 Standnaam en logo invoeren... 5 Invoeren van uw bedrijfsgegevens...

Nadere informatie

Het twee of meer planningssysteem ziet er als volgt uit wanneer de gebruiker is ingelogged.

Het twee of meer planningssysteem ziet er als volgt uit wanneer de gebruiker is ingelogged. Twee of meer planningssysteem Het twee of meer planningssysteem ziet er als volgt uit wanneer de gebruiker is ingelogged. Inloggen Het systeem is gebaseerd op user verificatie. Hiervoor kan elke gebruiker

Nadere informatie