CROSS0910/4 A Kiss
From Wiki
Contents |
A Kiss / social interface
Introductie
Michael van Schaik/restruct.org, WDKA Crosslabs 2010
Les-wiki: http://loud.nl/wiki/
Looptijd: 5 lesweken (presentatie/vakbeoordeling 25 juni)
uitwerking: duo's van 2
vorm: ontwerpen & screenshots
Relevante begrippen: User generated content, monetizing, folksonomy, tagging, co-creatie,
social networks, social network services, participatory design, walled gardens, crowdsourcing, Web2.0
(aanvullend, niet te gebruiken voor de begrippenlijst:) Informatieontwerp, interfaceontwerp, interactieontwerp, informatie overload, ordeningsprincipes, mapping, data visualisation
We gebruiken allemaal het internet/Wereld Wijde Web, dus hebben al kennisgemaakt met het medium hypertext. Goed beschouwd maakt dit medium het mogelijk verbanden weer te geven in informatie (links). Sociale netwerksites zoals hyves.net maken het mogelijk verbanden weer te geven tussen (groepen) mensen. In dit project gaan we ons in een belangrijke ontwerperskwaliteit verder ontwikkelen, die van researcher. We gaan kritisch onderzoek doen naar 'Web2.0', sociale netwerksites (hyves/facebook/linkedin) in het bijzonder. Onderzoeken betekent dat het belangrijk is dat we nadenken over de criteria/vragen die we onszelf willen stellen. Wat willen we in kaart brengen? Voorbeelden van vragen kunnen zijn: hoe zijn relaties zichtbaar gemaakt; hoe worden mensen gestimuleerd om vrienden toe te voegen; wat is er verder te doen; wat is er zichtbaar/privé; wat kun je zelf instellen; wat vind je van de huidige interfaces; wat is de achterliggende structuur; wat zijn redenen/belangen die spelen; waarom werken de sites zoals ze werken?
OPDRACHT
We gaan nieuwe interfaces ontwerpen voor een social network naar keuze. Deze netwerken gaan over relaties tussen personen, hoe kunnen we interfaces ontwerpen die gebruiksvriendelijker zijn (grafisch/iconen) en meer inzicht geeft in deze relaties.
Stappenplan
- Zelf een planning maken(!), deze dien je als groep te mailen tijdens de eerste les, of uiterlijk voor 26 mei
- Inventariseren; welk netwerk, hoe werkt het, wat is de achterliggende structuur, welke dingen staan er op welke momenten in het scherm (hiervoor dien je dus 'deel te nemen' aan het netwerk, maak een account aan en bestudeer het als ontwerper. Onderzoek/analyseer jouw eigen online profiel op hyves; wat & hoe moet je instellen, hoe worden relaties zichtbaar gemaakt, hoe denk je dat er geld wordt verdient, wat mis je/is overbodig, vul zelf aan met relevante vragen. Als je geen hyves-profiel hebt, prima; maak er een aan (evt. met een tijdelijk e-mail adres/fake ID) en vertel je groep je verse ervaringen.
- Verwerk de inventarisatie tot een 'kaart'/'map' van jullie service, die duidelijk laat zien hoe het geheel in elkaar steekt.
- Onderzoek; Verdiep je in de betekenis van Web2.0 en de in de opdracht genoemde begrippen, bekijk enkele sociale netwerken en stel voor jezelf interessante eigenschappen op. Denk hierbij onder andere aan de gebieden:
- wie/wat/waar/hoe van de service (dit zou je vertellen als je de service aan iemand moest introduceren)
- wat is de verhaalstructuur/communicatiestructuur (mediastructuur)
- is de service vergelijkbaar met andere services? wat voegt het toe? wat is hieraan nieuw/revolutionair?
- sociale aspecten, hoe verbind de service mensen aan elkaar?
- participatie (deelname)
- wie genereerd content, hoe wordt hieraan geld verdiend?
- zijn er copyright-issues denkbaar?
- .................... (vul deze lijst aan!)
- Brainstorm; wat moet er beter/anders, wat zou je doen als alles kon?
- Keuze voor concept/insteek, beginnen aan het 'geinformeerde' ontwerp voor een nieuwe interface voor hyves; dit mag met de hand (tekenen/knippen-plakken) en/of (uiteindelijk) in illustrator/photoshop. Faseer het ontwerpproces en denk na hoe je de verschillenden onderdelen wilt verdelen tussen de groepsleden (bijvoorbeeld telkens allemaal een schets en de beste kiezen, of iedereen zijn/haar eigen onderdeel en dit telkens met elkaar bespreken)
- Concept is bepaald, minimaal 3 schetsen, kies hier met je groep de meest interessante uit. Presenteer deze eerste schets kort aan je medestudenten, van medestudenten wordt verwacht dat ze je een actieve houding aannemen. LET OP: we zijn hier in het creatieve proces, help je studenten verder met opbouwende argumenten, suggesties en adviezen; er is nog geen plek voor kritiek.
- Werk de gekozen schets verder uit naar weer 3 doorontwikkelde schetsvoorstellen
- Werk schetsen uit tot interfaceontwerp
- Denk aan testen & toetsen van aannames!
Deadlines
- 21 mei: Planning klaar
- 28 mei: Onderzoek presenteren
- 25 juni: Eindontwerp & Vakbeoordeling
Beoordelingscriteria
- 20%: actieve houding in onderzoek, samenwerking/sharing met klasgenoten
- 25%: aanwezigheid & deelname (inzet/motivatie) in lessen
- 25%: ontwikkeling inhoudelijk kritische houding
- 15%: formele kwaliteit getoond in uitwerking opdrachten (vormgevingskwaliteiten)
- 15%: communicatie/presentatie, halen deadlines
Referenties
Youtube
Wikipedia
- http://en.wikipedia.org/wiki/Social_network_services
- http://nl.wikipedia.org/wiki/Sociale_netwerksite
Geschiedenis Internet/Hypertext/WWW
We hebben het in de les gehad over enkele belangrijke internet-pioniers en hun beweegredenen. Deze lijs is verre van compleet, zowel qua tijdslijn, als qua personen.
- Vannevar Bush, schreef in 1945 het artikel 'As we may think', waarin hij de Memex machine uiteenzette (plaatje) als een manier om dwarsverbanden (associaties) aan te leggen tussen hiërarchisch geordende kennis.
- Ted Nelson publiceert als eerste de termen hypertext en hypermedia in 1963/1965. Hij begint zijn ideeën, geïnspireerd op de Memex, uit te werken als project Xanadu in sinds 1960 (vroege schets) (nog steeds niet klaar).
- Presentatie van oN-Line System door Doug Engelbart in 1968, waarin hij naast een van de eerste implementaties van hypertext, ook terloops de muis en sneltoetsen introduceert.
- Eerste WWW-server en browser door Tim Berners-Lee
- Introductie van Grafische Browser (Mosaic), alternatief voor eerdere tekst-gebaseerde browsers, vergelijkbaar met bijvoorbeeld de lynx browser
Toevoegingen
Als je interessante artikelen vindt, zet ze dan hierbij of mail ze naar mij zodat ik ze erbij kan zetten
