Les 4 prototype

• Dienstverlening en Producten
• Middelbare school
• vmbo k
• Leerjaar 3

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

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

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

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.

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.

Template

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

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.

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.

De webpagina’s kun je verdelen in

 drie secties:

header
body

footer

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

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.

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

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?

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

Taak 4 -Opdracht 3

Uitleg opdracht Menustructuur PowerPoint

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

Huiswerk:

Gemaakt en af:

* Logo digitaal ingeleverd

* menustructuur getekend