emotisys revived

Opening view of emotisys. everything looks so clean – until you use it…

In the last couple of days, I dusted emotisys [de] off and it is mostly working again.
I still need to work on some issues (such as remembering your name it is asking for in the very beginning) but it made me quite happy already.

Feel free to give it a try if you speak some German – unfortunately, it’s probably hard to understand otherwise.

This is quite remarkable since it was basically under wraps and in maintenance for lots of years. Luckily, I now found the time to take care of it. With AI on the rise, I feel it is still a relevant experiment. Also see Jan Korsanke’s talk on trust and AI recently as an IXDS PreWorkTalk in Munich!

I was a little anxious looking at the code I wrote years ago. It is quite tedious (//documentation, anyone?) and often embarras

sing (I had hardly an idea of object orientation). Also have in mind that jQuery was not released when I started, and XMLHttpRequests were not widely known as ajax.
Some parts are also quite complex and that they started working again feels like a small surprise – as if a rusty machine gets going again. Yeah!


Skeuomorphism – a familiar touch or kitschy ornament?

It happens daily in front of our eyes, but few of use might have heard of “Skeuomorphism” so far. Originally referring to the marks left by tools on a product (such as brush traces on metal), it is also a technique in visual interface design. There, it means applying textures of physical objects to screen elements, sometimes also bringing entire metaphors from the physical to the digital world.

"corrugated" window resize handle in Mac OS 9

“corrugated” window resize handle in Mac OS 9 (source: guidebookgallery)

This has happened from the very beginnings of the interface but it popped up as a discussion at IxDS very recently. The latest Apple OS 10.7 Lion might have been the reason, or at least a prominent example and of course our design for the SiMKo security phone.

The OS X native Address Book and also the Calendar show very strong references to former filofax-style organizers – probably, I must add, since I have never used such organizers and few people around me have. Even less in the expensive leather bound examples that the Apple software now imitates. And with this description, I already mentioned two questionable properties of this interface style or technique: it refers to very old artefacts, that younger people might have little relation to; and it imitates material while it is obviously not there.

The iOS 5 Address Book on the iPad (source: rivacrmintegration)

Apple is known for appealing interfaces that are easy to use. In the highly dynamic field of mobile UI design, however, we also find completely opposing and aesthetically remarkable approaches in Micrsoft’s Metro style and Android Holo. The question – that I won’t be able to answer in this article: Is skeuomophism just a matter of style or does it really help people (i.e. a question of user experience)?

People Hub in Windows Phone 7 (source: wpcentral)


Let’s see what arguments we can bring to the debate. Good contributions to this debate come from Tobias Bjerrome Ahlin from Spotify and Thom Holwerda (both articles from 04/2012) and I added some considerations of my own and from office discussions.

Arguments on the pro side

  • Familiar: Skeuomorphic styles use visual elements that people know already to make them feel more at home. It lowers the entry barriers.
  • Easy to learn: Physical world references help users understand an application easier because they can reuse their knowledge.
  • Luxury: Textures from expensive materials make an application look more valuable or at least fit better into the portfolio of a particular target group
  • Hardware-Software-Consistency: Former Apple UIs were in line with the hardware around it and created “one piece” impression. Aluminium cases and brushed metail surfaces. Or colourful plastic enclosures and the Aqua interface. Not true for the latest UIs of Apple. (even from OS X 9 on)

    A bit of aluminium from the casing on the left and brushed metal UI elements (source: xverse10)

  • Playful: They are fun because skeuomorphic metaphors are still a bit surprising in digital interfaces, and they invite to touch and use an application. (from Ahlin)
  • Storytelling and “Framing”: Especially on personal devices such as phones and pads, users think less in tasks and more in leisure time categories. A visually rich interface tells them a story through the appearance not an info text and thus gets them in the right mood (or matches their mood) for this particular app. (from Ahlin)

Arguments on the con side

  • Disappointing: the textures are very obviously a simulation. What you feel is still the plastic of the touch screen, what you smell is still the electronic device, not the leather it displays. Even the reflections on the display tell you that. You feel fooled, at least unconsciously.
  • Outdated: I and even less the “digital natives” have ever used a physical address book or an expensive leather book as a calendar. Hence, the references used by Apple have no target to point to (the signs have no thing, no designata, as semioticians would put it)
  • Inconsistent: a lot of core interface elements don’t fit into a physical metaphor. No physical calendar has a dialog box with “OK” buttons. No book has scrollbars, you flip pages (some applications have both, nevertheless, point from Holwerda). This might also be called the “Microsoft Bob” argument.
    Apple Address Book uses the book metaphor heavily, it even as a page-flipping animation when you “add” a contact – but you can’t go from one contact to another by flipping pages.

    Old leather from the Calendar app frame meets glossy, virtual frame from the dialog box. (source: berlagelyceum)

  • Ego-Centric: textures, layout, behaviour is optimised for one app, to mimic it’s physical counterpart. In a different app, the same buttons might be in different places, the user has to learn each app UI anew. (see the layouts of Calendar and Address Book above) (from Holwerda)
  • Media Ignorant: the UIs are running as software; on devices that allow very very little physical experience. Designs that concentrate on this “bodyless” character make much more sense (to me) or are at least aesthetically far more interesting because they offer something “unseen”.
  • Clutter: skeuomorphic details take up screen space that might be used better for other purposes (including empty space). This is an efficiency argument and needs to be balanced with e.g. playfulness. But “could less be more?” is still a valid question.

Looking at these lists now, alternatives to skeuomorphism seem to be the better choice. However, a couple of arguments lack empirical validations and hinder clear decisions. We can get at least some of the validation from good user tests (e.g. for “Easy to Learn”) but user experience is more difficult to test unequivocally. This is something I’ll have an eye at.

The lists are a good ressource for pitfalls or important questions, however, that might help us defining a design strategy. When going for a very clean and digital interface, did we care enough about making it accessible, engaging and fun? And when we went for skeuomorphic designs: are our designs clear enough, do the metaphors still work well with the digital environment they are in, are we clear about the story to tell or is it just decoration?

For the question of the “better” approach, the debate is still on!

. .

dilemma while getting acquainted

interaction principle for social wearable displays
When we want to get to know another person, we have to share some of our personal or private opinions and feelings. Some people are more afraid of doing so — they are afraid of being vulnerable — and that’s what we refer to as shy, more or less. In a recent discussion about Experience Design, we came across the Social Button again: Primarily it is intended to facilitate exactly these initial steps towards an interpersonal relation. The button reveals matching personal criteria (common friends, e.g.) by displaying some meaningful graphics on the Social Button of the corresponding person. It is not only exposing private data (to certain extent) but uses another person as “billboard” — two factors that might make us feel uneasy in a similiar way than the usual face-to-face situation but initiated by technology.

It seems as we have to trade in control for getting to know others more easily. It was one of our goals to reduce the reasons for these privacy concerns as far as possible by implementing a symbol decoding on a subjective basis.


experience your network

Preparing an interview with Nathan Shedroff (which will be conducted by Jane Pitrowsky) I focused on an emotional aspect of my master project, the creation of feeling at home. According to Shedroff we cannot avoid evoking experiences for the user (as experience is closly linked to perception, e.g.) but it becomes a designer’s responsiblity to take care of the emotional and sensual implications of his creations (Some of his perspectives are difficult to apply to my project because I develop a service rather than a single product).


real floggings for virtual network

punchingball as found on https://ejmas.com/jmanly/articles/2001/punchbag/fig2.jpg

For recent and recurring reasons I started to think about a “VPN bashing module” for our Master-Room in the fhp.

The vpn-client that became our only and obligatory access to the internet seems to have its own intelligence that acts according to plans beyond human understanding (maybe extraterrestrial). Every now and then he chooses a deliberate candidate to kick out of the network, sometimes followed by periods of denials to all attempts of reconnecting.

This is not only undermining the belief in the predictabilty and determination of technology but is also really making us mad and breaking up the holy work-flow. As the resulting aggression has to find a way out and is better deflected from the other inhabitants, a punching ball might serve that purpose. With some sensors built in and a computer with AutoHotkey running, a procedure to initate a reconnect should be easily available.

Plus: If vpn doesn’t reconnect at once one can keep punching the ball (really hard). Some other applications for that interaction principle might come to your mind as well.


ambient displays overview

ambient orb

A more general overview over things happening and that happend in the field of ambient displays. The more mobile aspects will be further explored.



Asim Smailagic und Dan Siewiorek 2003

sensay software interface

Bevor wir jemanden ansprechen, gebietet es uns die unsere gute Erziehung, seine Gesprächsbereitschaft einzuschätzen: Unterhält er sich gerade, ist er in die Arbeit vertieft oder ist ihm ohnehin gerade langweilig?