Archive for the 'Interaction' Category

Create some music with Flash?

There is a new release of the Hobnox Audiotool coming up! Until release you can play with iNudge:

10/GUI & con10uum

10/GUI (by Clayton Miller) is an novel approach to human-computer interaction. But it draws attention to the fine line designers will need to walk to effectively create physical human-computer interactions.

The video demonstrates the potential advantages of navigating within a desktop interface with up to ten fingers, rather than via a single cursor:

[More on fastcompany.com]

Next generation of devices: Tablets

There have been many attempts to make a computer work from your pocket and without a keyboard. Apple is rumored to work on a tablet device. It has invented the Newton Message Pad over 15 years ago – which was a marvelous (but expensive) device at that time.

Microsoft is working on a new prototype that features a dual-screen called Courier. Here is a design mockup (published by Gizmodo) that shows how the device could look like:

Here is a discussion from TechViShow:

I’m am a little bit skeptical looking at the design mockup. And I think Microsoft should take a different course: finish the product in the lab and market it as “availbale now” instead of creating new vaporware.

GPS + Compass + Motion sensors = Augmented Reality

The new iPhone 3GS adds a compass to the set of sensors. Combined with the GPS, the motion detection sensor and some image change detection via the internal video camera, this enables a new breed of “augmented reality” applications.

NearestWiki for example displays WikiPedia entries about buildings and places in the vicinity.

NearestWiki is not the first augmented reality app for the iPhone, but it is the first that is not tied to a specific region or city (like Metro Paris)

Next versions of the iPhone may feature more precise sensors and a lower latency – giving a much better feeling (e.g. labels not jumping around in the scenery).

Introduction to HTML5

Here is a very good introduction to HTML5 by Brad Neuberg that is a must see for web designers and developers – at least if you are new to HTML5:

Introduction to HTML 5 from Brad Neuberg on Vimeo.

Thoughts on Google Wave

I am just collecting some thoughts about some observations and issues – while I am trying to understand Google Wave.

google_wave.jpg

(see a demo on their site)

Google Wave is an integrated set of technologies (with protocols that allow semi-synchronous editing of outlines and their federation across several servers). With this approach Google Wave solves some difficult technical and infrastructural problems.

1. Misty horizon

Google Wave is a frameworked solution for things people did not ask for and communication processes that no one is practicing yet (but no one has really “asked” for the mouse as input device either!). It is hard to see where Google Wave is going to be. This breeds creation, but it also challenges the non-developer. There will be best practices, but it will take a lot of time to identify use cases that people can learn “to wave” with.

So Google Wave challenges the imagination – and few people will be able to answer the “What is it all about?” question easily. The horizon is schrouded in mist.

Possible approach: A potential solution to this is to start with guided tours (a LOT of them) showing very common and powerful use cases for different scenarios. This is probably going to happen when Wave gets closer to the public beta.

2. Asynchronous patterns

We have learned to communicate in a turn taking fashion. It is polite to let someone speak until he has finished before starting to respond. It is not polite for everyone to speak up at any time. Waves allow people to reply or edit without obeying to the turn taking pattern. This can cause “stress” and also a lot of misunderstanding. People could reply to a text, that is going to change without them noticing that. Their reply suddenly become nonsense – the playback feature could become the only way to percieve a conversation properly. But playback is new – people have learned that the threaded view is a chronology – but in Google Wave it is not (or not necessarily).

Even with the playback feature, people need to become aware of the asychronicity in Google Wave – and learn how to recap conversations correctly.

Possible approach: Find a very good way to understand the chronology of a wave (e.g. making the playback as fundamental for navigation of a wave like scrolling)

3. Information (over)flow

While Google Wave may integrate many messaging systems – it also generates a lot of density. Means of communication that were apart from each other – using different URLs and applications for each – are now combined. The crucial part of that is to understand which option is suited for what purpose.

