Les 4 prototype

Welkom 
12.20 -12.25
Startactiviteit
12.25 - 12.35
Planning en lesdoelen doornemen
12.35 - 13.00
Theorie LessonUp
13.00 - 13.45
PowerPoint opdracht 
13.45 - 13.50
Inleveren en opruimen
13.50 - 13.55
Huiswerk opgeven
13.55
Einde van de les
timer
7:00
Startopdracht:
Lees tekstbron Onderdelen van een website 

Afspraken:
Waarschuwing? Je naam op het bord, daarna weer? Je verlaat het lokaal naar de opvangklas en komt de les dubbel inhalen
1 / 15
next
Slide 1: Slide
Dienstverlening en ProductenMiddelbare schoolvmbo kLeerjaar 3

This lesson contains 15 slides, with text slides.

time-iconLesson duration is: 100 min

Items in this lesson

Welkom 
12.20 -12.25
Startactiviteit
12.25 - 12.35
Planning en lesdoelen doornemen
12.35 - 13.00
Theorie LessonUp
13.00 - 13.45
PowerPoint opdracht 
13.45 - 13.50
Inleveren en opruimen
13.50 - 13.55
Huiswerk opgeven
13.55
Einde van de les
timer
7:00
Startopdracht:
Lees tekstbron Onderdelen van een website 

Afspraken:
Waarschuwing? Je naam op het bord, daarna weer? Je verlaat het lokaal naar de opvangklas en komt de les dubbel inhalen

Slide 1 - Slide

Leerdoelen
Je leert:

  1. een header, sidebar en een footer herkennen
  2. een webshop lay-out herkennen
  3. hoe je een prototype van een webshop maakt
  4. hoe je een pop-up herkent en kunt toepassen
  5. welke vormen van navigatie er zijn

Slide 2 - Slide

Lay Out
  • Het ontwerp of vormgeving van een webshop  
  • De bezoeker beslist in enkele seconden of de website interessant is 
  • De webshop moet hem dus snel naar de juiste informatie leiden.
     Dit doe je met een goede navigatie. Deze zorgt ervoor dat een bezoeker gemakkelijk door de webshop gaat. 
  • Zorg dan ook dat je lay-out bestaat uit korte stukjes tekst en mooi beeldmateriaal.




Slide 3 - Slide

Vertrouwen
 De belangrijke informatie goed zichtbaar in je webshop te plaatsen. 
De bezoeker wil weten:

  • waar jouw webshop gevestigd is
  • welke mensen er achter de webshop zitten
  • hoe de betaling en verzending is geregeld
  • hoe er met persoonlijke gegevens wordt omgegaan
  • De bezoeker wil alleen zijn gegevens achterlaten als hij zeker weet dat het een veilige omgeving is. Hij moet erop kunnen vertrouwen dat alles goed geregeld is.

Slide 4 - Slide

Template

Een kant-en-klaar design. Een pagina die al een bepaalde vorm heeft.

Slide 5 - Slide

Voor- en nadelen
Nadeel:
Het is duur. Je kunt het design voor je eigen webshop niet mooi genoeg vinden

Voordeel:
Dit bespaart tijd. Je hebt weinig kennis nodig van het ontwerpen van een webshop.

Slide 6 - Slide

Homepage
Alle websites of webshops beginnen met een startpagina ook wel homepage of portal genoemd.
Deze pagina is de etalage van je webshop en het visitekaartje. Het is belangrijk dat deze pagina er professioneel en betrouwbaar uitziet.

Slide 7 - Slide

De webpagina’s kun je verdelen in
 drie secties:

header
body
footer

Afhankelijk van de layout kun je hier ook nog sidebars aan toevoegen.

Slide 8 - Slide

Menustructuur
De menustructuur van een webshop bepaalt de manier waarop een bezoeker de webshop kan bekijken. Bezoekers van een webshop zijn vaak ergens naar op zoek. Dit moeten ze snel kunnen vinden. Bij het ontwikkelen van een webshop is het daarom belangrijk dat je een gebruiksvriendelijke navigatiestructuur maakt.

Slide 9 - Slide

POP UP
Een pop-up is een klein venster dat verschijnt boven op de webpagina. Pop-ups worden vaak gebruikt om een aanbieding te laten zien of een cookie te melden of een chatfunctie aan te bieden of andere meldingen te doen.

Veel gebruikers vinden pop-ups storend

Slide 10 - Slide

Prototype
Een eerste schets of versie.
  • de pagina’s die er moeten zijn
  • de achtergrondkleur of afbeelding
  • de plaats waar de tekst komt
  • het lettertype en de lettergrootte
  • de plaats van de afbeeldingen
  • de positie van de navigatie.

Probeer je in te leven in je bezoeker. Hoe ervaart een bezoeker het als hij een website bezoekt of bij webshop een bestelling plaatst?

Slide 11 - Slide

Redirecten/Forwarden
Dit betekent dat je de bezoeker automatisch doorstuurt naar een andere pagina.

Een webshop onder een nieuwe domeinnaam en je wilt je oude klanten behouden

Slide 12 - Slide

Taak 4 -Opdracht 3

Uitleg opdracht Menustructuur PowerPoint

Slide 13 - Slide

Aan de slag
1: je maakt je werk in de online omgeving tot en met taak 3
2: je logo digitaal
3: Een menustructuur getekend

Slide 14 - Slide

Huiswerk:
Gemaakt en af:

* Logo digitaal ingeleverd
* menustructuur getekend

Slide 15 - Slide