Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

Les 2: 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 / 15
volgende
Slide 1: Tekstslide
Marketing & CommunicatieMBOStudiejaar 4

In deze les zitten 15 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 60 min

Onderdelen in deze les

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 - Tekstslide

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 - Tekstslide

Welke soorten websites zijn er?

Slide 3 - Woordweb

Slide 4 - Tekstslide

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 - Tekstslide

Waar moet een pakkende titel aan voldoen?

Slide 6 - Woordweb

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 7 - Tekstslide

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 8 - Tekstslide

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 9 - Tekstslide

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 10 - Tekstslide

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 11 - Tekstslide

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 12 - Tekstslide

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 13 - Tekstslide

Apps

Slide 14 - Tekstslide

Apps
Native apps- > specifiek voor Android en iOS, snelle werking, verkrijgbaar in Appstore of Playstore
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 15 - Tekstslide