(Graphical) User Interfaces

This blog has moved

2010-03-08T19:48:00.001+01:00

This blog is now located at http://gui-archief.blogspot.com/.
You will be automatically redirected in 30 seconds, or you may click here.

For feed subscribers, please update your feed subscriptions to
http://www.onwijsonderwijs.nl/gui/atom.xml.

Fotos schetsen

2008-09-29T13:36:00.004+02:00

Een tijdje geleden schreef ik al over een tooltje waarmee je Flickr foto's bij een bepaalde kleur kon zoeken. Op het weblog van René van der Burgt kwam ik de website Retrievr tegen die nog een stap verder gaat.

Op de site van Retrievr kun je namelijk foto's zoeken door een schets te maken. Bij deze schets zoekt Retrievr vervolgens op Flickr de foto die hier het beste bij past. Een mooi concept zoekmachine waar je erg mooie resultaten krijgt.

Helaas werkt het zoeken op foto's nog niet helemaal vlekkeloos. Als ik namelijk het volgende plaatje probeer te zoeken:

Dan komt Retreivr met de volgende foto's terug

Nu vind ik ook dat de schets die ik gemaakt heb niet zo heel erg foto realistisch is. En ik kan begrijpen dat het moeilijk is om een foto met veel details op basis van een ruwe schets terug te vinden. Maar ik dat toch wel verwacht dat deze foto op basis van de kleuren en vormen wel gevonden zou worden.

Hoewel deze zoekmachine nog niet helemaal goed werkt, denk ik dat hier zeker wel toekomst in zit. Misschien dat wij over 10 jaar als deze techniek verbeterd is naast het standaard invulveld ook wel een tekenveld in onze zoekmachines tegen komen...

Swype toetsenbord

2008-09-12T08:51:00.003+02:00

Op verschillende weblogs ben ik vandaag berichten tegengekomen over Swype.

Swype is een nieuwe techniek die gebruikt kan worden om sneller woorden op een tochscreen in te voeren met je hand of een stylus (pennetje)> Het programma werkt door met je vinger of de stylus een patroon over het scherm te vegen.
Willem Karssenberg heeft het filmpje dat ook op de officiële Swype site staat even geannoteerd en op youtube gezet. Dit kun je hieronder bekijken om een indruk te krijgen van de mogelijkheden van Swype.

In de reacties op het weblog van Willem, vraagt Pierre Gorissen zich af of werken met Swype wel zo veel handiger is dan de stylus en tekstherkenning van zijn Qtek.

Ik weet niet of het echt veel makkelijker zal werken dan de manier waarop Pierre nu gewend is om woorden op zijn Qtek in te typen. Maar ik wel denk dat dit te vergelijken is met de T9 functionaliteit op veel telefoons. Veel mensen hebben hier moeite mee, maar kunnen als ze hier eenmaal aan gewend zijn veel sneller mee typen dan zonder.

Misschien dat dit voor jou en voor mij niet zo heel erg veel uitmaakt. Wij typen niet zo heel erg veel, maar ik kan me voorstellen dat dit voor mensen die meer moeten typen. B.v. secretaresses, jounalisten oid wel handig kan zijn.

Ik heb ook het vermoeden dat deze manier van typen of schrijven op een touschscreen veel handiger is dan met een stylus. En kan me voorstellen dat deze manier van invoeren dan over een aantal jaar (als touchscreens meer ingezet worden) wel erg succesvol kan zijn.

Nintendo Wii-mote hacks 2

2008-09-01T09:40:00.003+02:00

Een tijdje geleden schreef ik al over verschillende Wii-mote hacks. De afgelopen tijd ben ik nog een aantal leuke hacks in mijn rss-reader tegen gekomen.

Wii-grafity
Op Gizmodo stond een leuk bericht over de Wii-spray.
De wii-spray is een in een spuitbus gemonteerde Wii-mote die op een smartboard gebruikt kan worden als spuitbus. Een fantastische manier om een virtuele grafity muur te maken. Deze toepassing is bedacht door de Duitser Martin Lihs, die dit als afstudeerproject gebruikt. Een fantastische toepassing, waarvan ik verwacht dat we nog wel eens meer gaan horen en zien.

Op het weblog van ZB digitaal heeft Edwin Mijnsbergen overigens ook al een interessant bericht over de Wii-spray geschreven.

