Media en creativiteit. Herfst jaar vier Werkcollege 2

Vergelijkbare documenten
# d3d3d3. Living Atlas. Opdracht. gebied tussen interactie- en visueel ontwerp. Thijs Bos - Master Design - WdKA

DE EERSTE STAP NAAR EEN ONVERGETELIJKE GEBRUIKERSERVARING

Media en creativiteit. Herfst jaar vier Werkcollege 4

Modulewijzer Media en Creativiteit CMD jaar 4 herfst 2008 Scriptievaardigheden I

In hoeverre wordt er bij het ontwerp van websites rekening gehouden met esthetiek in de huidige multi-screen world?

Online Trust. Informatie-uitwisseling Opdracht

Tonen van nieuwe visie. Goeie start?

Home Opleiding Onderwijsprogramma Organisatie Stages en projecten. Zoek

Web Usability. Byte seminar, 23 november Door: Gwyneth Ouwehand

Media en Onderzoek. Herfst Werkcollege 1

Usability. Les 3 jaar 2. Ontwerp doelstellingen en randvoorwaarden

DFI Models & Processes Herkansingsklas 1 (V207) Nienke Griffioen [REDESIGN RTL GEMIST.NL DFI OPDRACHT]

Media en creativiteit. Herfst jaar vier Werkcollege 3

Hoe ziet de toekomst van de Flat design trend eruit?

Media en creativiteit. Winter jaar vier Werkcollege 7

Usability Engineering en User Experience 2012/2013

Gebruiksvriendelijkheid. Introductie. Onderwerpen Student Informatiekunde Universiteit Utrecht. Webdesigner Piozum

ANOUK ROUMANS TO CODE OR NOT TO CODE.

Usability & Interface Design

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

Game Usability. Les 3 jaar 2. Ontwerp doelstellingen en randvoorwaarden

Beinvloeding van glossylezers door middel van persuasive design.

Analytisch denken Het oplossen van problemen door vragen te ontleden in kleinere delen, verbanden leggen en logische conclusies trekken.

# d3d3d3. Living Atlas. Opdracht. gebied tussen interactie- en visueel ontwerp. Thijs Bos - Master Design - WdKA

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

Media en creativiteit. Herfst jaar vier Werkcollege 8

Deze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn?

Media en creativiteit. Winter jaar vier Werkcollege 5

Major Design This! Me and My. Guillaume May Studentnummer: Klas: 4A

VISUELE INTEGRATIE ORDE IN DE CHAOS. Bron: pixnio.com

Th!nk mobile. Op Zig logisch. Menno Ouweneel Marketingmanager. Twitter: mouweneel Skype: menno_ouweneel

Plan van aanpak, 17 september 2014

is front-end kennis relevant voor een UX designer

STARTVERSLAG STUDENT - LOTTE VAN DER SCHOOT // COÖRDINATOR - INGE SCHAREMAN // STAGEBEGELEIDING - CYNTHIA BOOM & KEVIN KARS

onderzoek ontwerp realisatie implementatie

Vormgeving Werkgroep 04! Gebruik van een grid en interactie. Bron: smashingmagazine.com, image credit: Kristian Bjornard

Van persona s en scenario s naar wireframes. Lay-out met grid

Cookie verklaring Breman. Mei breman.nl

Plan van aanpak. Project WNF. CMD Neelke Laarakker Laura Hellegers

Blokopdracht Contentstrategie

Grote Beer TR Rotterdam

Proeftentamenvragen UE&UX Utrecht, 20 juni Disclaimer

Usability. Ontwerp processen. Interaction Design Les 1. in relatie tot

Modulewijzer Media en Onderzoek CDM jaar 4 CDMMEO Herfst / winter 2010 / Media en onderzoek

CiM: Design Research Re(de)fining Mobile Interactions

Agenda. About Mediamatic Mediamatic voor Naturalis Vormgeving Techniek Netwerk Community Naturalis fysiek virtueel

SAMEN OP REIS NAAR EEN 9+ KLANTBELEVING

Positieve Technologie. Saskia Kelders, Universiteit Twente

Van concept naar een klikbaar prototype

Seductive Interaction Design - Stephen P. anderson Creating playful, fun, and effective user experiences. Frens Pries

V2 assessments rooster B. 14 februari 2012 A.W.M. Feleus. gaan testen en kunnen jullie ook zi welk team. Tags: Internationalisering

Tap is the New Click Werkgroep 2

User Centred Development. UCD Werkcollege blok 1 week 3

Een gebruiksvriendelijk dashboard voor leerlingen en docenten