With Waves being set to “updated” by displaying them in bold typeface and sorting it to become a top item in the inbox, this also means that things are brought to my attention that should remain buried for a good reason. Google Wave users would have to learn how to manageund understand the “Inbox” and the “Active” areas properly, to be able to get the most out of it.

Possible approach: Allow users very powerful and fine grained control over the way they are informed about updates.

4. Scattered spaces and framgmented scopes

One of the things that really can make things too complex to be comprehended properly is that people can read & write to waves – but replies can extend or narrow the scope (e.g. who may read and reply to a new item. Who is reading? Who am I replying to? Is this part really private or not? Am I releasing a secret to the public accidentally?

With a view from a different angle: What I can see within a wave may be different to what someone else is seeing. To make my communication appropriate to the situation I need to be able to “read” from a different standpoint. It is required to understand when communication could fail on the recieving end.

Whenever I want to understand the perspective of someone else – in need to be able to represent his/her view in my mind. The change of scope for parts of a wave within that wave can make this difficult.

Possible approach: Make any changes of the scope (e.g. recipient list) within a wave very visible and allow users to navigate them.

WebKit adds 3D

The developers of the Webkit HTML rendering engine (the one that is used in the Apple Safari Browser) have added 3D styles to CSS. It allows layers to be rotated, scaled and moved in a 3D space.

You need to download a nightly build of the browser to see it working.

There are quite a number of applications for this I can think of. I wonder if this approach will be adopted by the W3C for a new CSS standard.

Project Natal

Obviously Microsoft feels the need to claim back some market share the Nintendo Wii took away with a new controller type. Project Natal is utilizing a range of biometric sensors for body motion, face and voice recognition.

The video is more a vision than an actual feature presentation. But it is clear what the goals are.

Here is another Video from the demonstration that shows what is possible right now:

Copenhagen UI concept

Via blogblog: Here is a user experience concept study that is a mockup of a new Windows UI – and it is not designed by Microsoft but by a guy named Cullen Dudas.

Looks good. Would love to see more. I hope Microsoft comes up with some UI innovations in Windows 7 that really serve the user.

Director 11 – there’s life in the old dog yet

This is a surprise: Adobe announced Director 11 – the follow-up release to Director MX 2004. After years of speculation Adobe seems to be committed to develop Director further.

There is a rough comparison chart on the Adobe site which compares Director to Flash. I am not quite convinced the advantages of Director over Flash will set it apart and (re-)create its own market (or re-create its former market). The ubiquity of the Flash plug-in, YouTube & Co, ActionScript 3 and Flex have brought a lot of seriousness to the Flash platform in the past 3-4 years.

Low-cost multipoint interface with a Wii Remote

John Chung Lee made an interesting software that uses a Wii remote to allow interaction with multiple pens on any screen or projection.

Very interesting!

Alahup CMS

The CMS Alahup! seems to endorse a lot of the interaction design techniques of Web 2.0 applications (blind ups & downs, yellow flashes, spinning activity icons, etc) even though it appears to be a desktop application. The website states that the interface is based on Flash. So this application may well be an example what can happen when you pair Flash with the standard GUI and AJAX approaches.

Screenshot of the Alahup application

Besides of that it also seems to be a very easy to use CMS for smaller and middle sized sites (although I suspect the UI is not very accessible). The documentation for developers seems to be very good as well. On the site there are demo movies, a list of user features and developer features – and a blog. If you like PHP and Smarty then Alahup is worth a look.

Pavel

This is very interesting: a multi-user note-taking web-application. Click on this screenshot to get to the 5 minute screencast:

Pavel Screencast

I’d describe Pavel as some kind of “JotSpot Live with tinderbox-ish Notes” (see JotSpot Live and Tinderbox). The secret of the synchron updates of web pages between users is some code called LivePage. It is part of Nevow and that is part of Twisted (which is implemented with Python). Here is an article about Nevow. and some more detailed documentation as well. Twisted has become a grown up in the area of web application framworks. It is extremely powerful as it offers string modules & classes for almost anything you can do with a network attached to a computer. It offers ready made tools for activities many Ruby and PHP developers don’t even remotely heard about! Pavel is just an example.

Google Maps via Flash

Paul Neave shows how to integrate Google Maps with Flash. Amazing! This example shows the power of Web APIs combined with a cutting edge interactive tool like Flash (you even can rotate the maps via the compass wheel). Now he just needs to find a way to allow people to seamlessly replace the DHTML application provided by Google with his Flash client.

Paul has also some other very nice experiments in his Flash lab.

Audioscrobbler turned Last.fm – redesigned

I wrote about Audioscroblbler before. Now I found they’ve merged it with their Last.fm service and also reworked their design – and it seems they improved usability a lot.

Interestingly they offer blogs and tagging (they seem to have learned the lessons). The personal radio now can be used with a separate client (which is not yet available on OS X, so I can’t test it). Anyway Last.fm is a very useful way to get introduced to new music I probably like: I just have to browse the playlists of my neighbours.

I remember a similar feature back in the Napster days in 1999/2000: you could browse the music libraries of remote users that seem to share your music taste and learn about artists you never heard before. Last.fm and iTunes Music Store would make a good team. The “users that bought this also bought that”-pattern is too simple to be a real value.

Update: Last.fm just released an OS X Player.

Google Maps

Google Maps really seems to take off after offering their Google Maps API for web developers. People are quickly developing very interessting variations (e.g. this incredible mixing of map and satellite views or someone tracking the hotspots he was using with plazes.com). You’ll find much more at this del.icio.us tag »googlemaps«.

Location based services (update)

A follow-up to yesterdays post:

Tim Bruysten adds some context and links to an interesting project: Loopcity by Dietmar Offenhuber. Markus Neckar pointed me to the MacOS X menubar extra for Plazes by Martin Pittenauer. This makes it very easy to have the system announcing itself to the Plazes service (btw this is one of the developers of Plazes.com).

And Martin Röll said: nice but useless, yet. Maybe. Maybe not. Plazes does not really take much advantage from it’s data. I can’t see the contacts of my contacts for example. Uploading single photos via web form is not very nice. I envisage some kind of droplet (like the Flickr uploader) that will attach files to the current plaze or offer a comment browser/entry form when clicked. Also a screensaver displaying the latest comments and users of the current place and the palces nearby…

Location based services

Until now the topic of »location based services« has been more a theoretical discussion about geological references to online data. Now there are obvioulsy a number of developments (and some rumors) that try to create datasets with longitude/latitude metadata.

First of all hardware: The problem if tagging information with geological locations could be solved by hardware very soon. Cheap GPS hardware could be integrated in mobile phones, digital cameras and laptops. In fact there is a rumor that Apple is going to integrate GPS hardware into the next generation of PowerBooks.

Secondly the applications: The geo-tagging of data creates a connection of the docuverse with the real world. Here are two examples: www.plazes.com and www.geobloggers.com. Once the hardware is capable of recording geological positions and automatically querying the net with locations applications like these will automatically emerge. It is creating a new dimension for data as such.

George Olsen offers a toolkit for creating personas

GUUUI.com points me to a helpful document (PDF):

George Olsen has developed a persona toolkit, which can help you build detailed profiles of users, their relations to a product (e.g. a website), and the context in which they use a product. The toolkit is pretty extensive, but intended to be based on a pick-and-choose approach.
George Olsen also gives advice on how to collect information. Ideally, personas should be based on interviewing and direct observation, but you can also get useful information from alternative sources, such as domain experts, research, and artefacts that reveal information about the users’ context.

Nokia Lifeblog

Nokia Lifeblog is a PC and mobile phone software combination that effortlessly keeps a multimedia diary of the items you collect with your mobile phone. Lifeblog automatically organizes your photos, videos, text messages, and multimedia messages into a clear chronology you can easily browse, search, edit, and save.