Wii-infrared-guided-missile-launcher
Op Gizmodo stond ook een niet zo heel erg functionele, maar wel heel erg leuke manier om je Wii-mote en USB missile launch station (wie heeft deze nu niet staan) te combineren tot een infrared-guided-missile-launcher die automatisch raketten afschiet op alle infrarood lichtbronnen in de buurt.
Wil je er zelf een maken, dan kun je op de website van instructables de stap voor stap handleiding vinden!

Wii-afstandsbediening
Op lifehacker word uitgelegd hoe je met behulp van je de Wii-mote als afstandsbediening voor je mediacentrum kunt gebruiken.
Een leuke en goedkope manier om je eigen afstandsbediening in elkaar te zetten natuurlijk!

Auto besturen met je hoofd

2008-08-20T11:17:00.002+02:00

Op het weblog van Raoul Teeuwen kwam ik het volgende interessante bericht tegen over een met je hoofd bestuurbare auto. Dit is echt een geweldig voorbeeld van een gebruiksvriendelijke en intuïtieve user interface.

Deze radiografische bestuurbare auto heeft een camera die draadloos is verbonden met een speciale video bril. In deze bril zitten weer sensoren die registreren welke bewegingen het hoofd maakt en deze bewegingen door stuurt naar de afstandsbediening van de auto. De afstandsbediening stuurt deze gegevens weer door naar de auto, die vervolgens de camera op de auto en de auto zelf in beweging zet.

In de video hieronder zie je hoe indrukwekkend dit er uit ziet.

Wil je zelf ook met deze auto en user interface spelen, dan kun je deze via Red5 bestellen. Een waarschuwing is wel op zijn plaats want deze gadget is echt niet goedkoop.

Foto's bij kleuren zoeken

2008-08-18T16:39:00.002+02:00

Op Flickr zijn een hoop mooie foto's te vinden die onder een Creative Commons (CC) licentie vrijgegeven zijn en dus gratis te gebruiken zijn voor je eigen projecten. Binnen Flickr kun je natuurlijk foto's zoeken door gebruik te maken van de beschrijving die foto's hebben of de tags die aan foto's zijn toegekend. Via een bericht op het weblog van downloadsquad kwam ik een leuke andere Flickr zoekmachine tegen.

Multicolr Search Lab is een website waar je Flickr foto's kunt zoeken op kleur. Het werkt heel erg simpel. Selecteer 3 kleuren en de zoekmachine van Multicolr Search Lab zoekt op Flickr naar de foto's waar deze kleuren het meest in terug komen.

Helaas wordt er door de zoekmachine van Multicolr Search Lab geen onderscheid gemaakt tussen foto's met copyright en foto's waarop een CC licentie van toepassing is en zul je dit eerst zelf moeten controleren. Maar toch een tool die het bekijken zeker waard is.

Weet iemand misschien of een dergelijke tool ook beschikbaar is om foto's op je eigen harde schijf op kleur te doorzoeken?

Wii-board hacks

2008-08-18T16:16:00.004+02:00

Ik blogde een paar dagen geleden als over de mogelijkheden om creatief gebruik te maken van de wii-mote.

Naast de Wii-mote heeft Nintendo een tijdje geleden ook het Wii-balance-board uitgebracht. Dit is een soort skateboard met verschillende sensoren die kunnen registreren op welk gebied van het skateboard kracht uitgeoefend wordt. Deze gegevens worden vervolgens net zoals de gegeven die van de Wii-mote af komen gebruikt om de Nintendoe Wii te bedienen.

Ook voor het Wii-balance-board zijn een aantal leuke hacks te vinden waardoor deze ook voor ander user interfaces te gebruiken zijn. Zoals de onderstaande filmpjes ook laten zien:

Het Wii-balance-board om door Google Earth te surfen

Het Wii-balance-board als afstandsbediening voor een robot

Nintendo Wii-mote hacks

2008-08-15T15:52:00.004+02:00

De Wii-mote is de controller van de Nintendo Wii spelcomputer. De belangrijkste functionaliteit van de Wii-mote is de mogelijkheid om via beweginssensoren bewegingen te registreren en deze te gebruiken om de Nintendo Wii spelcomputer te bedienen.

Persoonlijk denk ik dat de mogelijkheden van de Wii-mote ervoor verantwoordelijk zijn dat de Nintendo Wii zo'n groot succes is geworden. Dit blijkt ook wel nu ook Asus heeft aangegeven met hun eigen versie van de Wii-mote voor de PC te komen (zie dit weblogbericht van een paar dagen terug).