UWV Informatieavond Dinsdag 17 januari 2017

Wat is Interaction Design?

Plateau 0: Basis op orde

Leer ze omgaan met onzekerheid. Nils de Witte - StudentsInc

HvA CMD 2012/13 Afstudeerproject Onderzoeksvoorstel"

Uitkomst Online Trust

Informatievaardigheden

RULES RELEASE EVENTS. Mavim. Rules 7 Rules 8 Rules 9. Rules 2008

Modulewijzer Media en Creativiteit CMD jaar 4 Medmec10 winter 2008/2009 Scriptievaardigheden II

Inhoudsopgave 3 INHOUDSOPGAVE

Performance Scan UWV.nl en Werk.nl in opdracht van FNV

Nieuwe dimensies in gebruikerservaring en design

Usability van een Webshop. Maartje de Vries & Ellen Schuurink UE 2016

USER EXPERIENCE ONDERZOEK Gastcollege 9 maart 2015

Training en workshops

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren.

User Centered Design en CRO. Gastcollege Windesheim Marlies Wilms Floet

Spotify HOE MAAKT SPOTIFY GEBRUIK VAN PERSUASIVE DESIGN, EMOTIONAL DESIGN & NUDGING? MARJOLEIN VOGEL MS302E

Interaction Design for the Semantic Web

Experience? Gidsenwerking in de beleveniseconomie

Screen Design Puntgave Pixels

Marketing - les02. Kwartaal 01 - Customer Understanding. Docent: Jeff Simons jeffsimons.

Richtlijnen voor het ontwerpen een Intranetportal Door Bas Fockens

A-merk websites. voor extra online power

Research for Design. Communication and Multimedia Design Amsterdam - Research for Design- B1 HC7 requirements

Handleiding (voor student) beroepsproducten en toetsing Periode 1 en 2 Communicatie Deeltijd

Taco Schallenberg Acorel

INHOUDSOPGAVE Gezamenlijk in één dag a Rough Guide to CSR schrijven

Hoe weet je of een app betrouwbaar is?

INTERACTION DESIGN (IxD) STICHTING INFORMATICA-ACTIEF: PIETER VORSTENBOSCH, PAUL BERGERVOET

In hoeverre wordt er bij het ontwerp van websites Rekening gehouden met esthetiek in de huidige multi-screen world?

QUIZ. anders ONVOLDOENDE. Werkgroep 2. Marketing

Technologie en Interactie 3.2: software architectuur

*usable product* Eerste regel van usability? Luister niet naar je gebruikers 1/10/2010

Afstudeerplan. versie februari Jordy Spruijt CMD4B Hogeschool Rotterdam Graduation at Designdealer, Germany

Beoordeling van het PWS

Nieuwe Dingen Doen: projecten voor échte opdrachtgevers. Kjell van der Giessen Nieuwe Dingen Doen

DIGITAL PRODUCT DESIGNER

Vormgeving Briefing One page love. De opdracht: One page love

Motion Design DES Opdracht 01: het creëren van een 2D motion graphic Versie voor docenten v Introductie: doel en omschrijving

Evert Bal UX Design, Strategy & Prototyping

Eigen werk in beeld brengen Plaats en functie in de organisatie

Online marketing 3.0. Scheveningen, 13 november 2013

WORKSHOP 02. Typography is what language looks like Ellen Lupton. Vormgeving CMD P Nicole Frank

Transcriptie:

Media en creativiteit Herfst jaar vier Werkcollege 2

Lesoverzicht herfst Les 1: Rol theorie binnen CMD Les 2: Verband theorie en praktijk Les 3: Schrijfvaardigheid I Les 4: Bronvermelding en plagiaat Les 5: Schrijfvaardigheid II: feedback tekst Les 6: Kennisgebied I Les 7: Tussentijdse feedback eindopdracht (facultatief) Les 8: Kennisgebied II: i.r.t. onderzoeksvraag

Agenda Relatie theorie en afstudeerproject Hoe breng je theorie met de praktijk in verband? Voorbeeld operationalisering van de vraagstelling aan de hand van Emotional Design van D. Norman Opdracht

Doelstelling afstudeerproject Je kunt beargumenteerd een ontwerp/concept formuleren Beargumenteerd: maak gebruik van theorie Ontwerp/concept: betreft je multimedia product (onderdeel afstudeerproject)

