poldox web poldox web /24

Transcriptie

1 poldoxweb poldoxweb /24

2 poldox website 1. presentatie research -> breder dan onderwerp film 2. achtergrondinformatie film taakverdeling - de hele groep denkt na over de website - de hele groep schrijft content voor de website - één of twee ontwerpen de website - ik bouw (evt. samen) poldoxweb /24

3 werkwijze - lessen Photoshop - nadenken over de inhoud van de website - nadenken over structuur -> boomdiagram - nadenken over interactie ontwerp -> schets indeling website - nadenken over grafisch ontwerp -> moodboard - website ontwerpen in Photoshop - ontwerp als Photoshopbestand aanleveren voor de bouw tijdsplanning - zie rooster poldoxweb /24

4 website technisch -> geheel van webpaginabestanden geprogrameerd in HTML (hypertextual markup language) server verzoek om een website te bekijken website webpaginabestanden - afbeeldingen - stylesheet-bestanden - flashbestanden - videobestanden - enz.. gebruiker poldoxweb /24

5 browsers - Internet Explorer - Safari - Firefox - Google Chrome - Opera browsers interpreteren html-codes en geven een visuele weergave (renderen) probleem voor websitemakers -> browsers interpreteren soms anders poldoxweb /24

6 webdesign poldoxweb /24

7 design -> communiceren, informatie overbrengen, tot actie bewegen webdesign -> extra moeilijk - websurfers hebben vaak een specifiek doel (op zoek) - websurfers zijn ongeduldig om doel te bereiken (scannen ipv lezen) - websurfers zijn lui (niet te veel nadenken) - websurfers zijn actief ipv passief poldoxweb /24

8 implicaties ontwerp website - bezoekers vertrouwen geven op de juiste plek te zijn - HOU HET SIMPEL! (keep it simple stupid!) -> complexiteit schrikt af -> geen afleidende extra s -> bezoekers niet laten zoeken conventies in design - makkelijk voor bezoeker - makkelijk voor jezelf poldoxweb /24

9 logo/titel linksboven poldoxweb /24

10 strapline/tagline -> in een paar woorden waar de website over gaat poldoxweb /24

11 navigatie aan de linkerkant aan de bovenkant vanaf links poldoxweb /24

12 typografie -> zwarte tekst op witte achtergrond -> blauwe links -> koppen groter dan gewone tekst -> tekst in kolommen poldoxweb /24

13 conventies vs. originaliteit? conventies - veilig - duidelijk - saai? <-> originaliteit - verrassend - avontuurlijk - onduidelijk? poldoxweb /24

14 structuur - zorg voor een heldere en simpele structuur - zorg dat de structuur goed zichtbaar is poldoxweb /24

15 structuur laten zien via de navigatie poldoxweb /24

16 navigatie - geeft structuur van de website aan - geeft de bezoeker een idee waar hij/zij zich bevind - geeft de bezoeker een idee waar hij/zij heen kan gaan - stelt de bezoeker in staat om ergens anders heen te gaan goede labels de lading dekken <-> niet te algemeen poldoxweb /24

17 structuur laten zien via tekstopmaak - koppen groter dan gewone tekst - subkoppen kleiner dan overkoepelende koppen - meer witruimte tussen onderdelen die niet bij elkaar horen poldoxweb /24

18 stuur de ogen wat moeten gebruikers opmerken? - grootte van tekst/object - omringende witruimte - kleur - contrast - beweging - nabijheid poldoxweb /24

19 als alles opvallend gemaakt wordt, valt niets meer op poldoxweb /24

20 teksten - probeer het kort te houden - belangrijkste eerst - in een alinea - in een zin - van generiek naar specifiek - geen overbodige teksten (welkom op onze pagina...) - aandacht opwekkende koppen poldoxweb /24

21 grafische vormgeving de juiste look & feel -> bezoekers vertrouwen geven op de juiste plek te zijn zakelijk, speels, wetenschappelijk, vernieuwend, behoudend, betrokken,... met behulp van - vormen (organisch/strak) - beelden/foto s - kleuren (licht/donker, fel/flets) - lettertypen modern klassiek journalistiek speels/onprofessioneel poldoxweb /24

22 voorgaande jaren poldox poldoxweb /24

23 Denk de komende weken samen na over jullie website - wat komt er op? - hoe wil je het ordenen / wat is de structuur? - wat komt waar? - wat willen jullie uitstralen? - wie doet wat? Plannen - beschrijving plannen in tekst (max. 1 A4) - structuur van de website (boomdiagram) - eventuele schetsen (op papier of digitaal) - moodboard (op papier of digitaal) poldoxweb /24

24 Vóór woensdag 18 april > plannen voor de website opsturen naar: & Donderdag 19 april (CREA 3.21) -> plannen toelichten / laten zien poldoxweb /24