Voor de Wii-mote zijn ook al verschillende leuke zogenaamde hacks bedacht die het mogelijk maken om de Wii-mote ook te gebruiken op de PC.

De bekendste Wii-mote hacks zijn de Wii-mote projecten van Johnny Chung Lee (promovendi op Carnegie Mellon University van de afdeling Human-Computer Interaction Institute). Zijn twee meest interessante projecten (het Wii-mote whiteboard en de Wii-mote headtracking opstelling) heeft Johnny tijdens TED 2008 een interessante presentatie gegeven welke hieronder te bekijken is.

Een uitgebreidere uitleg van de werking Wii-mote hacks en hoe je deze zelf kunt toepassen is na te lezen op de speciale project pagina van Johnny.

Naast de projecten van Johnny zijn er online nog een hoop andere leuke Wii-mote hacks te vinden. Gebruik hiervoor maar eens de zoekterm "Wii-mote hacks" in Google of op YouTube.

Persoonlijk spreekt mij het idee van Djing (bedienen van audio apparatuur door een DJ mbv een Wii-mote) me ook wel erg aan. Zie een uitleg hiervan in het onderstaande filmpje.

.

Op dit moment zijn het over het algemeen nog maar amateurprojecten. Maar nu ook Asus hier tools voor uit aan het brengen is, kan het toch niet lang meer duren voordat deze toepassingen mainstream gaan worden...

GUI van papier

2008-08-08T12:24:00.004+02:00

Op het weblog van Job Bilsen kwam ik het volgende filmpje van een GUI demonstratie tegen. Een mooi voorbeeld wat laat zien hoe je heel simpel GUI kunt ontwerpen en demonstreren zonder ook maar een computer te hoeven aanraken.

Deze manier van GUI's ontwerpen heet Paper prototyping en wordt volgens het lemma op Wikipedia wel vaker gebruikt bij het ontwerpen van GUI's. Op Youtube zijn inderdaad ook meer leuke voorbeelden te vinden als je zoekt op de term "Paper prototyping".

Volgens mij een erg leuke en vooral simpele manier om een ontwerp van een GUI te maken, te presenteren en te testen.

Asus Eee-Stick

2008-08-07T14:37:00.003+02:00

In een bericht op Tweakers lees ik dat Asus eergisteren officieel hun Eee stick heeft geïntroduceerd.

De Eee stick bestaat uit 2 controllers met trilfunctie en bewegingssensors en is dmv een draadloze verbinding via een usb dongle met de computer verbonden. Door gebruik te maken van de bewegingssensors heeft de Eee-stick drie verschillende functionaliteiten:

De 3D-mode waarin alle bewegingen met de controller over de verschillende assen vertaald worden naar bewegingen in de computer.
De point-mode die gebruikt kan worden om met de controller punten op het scherm aan te wijzen.
En de tilt-mode waar door de controller te bewegen, bewegingen vooruit, achteruit, links en rechts doorgegeven worden.

De Eee-stick lijkt dus erg veel op de Nintendo Wii-mote die gebruikt word om de Nintendo Wii te besturen. Waarschijnlijk heeft Asus het idee voor de Eee Stick hier ook vandaan. Dat Asus de Eee Stick speciaal voor het spelen van games heeft ontwikkeld blijkt ook wel als je de beschrijving van de hierboven genoemde functionaliteiten op de officiële site leest. Bij iedere functionaliteit wordt namelijk aangegeven hoe deze binnen verschillende soorten games gebruikt zou kunnen worden.

Persoonlijk zie ik wel meer mogelijkheden voor de Eee stick. Zo zie ik deze controller in de toekomst nog wel eens gebruikt worden om 3D objecten in 3D programma's en virtuele werelden te manipuleren. Persoonlijk zou ik deze controler in de toekomst nog wel eens willen gebruiken bij het maken van een 3D model in Google's Sketshup.

Heeft iemand misschien nog leuke andere toepassingen voor de Asus Eee Stick?

Kleuren ipv nummers

2008-08-07T08:30:00.004+02:00

Veel bibliotheken in Nederland maken gebruik van zogenaamde SISO-codes om hun boeken op volgorde in de kast te zetten (op leren.nl staat een duidelijke uitleg van dit systeem). Als een gebruiker een boek zoekt, dan moet deze in een catalogus op zoek naar het SISO nummer wat bij dit boek hoort en vervolgens in de kast op zoek naar dit SISO nummer om het boek te vinden.