Voorbeeld onderzoeksmodel Onderzoeksvraag: Wat zijn de voordelen van de toepassing van emotional design in het ontwerp van websites? Evaluerende vraagstelling Onderzoeksvraag operationaliseren Wat zijn de voordelen van de toepassing van emotional design voor www.careforkids.endemol.nl? Wat is emotional design? Welke ontwerpelementen bepalen emotional design? Wat zijn de voordelen van applicaties die gemaakt zijn volgens de principes van emotional design? Hoe manifesteren deze voordelen zich in www.careforkids.endemol.nl?

Emotional design Why we love (or hate) everyday things Donald A. Norman

Visceral level het tastbare niveau intuïtief niveau vorm Behavioral level het functionele niveau Gebruikersniveau functionaliteit Reflective level de reflectieve laag beschouwelijk niveau ervaring Emotional design

Visceral level Tastbare laag Roept onbewuste gevoelens op, een eerste reactie, onderbuik gevoelens. Verschijningsvorm, het tastbare en zichtbare gedeelte Kleuren en vormen spelen een belangrijke rol Graphic User Interface Visuele aspect speelt in op het visceral level

Behavioral level De gedragslaag Gedrag van het product Hoe werkt het, wat is zijn functie? Gedrag van de gebruiker met product en omgeving Interactie met het product. Usability: Efficiëntie, effectiviteit en het genoegen van gebruikersgemak Functionaliteit van een website

Reflective level Reflectie laag Niet het product zelf is belangrijk maar de relatie met het product Wat zegt het product (bewust of onbewust) over de gebruiker? Mate van verpersoonlijking / vereenzelviging met het product Hoe sluit het product aan bij de belevingswereld van de gebruiker?

Uitwerking theorie Norman Leg een relatie met andere onderzoeken

Viscerale niveau en esthetiek Twee soorten perceptie van gebruikers mbt esthetiek van websites: 1. Klassieke esthetiek Helder Geordend Aangenaam Symmetrisch Esthetisch 2. Expressieve esthetiek Origineel Verfijnd Fascinerend Creatief Special effects Bron: T. Lavie & N. Tractinsky, 2003

Behavioral niveau en geloofwaardigheid Geloofwaardigheid van website is afhankelijk van: navigatie, werkflow & usability Maak een site die de zogenaamde real world feel van bedrijf uitdrukken Maak de websites makkelijk in gebruik Geef duidelijke aanwijzingen van expertise Geef duidelijke verwijzingen van geloofwaardigheid Personaliseer de gebruikerservaring Vermijd een overdaad aan commerciële elementen Vermijd amateurisme en kleine overkomelijkheden (bv typefouten) Bron: B.J. Fogg, 2003

Reflective niveau en verleiding Verleiding is in drie fasen onder te verdelen Verleiding Relatie Vervulling Een product moet (voor de gebruiker): Verleiden door onderscheidend te zijn Verrassend door zijn nieuwigheid Verder gaan dan de (gebruikelijke) behoeftes en verwachtingen Een instinctieve emotionele reactie ontlokken Aansluiten op de persoonlijke doelen Beloftes doen om deze wensen te vervullen Leidt tot een grotere ontdekking dan verwacht Kleine beloftes vervullen Bron: J. Khaslavsky & N. Shedroff, 1999

Opdracht Onderzoek de website: www.careforkids.endemol.nl Analyseer: Viscerale level Esthetiek Klassiek Expressief Behavioral level usability & credibility Reflective level Verleiding Relatie Vervulling

Literatuur Donald A. Norman (2004). Emotional Design: Why we love (or hate) everyday things. Basic Books, New York, New York. Talia Laviea, Noam Tractinsky (2003). Assessing dimensions of perceived visual aesthetics of web sites. http://www.ise.bgu.ac.il/faculty/noam/papers/04_tl_nt_ijhcs.pdf (geraadpleegd 2/1/2008) B.J. Fogg, H. Tseng (1999). The elements of computer credibility. http://captology.stanford.edu/pdf/p80-fogg.pdf (geraadpleegd 2/1/2008) B.J. Fogg, J. Marshall, O. Laraki, A. Osipovich, C. Varma, N. Fang, J. Paul, A. Rangnekar, J. Shon, P. Swani, M. Treinen (2001). What makes web sites credible? A report on a large quantitive study. http://captology.stanford.edu/pdf/p61-fogg.pdf (geraadpleegd 2/1/2008) J. Khaslavsky, N. Shedroff (1999). Understanding the Seductive Experience. http://captology.stanford.edu/key_concepts/papers/cacmseduction.pdf (geraadpleegd (2/1/2008) http://www.turpijn.net/pages/files/proefscriptie.pdf (geraadpleegd 5/1/2008)