TDI V2 Anatomie van zoeken design patterns. Marije ten Brink Interaction design week 2 (36)

Transcriptie

1 TDI V2 Anatomie van zoeken design patterns Marije ten Brink Interaction design week 2 (36)

2 Hoe is het gegaan? met de collectie En: ʻSearch Patternsʼ in bezit?

3 Huishoudelijk x Niet eten in de les x Laptops dicht x Telefoons uit Maar: v Je mag 1x te laat komen v Drinken in de les mag wel v Onderbreken met vragen mag ook

4 Vorige week ʻZoekenʼ is één van de meest ingrijpende innovaties van onze tijd. Zoeken is een conversatie: een iteratief, interactief, sociaal en ʻmultisensoryʼ proces. Wij (ontwerpers) moeten verder gaan dan ʻvindbaarheidʼ en ʻhet leren stimulerenʼ.

5 Vorige week Anatomie van zoeken: users, interface, engine, content, creators Hoe maken we creators van users? Social objects: de gevonden objecten zijn zowel bestemming als tussenstation als onderwerp van conversatie

6 Vandaag College: Anatomie van zoeken: Design Patterns voor creators Bespreken voortgang opdracht ʻSocial objectsʼ Criteria, inleveren, beoordelen

7 Op zoek naar meer betekenis Hoe maken we creators van users?

8 Tagging Laat users hun eigen keywords toevoegen aan het object. Flickr

9

10

11 Wat levert tagging op voor ʻfindabilityʼ? tagcloud tags klikbaar tags zijn betekenisvolle zoekwoorden relaties tussen tags helpen het ʻlerenʼ

12

13 Vote, thumbs en stars Laat users hun waardering uitspreken over een object.

14 Thumbs up and down

15 Ratings *****

16 Wat leveren vote, thumbs en stars op voor ʻfindabilityʼ? ʻBestʼ first Top 10 navigatie (als lijstje of als categorie) Statistieken

17 Comments De start van een echte conversatie?

18 Review No pain no gain

19 Wat leveren comments en reviews op voor ʻfindabilityʼ? full text search Reviews: zie ʻstarsʼ Best reviewed first Statistieken

20 En meer Notes in foto Selecties maken (favorites) Crowdsourcing Kopen zolang je maar nadenkt over de extra, betekenisvolle content die de participatie van de user oplevert!

21 Vragen?

22 Flickr: User Model Diagram Contact: Bryce Glass Released under a Creative Commons license Attribution-NonCommercial-ShareAlike 2.5 eg eg eg eg eg eg eg eg 2 November, 2005 v0.3 eg Hulp bij de opdracht user model leave Post(s) author have Friends are chronologicallyarranged sequences of can be A Family Contacts Other Flickr Users can subscribe to selects her own can create or join Topic(s) Favorite(s) Flickr User discuss issues in may keep a can create or join have their own has uses Group(s) uses has one Organizr uploads Camera(s) is used to add photos to contribute photographs to a shared can be marked as a takes can be added to are saved, chronologically, into the user s may feature descriptive Set(s) capture Pool(s) Comment(s) Note(s) can be used to edit may be annotated w/ Photo(s) Tag(s) can be can be published to an external reflect a given subject s may describe a photo s may describe a photo s of a Public Photo(s) Private Photo(s) may not entirely reflect a subject s Content People might include Actions Me Swim Team can syndicate a specific Blog(s) can view provides a photo s The Internet Anyone Subject. Teens Jewish Places Objects Phoon Running Feed(s) XML is situated within a Context Culture might include Time Boat Dock Porch Dodge Viper Pine Cone are available in Atom format Photostream(s) Circumstances Physical Environment Geography 2005 Election Day RSS 2.0 format can subscribe to DUX Conference Hurricane Low-light Foggy Lat/Longitude Chicago brengt alle mogelijkheden (functionaliteiten) in kaart die de user heeft met jouw collectie

23

24 Scenario waarin de user iets ʻdoetʼ met je collectie, uitgewerkt in schermonderdelen. Minimaal: perfecte ʻwireframe moduleʼ Maximaal: visueel aantrekkelijk en consistent ontworpen schermonderdelen

25

26

27

28

29 Check online design/tips-en-trucks-ombeter-te-ontwerpen-en-tewireframen/ denk na voor je doet denk na over het totaal schets je ontwerpen werk belangrijke unieke pagina(onderdelen) uit gebruik ʻpatternsʼ

30 Pauze 10 minuten

31 Werk uploaden op blog: wp-admin/ wp-admin/ wp-admin/

32 Belangrijk: Zet je post in juiste categorie (je naam) Beschrijf ALTIJD je uitgangspunten voor je keuzes, kort en to-the-point, in de post Deadline voor toevoegen: de avond voor de presentatiedag vóór 24 uur.

33 Beoordeling TDI1 Iedereen plaatst werk op blog Jordy van de Aardweg Bram Fritz Michael Arts 1/3 deel van de groep presenteert in lesweek 3 Zie beoordelingsformulier ʻSocial objectsʼ Thom Hos Julien Kraakman Robin Mulder Opdrachtbeoordeling: o of v Eindbeoordeling: cijfer Herkansen start week 10 Tom Ruys Lindsey Vittali

34 Beoordeling TDI2 Iedereen plaatst werk op blog Vincent Bosch Robbert Duits Sylvia Gruijs 1/3 deel van de groep presenteert in lesweek 3 Zie beoordelingsformulier ʻSocial objectsʼ Sander Heling Antoine van der Lee Chris van Mook Opdrachtbeoordeling: o of v Eindbeoordeling: cijfer Herkansen start week 10 Marco Strijker Robert Vergouw Warren Yambao

35 Beoordeling TDI3 Lars van Braam Sebastian Conijn Wouter Duijts Iedereen plaatst werk op blog 1/3 deel van de groep presenteert in lesweek 3 Jeroen Hammann Ralph van Londen Wesley Ooi Zie beoordelingsformulier ʻSocial objectsʼ Tim Pistoor Chun-Yin Tang Arantes Whittie Opdrachtbeoordeling: o of v Eindbeoordeling: cijfer Herkansen start week 10 Rory Schwarzler

36 Volgende week 9 presentaties uitreiken opdracht 2 Huiswerk voor jullie: Opdracht 1 afmaken en plaatsen op de blog de avond vóór de presentatiedag vóór 24 uur. Eventueel: presentatie voorbereiden

37 Zoek-zoeker-zoekst Roadmap TDI-V2 2010/2011, Marije ten Brink, Interaction design, blok 1 4 INTRODUCTIE 4 O P D R A C H T 1 4 OPDRACHT 2 week 1 (35) week 2 (36) week 3 (37) week 4 (38) week 5 (39) C: Introductie W: Uitreiken opdracht 1 C: Anatomie van zoeken W: Werken aan opdracht 1 W: Presenteren opdracht 1 Uitreiken opdracht 2 C: Zoekgedrag W: Werken aan opdracht 2 W: Presenteren opdracht 2 Uitreiken opdracht 3 4 OPDRACHT 3 4 OPDRACHT OPDRACHT 4 4 AFSLUITING week 6 (40) week 7 (41) week 8 (42) herfstreces (43) week 10 (44) C: Gevonden! W: Werken aan opdracht 3 Uitreiken opdracht 4 (groepsopdracht) W: Presenteren opdracht 3 C: Toekomstscenario s W: Werken aan opdracht 4 W: Presenteren opdracht 4 (groepsopdracht) Opleveren digitaal portfolio Herfststop, roostervrij Cijfers bepalen Feedback en start herkansing C = College W = Werkgroep

38 Dat was het Succes! Tot volgende week