Dit systeem heeft nogal wat nadelen. Een van de grootste nadelen is dat het best een tijdrovende klus is om de boeken nadat ze uitgeleend zijn weer op de juiste plaats terug te zetten.

Via het weblog "Tame the web" werd ik gisteren gewezen op een ontwerpproject van Valerie Madill mbt de bibliotheek. In plaats van alleen gebruik te maken van nummers om boeken te ordenen, heeft zij ook gebruik gemaakt van verschillende kleuren.

Een erg leuk voorbeeld dat duidelijk laat zien hoe je binnen een User Interface gebruik kunt maken van verschillende kleuren.

Één spelletje spelen met 600 man

2008-08-06T14:38:00.006+02:00

Randy Pausch is het afgelopen jaar bekend geworden vanwege zijn inspirerende college "levenslessen". Dit college gaf hij vlak nadat hij te horen had gekregen dat hij ongeneselijk ziek was. Een inspirerend college, dat ik (iedereen die dit nog niet heeft gezien) zeker kan aanraden.

Naast Randy's laatste college, zijn ook een aantal andere colleges van hem opgenomen en online te bekijken. Vooral het college "The Interdisciplinary Challenge of Entertainment Technology" dat hij in 1999 gaf is voor iedereen die geïnteresseerd is in User Interfaces wel interessant.
Zo wordt in dit college b.v. een User Interface van het bekende spel Pong gepresenteerd welke door 600 mensen tegelijkertijd bediend word. Aan het eind van het college legt Randy nog even kort uit hoe deze user interface nu werkt en dat dit eigenlijk heel simpel was.

Ik ben zo vrij geweest om de stukjes over het spelletje Pong en de uitleg hiervan even uit het college te knippen en online te zetten. Hieronder kun je de samenvatting hiervan zien. Maar het is natuurlijk veel interessanter om het hele college te bekijken!

Ik vraag me af deze interface makkelijk zelf na te maken is met een simpele webcam? Weet iemand hier misschien een tooltje voor?

De toekomstige interface is van karton

2008-08-06T09:23:00.002+02:00

Dit blogbericht is eerder geplaatst op mijn Bibliotheek 2.0 Ning weblog

Een Multitouch scherm is een computer interface waarbij je door met je vingers over een scherm heen gaat een computer kunt bedienen. Dit is te vergelijken met het touchpad van een laptop, maar dan met veel meer mogelijkheden

Ik voorspel dat in de toekomst multitouch schermen steeds vaker ingezet zullen worden als bediening van informatiepunten in de openbare ruimtes.

Dat we hier waarschijnlijk niet lang meer op hoeven te wachten illustreert het volgende filmpje ook wel. Met een webcam, kartonnen doos, papiertje, plakband en een oud foto lijstje kun je er namelijk zelf al een maken. Het filmpje en de instructies hiervoor staan al online.

Ik kan niet wachten tot ik via een multitouch scherm op een visuele manier door de catalogus kan bladeren. Ik ben benieuwd hoe deze er uit zal komen te zien. Iemand ideeën?

Één handig toetsenbord

2008-08-06T09:03:00.003+02:00

Als je maar een hand vrij hebt en toch gegevens in moet voeren, dan kan de Clove 2 een handige tool zijn. De Clove 2 is een een handschoen waarin een bluetooth toetsenbord is ingebouwd.

Door bewegingen met je handen te maken kun je het toetsenbord bedienen en met één hand teksten typen. Maar een goed ontworpen software pakket kan natuurlijk ook acties aan toetsenbord aanslagen koppelen waardoor de Clove 2 ook voor andere zaken gebruikt kan worden!

Een duidelijke uitleg van de werking van de Clove 2 is in het onderstaande filmpje te zien. Mocht je zelf een Clove 2 willen maken, dan kun je op deze website de bouwbeschrijving vinden.

Hoe herkenbaar

2008-08-05T20:04:00.003+02:00

Binnen de mediatheek waar ik werk maken wij gebruik van het programma LBS4. Dit is zeker geen programma wat door Apple of Google ontworpen is. De volgende cartoon is dan helaas ook erg herkenbaar...

Hello GUI world

2008-08-05T20:02:00.003+02:00

Omdat ik de laatste tijd steeds meer berichten over User Interfaces in mijn RSS-feeds tegen kom die ik wel erg interessant vind. Heb ik besloten om deze maar eens te gaan verzamelen in een weblog.