• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Een website die werkt (Hogeschool Gent)
 

Een website die werkt (Hogeschool Gent)

on

  • 2,427 views

Basisprincipes voor een goed werkende website.

Basisprincipes voor een goed werkende website.

Statistics

Views

Total Views
2,427
Views on SlideShare
2,424
Embed Views
3

Actions

Likes
7
Downloads
61
Comments
1

2 Embeds 3

http://paper.li 2
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Interessante presentatie. Goed uitgelegd en gedocumenteerd met plaatjes.

    Leo Verkoelen (http://www.unitedstarters.com
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Een website die werkt (Hogeschool Gent) Een website die werkt (Hogeschool Gent) Presentation Transcript

    • EEN WEBSITE DIE WERKT
    • Hallo, ik ben Bram
    • Projecten voor onder andere: R
    • Informatie-architect
    • Prototype
    • Je vindt mij online op:‣ twitter.com/bram_‣ last.fm/user/bram_
    • EEN WEBSITE DIE WERKT6 mei 2011 – 2de jaar marketing, Hogeschool Gent
    • slideshare.net/bram_
    • EEN WEBSITEIs dat wel nodig?
    • absoluut.
    • Particulieren in België in 2010‣ 78% heeft thuis internettoegang (EU: 69%)‣ 75% surft minstens één keer in de week‣ 49% shopte in 2010 online (EU: 56%) Cijfers: Eurostat
    • Heb je een eigen website nodig?
    • niet per sé.
    • Internet aanwezigheid‣ Eigen website‣ Google Maps‣ Sociale netwerken‣ ...
    • Is een eigen website aangeraden?
    • Ja, als je meer controle wil over wat er overjouw zaak te vinden is op internet.
    • En als je je wil onderscheiden vanconcurrenten.
    • EEN WEBSITE DIE WERKTWat wil dat eigenlijk zeggen?
    • Wat is dat, een website die werkt?
    • Een website die werkt‣ Veel bezoekers?
    • Een website die werkt‣ Veel bezoekers?‣ Op nummer 1 in Google?
    • Een website die werkt‣ Veel bezoekers?‣ Op nummer 1 in Google?‣ Mooi ontwerp?
    • Een website die werkt‣ Veel bezoekers?‣ Op nummer 1 in Google?‣ Mooi ontwerp?
    • Een website die werkt‣ Converteert optimaal‣ Scoort hoog in zoekrobots bij de juiste doelgroep (SEO)‣ Positieve ROI
    • 8 basisprincipes
    • 8consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie
    • 1. Consistentie
    • Verwachtingen‣ Logo ‣ Navigatie‣ Taalselectie ‣ Broodkruimel‣ Home-knop ‣ Zoekveld
    • Logo‣ Links boven‣ Link naar homepage‣ Optioneel met tagline
    • Logo
    • Taalselectie‣ Rechts boven‣ ISO (NL - FR - EN)‣ Toon alle opties, ook de actieve taal‣ Geen vlagjes!
    • taalselectie
    • Home-knop‣ Eerste knop in hoofdnavigatie‣ Altijd ‘home’
    • home-knop
    • Navigatie‣ Hoofdnavigatie horizontaal bovenaan‣ Subnavigatie links‣ Vermijden: onderaan of rechts
    • Secundaire navigatie‣ Helemaal onderaan, in de footer‣ Privacy statement, disclaimer, sitemap
    • hoofdnavigatiesubnavigatie
    • secundaire navigatie
    • Broodkruimel‣ Toont actieve pagina in hiërarchie‣ Onder de hoofdnavigatie‣ Klikbaar, behalve actieve pagina‣ Zonder ‘je bent hier: ’
    • broodkruimel
    • Zoekveld‣ Rechts boven‣ Gevaarlijk!‣ Bezoekers verwachten Google-niveau
    • zoekveld
    • Consistentie geeft houvastHet is duidelijk‣ waar je vandaan kwam‣ waar je nu bent‣ waar je naartoe kan gaanin de visuele taal die andere websites ook spreken
    • 8consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie
    • 2. Typografie
    • Mensen schrijven meer naar elkaardan ze bellen.“The web is text.”
    • Leeslengte‣ Ideaal: tot ongeveer 55 karakters per regel‣ Flexibele layout: gebruik maximumbreedte
    • Lettergrootte‣ Minstens 12px voor broodtekst‣ Moderne browsers schalen alles‣ “ A A A ” is overbodig
    • Geschreefd of schreefloos?Op een scherm: schreefloos (sans-serif)Ed ut perspiciatis unde omnis Ed ut perspiciatis unde omnisiste natus error sit voluptatem iste natus error sit voluptatemaccusantium doloremque accusantium doloremquelaudantium. laudantium.
    • 8consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie
    • 3. Portability
    • Mohammed en de bergProbeer bezoeker niet naar je website te lokken.Verspreid je inhoud op plaatsen die albezoekers hebben.
    • RSS‣ Really Simple Syndication‣ Geïnteresseerden krijgen updates‣ Zoekrobots zijn hier gek op
    • API‣ Application Programming Interface‣ Toegangspoort tot een website‣ Data toevoegen en/of data afhalen
    • Social Media plugins‣ Makkelijk te integreren‣ 1 klik‣ “Mond-aan-mond”
    • 8consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie
    • 4. Snelheid
    • Wat volgt is de hoeveelheid tijd die eenbezoeker wil spenderen om uit te zoeken hoeeen website werkt:
    • 0
    • Bezoekers hebben geen geduld‣ Snel laden (technisch)‣ Focus (inhoud)‣ Scanbaar (structuur)
    • Korte quiz
    • 8consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie
    • 5. Inhoud
    • Vers en fris!
    • “A website is like underwear.Refresh every day.”
    • Publiceer op regelmatige basis‣ Kies relevante onderwerpen‣ Nieuws‣ SEO vs. bezoeker
    • Hou statische inhoud vers‣ Schrap pagina’s die niet bezocht worden‣ Kijk af en toe of inhoud nog up-to-date is‣ SEO vs. bezoeker
    • Publiceren, updaten, ...Iedere keer langs IT-dienst of webbouwer?
    • CMS‣ Content Management System‣ De motor van de website‣ Makkelijk zélf inhoud bewerken‣ SEO!
    • Een CMS moet je toelaten om het dagelijksebeheer van je website onafhankelijk en zondertechnische kennis uit te voeren.
    • 8consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie
    • 6. Toegankelijkheid
    • Bouw een toegankelijke website‣ Gebruiksvriendelijk‣ Cross-browser, cross-platform‣ Anysurfer‣ Google‣ Facebook
    • Gebruiksvriendelijk‣ User Centered Design‣ Gebruikerstest
    • Cross-browser, cross-platform‣ Windows, Mac OS (Apple), Linux‣ IE, Firefox, Safari, Chrome, Opera‣ Webstandaarden‣ iPad & smartphone!
    • Anysurfer‣ Kwaliteitslabel‣ Website toegankelijk voor iedereen, ook voor mensen met een functiebeperking
    • Google‣ Grootste bron van traffiek‣ SEO!
    • Facebook‣ ‘Like’ + Open Graph‣ Zoekmachine
    • 8consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie
    • 7. Technologie
    • Er zal altijd nieuwe technologie zijn‣ Flash‣ Ajax‣ HTML 5‣ Video
    • Technologie mag geen drijfveer zijn.Denk na over de waarde.
    • 8consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie
    • 8. Interactie
    • Laat bezoekers participeren‣ Poll, testjes, ...‣ Feedback mechanismen‣ Reacties plaatsen, forum‣ Zelf inhoud toevoegen
    • + interactie met het merk verhoogd+ ‘gratis’ input voor web en print+ workload webredactie verminderd+ rijke data over voorkeuren van leden
    • 8consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie
    • En het grafisch ontwerp?
    • Een goed ontwerp valt niet op.Het staat ten dienste van de inhoud.
    • En social media?Wat daarmee?
    • 9consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie social
    • 9. Social
    • Het web gisteren‣ Website is een doorgeefluik voor info‣ Digitaal magazine
    • Het web vandaag‣ Een website (ver)bindt mensen‣ Web = mensen
    • Mensen converseren
    • Social Media‣ Conversaties initiëren‣ Conversaties voeden‣ Conversaties opvolgen‣ Enorme (marketing) waarde
    • Tips‣ Lanceer liever vandaag dan morgen‣ Niet alles ineens, kleine stappen‣ Meet, evalueer, stuur bij
    • VRAGEN?
    • twitter.com/bram_ www.netlash.com
    • Trafiek
    • Built it and they will come
    • Built it and they will come
    • Trafiek‣ SEO - SEA‣ Affiliate Marketing‣ E-mail Marketing‣ Social Media Marketing
    • SEO - SEA‣ Search Engine Optimization‣ Search Engine Advertising
    • Affiliate marketing‣ Juiste advertentie op de juiste website‣ CPC (cost per click)‣ pay-for-performance (TradeTracker Belgium)
    • E-mail Marketing‣ Nieuwsbrieven & direct mailings‣ Statistieken!‣ CRM met klantenprofielen
    • Social Media Marketing‣ Conversaties initiëren‣ Conversaties opvolgen
    • twitter.com/bram_ www.netlash.com