Model-based engineering of multi-platform, synchronous & collaborative UIsJean Vanderdonckt
The paper describes an engineering method for building user interfaces for ubiquitous environments. The method comprises of several extensions in the UsiXML family
of modes as well as design and runtime support so as to enable multi-platform, synchronous and collaborative interactions. We demonstrate key concepts of the method and their application by elaborating a scenario of collaborative co-play
of the ‘tic-tac-toe’ game. The specific use case features synchronous co-engagement in game play by remote users (players or observers) using desktop PCs or Android devices.
Showing User Interface Adaptivity by Animated TransitionsJean Vanderdonckt
In order to reduce the inevitable end user disruption and cognitive perturbation induced by adapting a graphical user interface, the results of the adaptation could be conveyed to the end user by animating a transition scenario showing the evolution from the user interface before adaptation to the user interface after adaptation. A transition scenario consists of a sequence of adaptation operations (e.g., set/change a property of a widget, replace a widget by another, resize a widget) belonging to a catalogue of operations defined as an Extended Backus-Naur Form grammar. Each transition operation has a range from a single widget (e.g., this “Ok” button) to a selection of widgets based on a selector mechanism (e.g., all validation widgets of this family of interfaces). A transition scenario is built either automatically by any adaptation algorithm or interactively by a specific editor for designers. An animator then executes the animation scenario by parsing each adaptation operation one by one or in a grouped mode and by rendering them by an animated transition on a user interface model. The type (e.g., wipe, box in, box out) and parameters (e.g., animation speed, pace, direction) of each animated transition have been selected based on usability guidelines for animation. A user study suggests that a transition scenario reinforces understandability and trust, while still suffering from lag.
Skola2.0 [föreläsning Stockholms stad, 090911]patrik hernwall
Skola 2.0 · några reflektioner kring lärande och nya medier
En föreläsning för Stockholms stad i september 2009, på temat Resande mot framtiden - avgång från Plattform 11
Model-based engineering of multi-platform, synchronous & collaborative UIsJean Vanderdonckt
The paper describes an engineering method for building user interfaces for ubiquitous environments. The method comprises of several extensions in the UsiXML family
of modes as well as design and runtime support so as to enable multi-platform, synchronous and collaborative interactions. We demonstrate key concepts of the method and their application by elaborating a scenario of collaborative co-play
of the ‘tic-tac-toe’ game. The specific use case features synchronous co-engagement in game play by remote users (players or observers) using desktop PCs or Android devices.
Showing User Interface Adaptivity by Animated TransitionsJean Vanderdonckt
In order to reduce the inevitable end user disruption and cognitive perturbation induced by adapting a graphical user interface, the results of the adaptation could be conveyed to the end user by animating a transition scenario showing the evolution from the user interface before adaptation to the user interface after adaptation. A transition scenario consists of a sequence of adaptation operations (e.g., set/change a property of a widget, replace a widget by another, resize a widget) belonging to a catalogue of operations defined as an Extended Backus-Naur Form grammar. Each transition operation has a range from a single widget (e.g., this “Ok” button) to a selection of widgets based on a selector mechanism (e.g., all validation widgets of this family of interfaces). A transition scenario is built either automatically by any adaptation algorithm or interactively by a specific editor for designers. An animator then executes the animation scenario by parsing each adaptation operation one by one or in a grouped mode and by rendering them by an animated transition on a user interface model. The type (e.g., wipe, box in, box out) and parameters (e.g., animation speed, pace, direction) of each animated transition have been selected based on usability guidelines for animation. A user study suggests that a transition scenario reinforces understandability and trust, while still suffering from lag.
Skola2.0 [föreläsning Stockholms stad, 090911]patrik hernwall
Skola 2.0 · några reflektioner kring lärande och nya medier
En föreläsning för Stockholms stad i september 2009, på temat Resande mot framtiden - avgång från Plattform 11
2. Facebookissa voin kertoa asioita
monella tavalla.
Minä voin käyttää Facebookia
miten huvittaa. Käyttöehtojen
rajoissa.
Mutta Facebookin käyttöä
kannattaa myös harjoitella.
Miten minun kannattaa
kertoa tämä tarina?
3. Seinä. Mitä asioita haluan kertoa itsestäni ystävilleni? Mitä haluan
kertoa kaikille Facebookin käyttäjille? Sillä, että kerron syöväni eilistä
pastaa, kerron olevani nuuka ja vaatimaton ihminen. Mutta haluavatko
ystäväni kuulla tämän? Entä maailma?
Facebook aikoo julkaista
kaikki päivitykseni
seinällä julkisina. Minun
profiilini perusasetuksena
on siis julkinen. Pitäisikö
minun muuttaa asetusta
niin, että vain kaverini
näkevät, mitä
Facebookissa teen?
4. Kun Hugo kertoo elämästään, hänen Facebook-
ystävänsä pystyvät elämään mukana. Hugon
päivitykset näkyvät hänen ystäviensä uutisvirrassa.
6. Menneet ateriat eivät
välttämättä ole maailman
kiinnostavimpia Facebook-
päivityksiä, mutta jos
kerron puhelimeni
Facebookissa valokuvan
kanssa, mitä syön juuri nyt,
se on kiinnostavampaa.
Ainakin niin kauan, kun
kameralla varustetuissa
älypuhelimissa on jotain
uutuuden viehätystä.
9. Chat. Jos ystäväni on juuri nyt koneen äärellä, voin käydä
hänen kanssaan kesksutelua. Voimme jutella kahdestaan
eilisestä pastasta.
10. Ryhmä. Jos minulla on kavereita, joiden kanssa haluan
jutella tietystä aiheesta, voimme perustaa ryhmän. Tämä on
suljettu ryhmä, jossa jäsenet voivat jutella rauhassa ruuasta.
11. Sivu. Jos olen innostunut jostain aiheesta, kuten eilisestä pastasta, voin
perustaa teeman ympärille sivun, jossa aiheesta kiinnostuneet voivat
keskustella ja jakaa kokemuksia. Sivun tykkääjät saavat sivun päivitykset
uutisvirtaansa.
12. Voin tehdä Haluan kertoa syömästäni pastasta!
tilapäivityksen
seinälleni.
Voin lisätä
päivitykseen
kuvan.
Voin perustaa
Voin tehdä ryhmän
päivityksen keskutelemaan
puhelimella. aiheesta.
Voin kirjoittaa Voin perustaa
ystävälleni sivun, jota
aiheesta viestin. aiheesta
kiinnostuneet
Voin keskustella voivat tykätä ja
aiheesta koneen jossa aiheesta
äärellä olevan voidaan
ystäväni kanssa. kesksutella.