tussentijdse presentatie
TRANSCRIPT
![Page 1: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/1.jpg)
Masterstudio
Play&Game: New Media Kristof Ronsse
donderdag 6 december 2012
![Page 2: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/2.jpg)
Social Interaction DesignUser interfaces
&
Game mechanics
donderdag 6 december 2012
![Page 3: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/3.jpg)
User interfaces‘Everything’ is getting
mobile
donderdag 6 december 2012
![Page 4: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/4.jpg)
OS Apple Mountain Lion
donderdag 6 december 2012
![Page 5: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/5.jpg)
donderdag 6 december 2012
![Page 6: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/6.jpg)
OS Windows 8
donderdag 6 december 2012
![Page 7: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/7.jpg)
donderdag 6 december 2012
![Page 8: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/8.jpg)
donderdag 6 december 2012
![Page 9: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/9.jpg)
Mobiele devices de oorsprong van deze verandering?
donderdag 6 december 2012
![Page 10: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/10.jpg)
Ongetwijfeld
“Apple, meanwhile, is wisely bringing user experience themes from iOS to its own bloated over-achievement, Mac OS X.”
Mobiele devices de oorsprong van deze verandering?
- Web Apps on Windows: Internet Explorer 9 vs. Chrome -
donderdag 6 december 2012
![Page 11: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/11.jpg)
Windows
donderdag 6 december 2012
![Page 12: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/12.jpg)
Apple
donderdag 6 december 2012
![Page 13: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/13.jpg)
Steeds meer mensen surfen op mobiele devices
Aangename ervaring met het device zelf
Intuïtief
Innovatief
Gebruiksvriendelijk
…
Statistieken/ondervindingen mobiele devices
donderdag 6 december 2012
![Page 14: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/14.jpg)
Designing ‘mobile’ interfacesfor desktop
donderdag 6 december 2012
![Page 15: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/15.jpg)
Wat is een mobiele interface voor mij
Simpliciteit/eenvoud
Focus op functie/efficiëntie
Intuïtieve/gebruiksvriendelijke interface
Overzichtelijk/esthetisch
Gebruik van buttons
…
donderdag 6 december 2012
![Page 16: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/16.jpg)
Internet explorer 10
donderdag 6 december 2012
![Page 17: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/17.jpg)
‘Internet Explorer is slowly, slightly, but significantly changing the Web.’
donderdag 6 december 2012
![Page 18: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/18.jpg)
BBC beta versie
donderdag 6 december 2012
![Page 19: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/19.jpg)
Webapps
donderdag 6 december 2012
![Page 20: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/20.jpg)
Wat zijn webapps?
‘Web‘ In een browser (Chrome)
‘apps‘ Programma’s
Niet nodig te installeren ‘toevoegen aan chrome’-button
Dynamische pagina’s die touch bestuurbaar zijn Niet allemaal even gebruiksvriendelijk of nog steeds een gewone desktoppagina
Nieuwe manier van desktop web-interface design
Gelijkaardig met webapps voor mobiele dragers
donderdag 6 december 2012
![Page 21: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/21.jpg)
‘Een web applicatie is een applicatie welke gebruik maakt van het web en (web) browser technologieën voor het
volbrengen van één of meerdere taken over een netwerk, voornamelijk door/in een (web) browser.’
donderdag 6 december 2012
![Page 22: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/22.jpg)
https://www.youtube.com/watch?v=jB5KFJULahs
donderdag 6 december 2012
![Page 23: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/23.jpg)
Clicker
ButtonsIntuïtiefAangename navigatie
donderdag 6 december 2012
![Page 24: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/24.jpg)
Blokken (Windows)EenvoudigFocus op functie
donderdag 6 december 2012
![Page 25: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/25.jpg)
Conclusie webapps
Mobiele interface
Komen minimalistisch over
Laser focus Focus op functie
Context gevoelige navigatie (hover) Voordeel
…
donderdag 6 december 2012
![Page 26: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/26.jpg)
Game mechanicsIn social interaction design
donderdag 6 december 2012
![Page 27: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/27.jpg)
Wat zijn game mechanics in SxD
Heeft voornamelijk te maken met motivatieVoor een netwerk met studenten dus geen overbodige luxe
In SxD gaat het om:Verzamelen: Overzichten, vrienden, complimentenPunten: Volgers,abonnees,…Feedback: Hoe compleet je profiel is (systeem zelf (seelio)) Uitwisselingen: Complimenten fungeren als uitwisselingen (interactie)Aanpassing & personalisatie: Profiel informatie (portfolio)
Kijken in welke mate ik deze kan toepassen in mijn project
donderdag 6 december 2012
![Page 28: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/28.jpg)
Gelijkaardige netwerken ivm mijn masterproject
donderdag 6 december 2012
![Page 29: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/29.jpg)
StudentShow
donderdag 6 december 2012
![Page 30: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/30.jpg)
Skillshare
donderdag 6 december 2012
![Page 31: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/31.jpg)
So.cl
donderdag 6 december 2012
![Page 32: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/32.jpg)
Seelio
donderdag 6 december 2012
![Page 33: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/33.jpg)
Creativeskills
donderdag 6 december 2012
![Page 34: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/34.jpg)
Wat is de bedoeling
Redesign maken van één van deze netwerken
Integreren van mobiele elementen
Kijken in welke mate ik game mechanics kan toepassen
Webapps verder blijven onderzoeken
donderdag 6 december 2012
![Page 35: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/35.jpg)
Onderzoeksvraag
Hoe kan ik een sociaal netwerk interactief en aantrekkelijk maken, waarbij ik rekening houd met de interfaces van
webapps en game mechanics voor SxD?
donderdag 6 december 2012
![Page 36: Tussentijdse presentatie](https://reader036.vdocuments.us/reader036/viewer/2022081401/55868821d8b42a34108b4770/html5/thumbnails/36.jpg)
Bilton Nick, Desktop computers look more and more like smartphones, op: http://bits.blogs.nytimes.com/2012/06/13/thankfully-desktop-computers-start-to-look-more-like-smartphones/
Hachman Mark, IE10 is incrementally changing the direction of the web, op:http://readwrite.com/2012/11/13/ie10-changing-the-direction-of-the-web
Kim Peter, Applying game mechanics to social media, op:http://www.beingpeterkim.com/2008/07/applying-game-m.html
Remick Jarel, what is a web app? Here’s our defenition op: http://web.appstorm.net/general/opinion/what-is-a-web-app-heres-our-definition/
Thurrott Paul, Web Apps on Windows: Internet Explorer 9 vs. Chrome, op: http://winsupersite.com/windows-7/web-apps-windows-internet-explorer-9-vs-chrome
Bronnen
donderdag 6 december 2012