Les 2 Design isn t art
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
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.
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
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
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
VORMGEVING: Druk: Vooral véél: er is hier veel te halen, 2 grote foto s, veel thumbnails, veel keuzes/buttons Vrij veel tekst
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
VORMGEVING Chique uitstraling, heel overzichtelijk, eenvoudige interface, mooie fotografie, beknopte tekst
Vormgeving in relatie tot verschillende doelgroepen
Hoe kun je mensen groeperen?
[opdracht] [ individueel] [ tijdsduur 15-30 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!
http://www.youtube.com/watch?v=rqdvobio5vk Face Hannibal Murdock BA
Charlotte Carrie Miranda Samantha
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
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!!
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
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
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
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!
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
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
Filmpje kijken: http://www.zkho.nl/mbti/
Spontane bezoeker: Competitieve bezoeker: Humanistische bezoeker : Methodische bezoeker:
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
Spontane bezoeker: Competitieve bezoeker: Humanistische bezoeker : Methodische bezoeker:
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
Spontane bezoeker: Competitieve bezoeker: Humanistische bezoeker : Methodische bezoeker:
Spontane bezoeker: Competitieve bezoeker: Humanistische bezoeker : Methodische bezoeker:? Banner vlugge flappen duidelijke koppen korte inleidende teksten uitstraling: serieus, betrouwbaar veelgestelde vragen, sitemap, lees verder
[opdracht] 5 groepjes: ieder een site Benoem de elementen die je herkent voor de 4 MBTI types
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. http://www.humanmetrics.com/cgi-win/jtypes2.asp Doe hier zelf de test!
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.
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