Les 2. Design isn t art

Transcriptie

1 Les 2 Design isn t art

2 Les 2 Design isn t art If you can t use it, it s probably art! Art has to move you and design does not, unless it s a good design for a bus David Hockney Designers always flirt with art Hella Jongerius

3 Huiswerk vorige les : Kies een bepaald doel uit waarom mensen een website bezoeken.bv: ik wil iets kopen, ik wil iets leren ik wil informatie ik zoek bevestiging ik wil contact ( gegevens of formulier) ik wil fun/vermaak/entertainment ik zoek iets ik heb behoefte aan sociaal contact ik wil weten hoe ik iets moet doen (instructie) Zoek daar een website bij. Beschrijf welke vormgeefelementen dat ondersteunen.

4 Waarom kom ik op deze website? Ik wil iets kopen, ik wil de nieuwste folder met aanbiedingen zien, ik wil contact met de klantenservice, ik wil iets zelf ontwerpen, ik wil een verzekering afsluiten, ik wil me opgeven voor de nieuwsbrief

5 VORMGEVING: Overzichtelijk: menu bovenin met niet teveel keuzes 2 kleine en 1 grote visual die de aandacht trekt door animatie Sitemap voor snel zoeken Niet druk, grote kleurvlakken- geen patronen, heldere primaire kleuren

6 Waarom kom ik op deze website? Ik wil op de hoogte zijn van het laatste nieuws van amsterdam, ik wil een nieuwsartikel lezen of een filmpje bekijken, ik wil naar de livestream kijken enz

7 VORMGEVING: Druk: Vooral véél: er is hier veel te halen, 2 grote foto s, veel thumbnails, veel keuzes/buttons Vrij veel tekst

8 Waarom kom ik op deze website? Ik wil meer weten over deze winkel,wat ze allemaal doen, bevestiging dat het een goede zaak is, ik zoek contactgegevens

9 VORMGEVING Chique uitstraling, heel overzichtelijk, eenvoudige interface, mooie fotografie, beknopte tekst

10 Vormgeving in relatie tot verschillende doelgroepen

11

12 Hoe kun je mensen groeperen?

13 [opdracht] [ individueel] [ tijdsduur min] Maak 3 visuele groeperingen van je klas Je mag zelf bedenken waar je op groepeert. (bv leeftijd, sexe, ras, kleding type, haarkleur, schoenmaat) >> bij voorkeur niet voor de hand liggend. >> zorg dat het er visueel aantrekkelijk uitziet!

14

15

16

17

18

19

20 Face Hannibal Murdock BA

21

22 Charlotte Carrie Miranda Samantha

23

24 De Competitieve bezoeker ( snel en rationeel) What s in it for me? - Beslist snel en direct op basis van feiten - Waarom is dit de juiste site voor mij? Wil overtuigd worden dat hij hier op de beste plek is - Is de site geloofwaardig? - Hoe kan ik mijn doel bereiken? - Gevaar: je bent deze bezoeker snel kwijt

25 De Competitieve bezoeker ( snel en rationeel) What s in it for me? - Beslist snel en direct op basis van feiten - Waarom is dit de juiste site voor mij? Wil overtuigd worden dat hij hier op de beste plek is - Is de site geloofwaardig? - Hoe kan ik mijn doel bereiken? - Gevaar: je bent deze bezoeker snel kwijt mindere geneigd tot lezen Liever geen onnodige informatie informatie bieden zonder dat ze hoeven te scrollen > actie buttons!!! Start here > slogan die samenvat wat de kern van de zaak is > testimonials > pers voorlichting > bewijsmateriaal!!

26 De Spontane bezoeker ( snel en emotioneel) Dat is handig -Beslist snel op basis van emotie in seconden! -Impuls aankoper - laat zich niet leiden door feiten maar door gevoel - wil graag een product/site naar eigen wensen kunnen aanpassen - vindt goede service belangrijk - Gevoelig voor aanbiedingen en acties

27 De Spontane bezoeker ( snel en emotioneel) Dat is handig -Beslist snel op basis van emotie in seconden! -Impuls aankoper - laat zich niet leiden door feiten maar door gevoel - wil graag een product/site naar eigen wensen kunnen aanpassen - vindt goede service belangrijk - Gevoelig voor aanbiedingen en acties Gevaar: je bent deze bezoeker snel kwijt > mindere geneigd tot lezen informatie bieden zonder dat ze hoeven te scrollen Gevoelig voor woorden als FREE - GRATIS PROBEER NU Duidelijke buttons Korte opsomming van voordelen! Zorg dat ze zichzelf herkennen door mensen die op hun lijken te tonen Snel en eenvoudige interface

28 De humanistische bezoeker ( langzaam en emotioneel) doen anderen het ook? -Beslist langzaam op basis van emotie -Ervaringen van anderen zijn belangrijk -Kan ik je vertrouwen? -Wie gebruiken dit product allemaal? -Wil weten wie het bedrijf achter een website is

