Doelen van een website

Onderdeel 2 Website
Onderdelen die hier behandeld worden:
1. Doelen van de website
2. Contentstijlen
3. Website-usability
4. Websites op meerdere devices
5.Apps

1 / 17
suivant
Slide 1: Diapositive
Marketing & CommunicatieMBOStudiejaar 4

Cette leçon contient 17 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 60 min

Éléments de cette leçon

Onderdeel 2 Website
Onderdelen die hier behandeld worden:
1. Doelen van de website
2. Contentstijlen
3. Website-usability
4. Websites op meerdere devices
5.Apps

Slide 1 - Diapositive

Doelen van een website
Een goede website is zo ingericht dat deze een bepaald doel kan behalen.

Om je conversie (percentage bezoekers dat tot actie overgaat) te verhogen, moet je eerst vaststellen wat voor soort bedrijfswebsite je hebt.
Kijk voor meer informatie eens op: 
https://www.isource.nl/welk-soort-bedrijfswebsite/ (of zoek in Google even op 7 bedrijfswebsites)


Slide 2 - Diapositive

Welke soorten websites zijn er?

Slide 3 - Carte mentale

Slide 4 - Diapositive

Contentstijlen
Bij de verschillende types websites passen verschillende schrijfstijlen. Als je iets wilt verkopen, gebruik je een andere schrijfstijl dan wanneer je wilt informeren. Een verkoop tekst is vaak persoonlijker en minder formeel dan een informatieve tekst. 

Kijk ook eens hier: 
https//:www.copydogs.nl/de-4-schrijfstijlen-die-elke-tekstschrijver-moet-beheersen/

Slide 5 - Diapositive

Contentstijlen
Bij de verschillende types websites passen verschillende schrijfstijlen. Als je iets wilt verkopen, gebruik je een andere schrijfstijl dan wanneer je wilt informeren. Een verkoop tekst is vaak persoonlijker en minder formeel dan een informatieve tekst. 

Kijk ook eens hier: 
https//:www.copydogs.nl/de-4-schrijfstijlen-die-elke-tekstschrijver-moet-beheersen/

Slide 6 - Diapositive

Contentstijlen
Bij de verschillende types websites passen verschillende schrijfstijlen. Als je iets wilt verkopen, gebruik je een andere schrijfstijl dan wanneer je wilt informeren. Een verkoop tekst is vaak persoonlijker en minder formeel dan een informatieve tekst. 

Kijk ook eens hier: 
https//:www.copydogs.nl/de-4-schrijfstijlen-die-elke-tekstschrijver-moet-beheersen/

Slide 7 - Diapositive

Waar moet een pakkende titel aan voldoen?

Slide 8 - Carte mentale

5. Tips voor een pakkende titel

1. Hoe, wat en waarom verwerken

2. Gebruik lijstjes met getallen 

3. Doe een aantrekkelijke belofte

4. Maak het makkelijk

5. Liever stellend dan vragend.

Voor meer tips: https://www.blogkracht.nl/pakkende-titel/
Voorbeeld

1. Hoe schrijf je een pakkende titel

2. De 5 gevaren van een mobiele telefoon. 

3. Verlies 5 kilo in  een week!

4. 10 simpele tips om meer bezoekers te krijgen op je site
5. Wil jij snel rijk worden?

Slide 9 - Diapositive

Het belang van een goede foto
1. De impact van een foto is enorm
2. Een foto werkt sneller
3. Een foto heeft voorkeur boven tekst
4. Een foto blijft langer hangen
5. Blog altijd met foto's
6. Gebruik foto's met de juiste emoties
7. Gebruik niet alleen maar of teveel foto's
8. Gebruik geen bij elkaar "gegoogelde" foto's

Slide 10 - Diapositive

Usability
Usability betekent gebruiksgemak. Als een bezoeker op de website gemakkelijk kan vinden wat hij zoekt, is de usability goed. Als dat niet zo is, is de usability niet goed. Het is dus belangrijk om je bij het ontwerpen van een site in de bezoeker te verplaatsen.

Slide 11 - Diapositive

Hoe kan de usability gecontroleerd worden?
Door te kijken naar:

- de hyperlinks
- de on-page navigatie
- de website-inhoud (teksten, afbeeldingen en meer)
- design, typografie, lay-out en opmaak

Uitgebreide checklist met toelichting vinden jullie op SPL.




Slide 12 - Diapositive

Websites op meerdere devices
Responsive webontwerp: wordt er optimaal gebruik gemaakt van de beschikbare ruimte zonder dat de leesbaarheid daaronder lijdt. Het ontwerp reageert op de ruimte van het scherm of venster en past zich automatisch aan omdat de grids flexibel zijn. 

Het nadeel: een langere laadtijd omdat de template continu moet berekenen hoe breed het weergavescherm is en welke content opgehaald moet worden.

 


Slide 13 - Diapositive

Adaptive webdesign
Adaptive webdesign: zorgt ervoor dat de functionaliteit van de website zich automatisch aanpast aan het schermformaat, locatie en tijdstip. Afhankelijk vanaf welk apparaat de site wordt geopend, wordt de daarbij aansluitende template opgehaald.

Voordeel: de website laadt snel op alle apparaten. 


Slide 14 - Diapositive

Mobile first design
Het is een designstrategie die uitgaat van de mobiele gebruiker bij het ontwerp van een nieuwe website. Er wordt dus eerst ontworpen voor het kleinste schermpje om dit vervolgens om te zetten naar een design voor de grotere schermen, zoals een tablet en een laptop.

Slide 15 - Diapositive

Apps

Slide 16 - Diapositive

Apps
Native apps- > specifiek voor Android en iOS, snelle werking, verkrijgbaar in Appstore of Playstor
Hybride app -> voor meerdere besturingssystemen beschikbaar, ook verkrijgbaar via o.a. app store, playstore, soms klein stukje performance verlies t.o.v .native app.
Progressive web apps -> eigenlijk is dit geen app maar een website die je als app op je telefoon installeert. Minder functies zoals niet altijd mogelijkheid tot push notificatie. Geen update omdat via website verloopt en deze automatisch aanpast.

Slide 17 - Diapositive