Embed Size (px)
Citation preview
Masterstudio
Play&Game: New Media Kristof Ronsse
donderdag 6 december 2012
Social Interaction DesignUser interfaces
&
Game mechanics
donderdag 6 december 2012
User interfaces‘Everything’ is getting
mobile
donderdag 6 december 2012
OS Apple Mountain Lion
donderdag 6 december 2012
donderdag 6 december 2012
OS Windows 8
donderdag 6 december 2012
donderdag 6 december 2012
donderdag 6 december 2012
Mobiele devices de oorsprong van deze verandering?
donderdag 6 december 2012
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
Windows
donderdag 6 december 2012
Apple
donderdag 6 december 2012
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
Designing ‘mobile’ interfacesfor desktop
donderdag 6 december 2012
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
Internet explorer 10
donderdag 6 december 2012
‘Internet Explorer is slowly, slightly, but significantly changing the Web.’
donderdag 6 december 2012
BBC beta versie
donderdag 6 december 2012
Webapps
donderdag 6 december 2012
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
‘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
https://www.youtube.com/watch?v=jB5KFJULahs
donderdag 6 december 2012
Clicker
ButtonsIntuïtiefAangename navigatie
donderdag 6 december 2012
Blokken (Windows)EenvoudigFocus op functie
donderdag 6 december 2012
Conclusie webapps
Mobiele interface
Komen minimalistisch over
Laser focus Focus op functie
Context gevoelige navigatie (hover) Voordeel
…
donderdag 6 december 2012
Game mechanicsIn social interaction design
donderdag 6 december 2012
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
Gelijkaardige netwerken ivm mijn masterproject
donderdag 6 december 2012
StudentShow
donderdag 6 december 2012
Skillshare
donderdag 6 december 2012
So.cl
donderdag 6 december 2012
Seelio
donderdag 6 december 2012
Creativeskills
donderdag 6 december 2012
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
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
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