29 De humanistische bezoeker ( langzaam en emotioneel) doen anderen het ook? -Beslist langzaam op basis van emotie -Ervaringen van anderen zijn belangrijk -Kan ik je vertrouwen? -Wie gebruiken dit product allemaal? -Wil weten wie het bedrijf achter een website is wel scrollen wel teksten lezen > is gevoelig voor visuele elementen ( logo, stijl, sfeer, video) > houdt van menselijke kant ( gezichten!) Een verhaal met emotie spreekt hem aan testimonials!

30 De methodische bezoeker ( langzaam en rationeel) wat doen jullie dan allemaal? - beslist langzaam op basis van feiten - is benieuwd naar de achtergronden - gaat niet over één nacht ijs! -Maakt bewuste, weloverwogen keuzes -Wil graag bewijzen zien -Wil graag garanties -Haalt het onderste uit de kan ( leest zelfs de algemene voorwaarden) -Feiten feiten feiten liefst met bronvermelding

31 De methodische bezoeker ( langzaam en rationeel) wat doen jullie dan allemaal? - beslist langzaam op basis van feiten - is benieuwd naar de achtergronden - gaat niet over één nacht ijs! -Maakt bewuste, weloverwogen keuzes -Wil graag bewijzen zien -Wil graag garanties -Haalt het onderste uit de kan ( leest zelfs de algemene voorwaarden) -Feiten feiten feiten liefst met bronvermelding wel scrollen wel teksten lezen met veel feiten en info Deze bezoeker moet je gerust stellen en achtergrondinformatie geven Veel voorbeelden geven Leg het traject of proces uit

32 Filmpje kijken:

33 Spontane bezoeker: Competitieve bezoeker: Humanistische bezoeker : Methodische bezoeker:

34 Spontane bezoeker: Competitieve bezoeker: Humanistische bezoeker : Methodische bezoeker: grote buttons, eenvoudige interface actie buttons ontwerp het zelf, grote aandachttrekkende animatie, menselijke figuren de sitemap onderaan, bekijk de folder

35 Spontane bezoeker: Competitieve bezoeker: Humanistische bezoeker : Methodische bezoeker:

36 Spontane bezoeker: Competitieve bezoeker: Humanistische bezoeker : Methodische bezoeker: grote buttons, eenvoudige interface koop nu uw ticket! Bezoek het museum korte tekst grote detail van schilderij/gezicht lees meer buttons

37 Spontane bezoeker: Competitieve bezoeker: Humanistische bezoeker : Methodische bezoeker:

38 Spontane bezoeker: Competitieve bezoeker: Humanistische bezoeker : Methodische bezoeker:? Banner vlugge flappen duidelijke koppen korte inleidende teksten uitstraling: serieus, betrouwbaar veelgestelde vragen, sitemap, lees verder

39 [opdracht] 5 groepjes: ieder een site Benoem de elementen die je herkent voor de 4 MBTI types

40

41

42

43

44

45 MBTI The Meyer Briggs Type Indicator Indeling van mensen in 4 types naar voorkeuren De originele test kent 16 verschillende types. Door psycholoog David Keirsey vereenvoudigd in 4 types. Doe hier zelf de test!

46

47 Opdracht: De citroen! Maak 4 ontwerpen voor een homepage van een website die gaat over de citroen maar ze moeten qua uitstraling en doel heel anders zijn: 1. Focus : de citroen is een eeuwenoude geneeskrachtige vrucht! Doelgroep focus: Humanistische bezoeker 2. Focus: de citroen is een heel nuttige vrucht Doelgroep focus: Methodische bezoeker 3. Focus: de Citroen is een heel lekkere vrucht Doelgroep focus: Spontane bezoeker 4 Focus: de Citroen is een goedkope vrucht Doelgroep focus: Competitieve bezoeker Let op: Je mag fotografie en illustraties gebruiken. Je hoeft niet met technische beperkingen rekening te houden Per ontwerp een korte toelichting over waarom je denkt een bepaalde soort bezoeker met je ontwerp te kunnen bekoren Doel: men moet binnen 10 sec kunnen zien welke focus op het ontwerp ligt.

48 Gebruik een schermgrootte van 1024 x 768 pixels en hou rekening met browser randen. Sla op als een jpg. VID_T1_01a_voorletter_achternaam.jpg VID_T1_01b_voorletter_achternaam.jpg VID_T1_01c_voorletter_achternaam.jpg VID_T1_01d_voorletter_achternaam.jpg VID_T1_voorletter_achternaam.doc Bv VID_T1_01d_a_pesch.jpg Toetscriteria - Lukt het mij en/of een collega student om binnen 10 sec te zien welke van de 4 ontwerpen /sferen je hier voor je ziet? - Heb je een goede tekstuele onderbouwing erbij? (waarom heb je het zo gedaan) - Zien je ontwerpen er verzorgd /af/smakelijk/rijk uit? - orginaliteit