Tag Archives: interfaces

Empathie als design-tool

Inlevingsvermogen is wat mij betreft één van de allerbelangrijkste eigenschappen bij het ontwerpen van interactie. Dit is nog meer van toepassing naarmate steeds meer digitale interactie mobiel is.

Cleveland Clinic
Dat de context van één plek voor iedereen anders kan zijn en dus effect heeft op de gebeurtenissen laat deze video van de Cleveland Clinic treffend zien.

Via Tim Brown

Share this post
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInEmail this to someone

My 2010 predictions for Fontanel (in Dutch)

The leading Dutch design weblog Fontanel asked me (and some other guys I really admire) to write down our thoughts for 2010.

The article is in Dutch. For the English readers you can try to read it using Google Translate.

screenshot Fontanel

In 2010 vermengt internet zich nog meer met apparaten, apparaten die weer aangesloten zijn op diensten. Het web grijpt op deze manier veel dieper in op ons dagelijkse leven, op het gebied van gezondheid, productiviteit, afspraken en vermaak. 2010 is het jaar van het omnipresente internet.

Mobiel
Internet op mobiel is geëvolueerd tot een markt die qua veelzijdigheid inmiddels ver voorbij de ringtonemarkt is. Op de mobiele markt is de technologische race – even – voorbij en is er ruimte voor verdieping. Wat kun je nu eigenlijk met GPS, bewegingssensoren en internet. Met welke diensten maakt je iemands leven beter én wat maakt je als bedrijf interessant in een markt met honderdduizend applicaties waarbij er per persoon slechts enkele dagelijks gebruikt worden.

Slimme apparaten
Technologische vooruitgang en prijs werken naar elkaar toe. Dit heeft inmiddels een punt bereikt waarop je RFID in speelgoed kunt stoppen, WiFi in een weegschaal, of een draadloze energiemeter in je meterkast. Informatie voegt waarde toe. Hoe meer informatie je kunt maken hoe meer waarde je toe voegt aan het product dat je (al) verkoopt. Nike+ maakt de schoenen niet beter, wel de loopervaring. Hoe? Door informatie op te slaan en te duiden.

Acceptatie AR
Augmented reality is geland in 2009. Mede dankzij het Nederlandse Layar heeft de techniek een gezicht gekregen en zit Nederland in de voorhoede. Augmented reality is van zijn science fiction imago af en tastbaar geworden. Dit maakt het eenvoudiger voor mensen om er toepassingen mee te bedenken. In 2010 is augmented reality de hypefase voorbij en zullen we nog heel erg veel nieuwe praktische toepassingen gaan zien.

Privacy
Paradoxaal genoeg zijn we zelf het grootste gevaar voor onze privacy. Via Location Based Services (LBS) gaan we steeds meer informatie over onszelf geven. Waar we zijn, wat we er van vinden en met wie we er zijn. In 2010 zullen er diensten komen die uit de veelheid van verschillende sociale netwerken heldere analyses kunnen maken en deze informatie perspectief kunnen geven. Wat betekenen al jouw sociale activiteiten in tijd? Naast scepsis, zal uiteindelijk het voordeel winnen want zo’n dienst kan door efficiency en patronen ons dagelijks leven verbeteren. Informatie is waarde.

Informatie
2010 is het jaar van de interface designers en informatiespecialisten. Als je weet hoe je extra waarde aan informatie kunt maken en zinvol kunt ontsluiten maak je relevante diensten. De creatieve sector zal zich steeds vaker in een positie zien dat ze in plaats van campagnes functionele diensten aan het ontwikkelen zijn.

Lees ook wat Victor D. Ponten, Luis Mendo en Marcel Kampman schreven.

Share this post
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInEmail this to someone

Interface experiments for a new live report

Over the last few years I’ve worked on different live reports for different kind of festivals. I like what you can make with (almost) realtime information based on the API’s of other services. For the Urban Explorers festival in May this year I started working on a new interface.

The amount of aggregated information can be overwhelming for people, so I’m looking at how can you keep it understandable for new visitors. Or in the case of Urban Explorers for people who never visited or will never visit the festival. UE is a music and art festival that takes place in different venues in the city of Dordrecht.

Blip API
The idea is to start working with the Blip API. And cover the festival with an interface that only shows video. There will be Twitter coverage and blog posts, but the idea is to create a narrative that can be sorted based on people, performances and maybe venues.

I haven’t exactly figured out what it should look like, but just started to make some interfaces to see what works and what doesn’t. I you have ideas or great examples, please share them in the comments.

Last week the Next Web conference was organized in the Netherlands. This tech conference generates a lot of online media like tagged twitter messages. And was a perfect try-out for working with streaming video and twitter. I combined some old scripts and designs and made http://www.wilbertbaan.nl/thenexthack.


The Next Hack from Wilbert Baan on Vimeo.


The Next Web live video + tweets experiment – Yunoo presentation from Wilbert Baan on Vimeo.

I looked at a full screen interface that could work in a pop-up or fill your entire screen. It looks a bit like my old videoblog (http://www.hypernarrative.com/videoblog/index.html). I like these type of interfaces for live events because they are more experience based (click on what you see) instead of search based (like youtube).


Interface Experiment 1 from Wilbert Baan on Vimeo.

I started moving the video, since all tag result pages will give different amount of results the blocked interface looks nice, but it has limits in what it can show. And it looks weird if you haven’t got enough video to fill the entire interface. Both interfaces below are completely dynamic and can show only one item or 30.


Interface Experiment 2 from Wilbert Baan on Vimeo.


Interface Experiment 3 from Wilbert Baan on Vimeo.

I just make interfaces
It’s amazing that all those examples are made on top of infrastructure of other people. Blip is perfect because multiple people can send video using a mobile phone and I can get the source files from the server using the Blip API. It’s pretty weird how much difference you can make with only interfaces.

Last.fm Lovewall
Last year I made the Last.fm lovewall. A bluetooth based installation that matches people based on Last.fm data. This installation or something different build on this technology might find a spot at the festival as well.


Eclectro Last.fm Lovewall (interactive bluetooth installation) from Wilbert Baan on Vimeo.

Share this post
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInEmail this to someone

The Notification Homepage

My Facebook Homepage

This blog post was written for, and published on the Online Journalism Blog.

The last year has seen social networks like Facebook and LinkedIn updating the design of the homepage to turn it more into a notification page: the homepage as a place where you can see what your friends are doing. Your virtual center of the network.

These updates let you know what your friends are up to, but they also let you know what your friends like or share. The social networks often work as recommendation networks as well.

New technology, new business
Google added relevancy and order to hyperlinks and is very useful for the active searcher: someone who’s looking for something. Social networks add relevancy to hyperlinks you’re not searching for. The networks provide you with new information and new articles recommended by virtual friends.

Both are in a business that was traditionally the business of a news provider. Google gives you insight and background information. Social Networks keep you up-to-date and recommend information.

Does this design shift also affect the future design of news websites?
The average news website probably publishes around a hundred articles every 24 hours. We can’t and don’t want to read all the articles a news website publishes. We need filtering mechanisms.

News websites add hierarchy to the news by presenting the most important things first. But this is a mass hierarchy. It’s not personal. The sorting is based on what the news website thinks will interest most people. And this works very well for the most important news.

The news website is a large pile of stories. Is this still in the best interest for a reader? His or her most valuable asset is time. Sure there is some news you need to know about, but you get to know about the important facts through your social networks as well.

And if you know the facts you can learn more by hitting the search button. The news website is still a database with a single entry, the frontpage. This makes it vulnerable in a distributed environment.

Distributed environment
The future of information presentation (at least for the long tail of information) will probably be user-centered. Mobile devices are extremely user-centered. Successful access points like interfaces and devices provide readers with the most relevant information.

Time is our most valuable asset and the reduction of noise is a serious proposition for any new service. News itself is relevant, there is no question about this, but how do you deliver your content in a distributed environment?

Type of environments
There are different environments.

1. Get your content on other platforms through syndication or API’s. The problem is monetization, although you could distribute the news and link back to your website with hyperlinks in the text that link to more in-depth coverage.

2. Your content on your platform with a personalized presentation based on your own network or an external (social) network.

3. The current form of presentation where your content is on your platform presented in your hierarchy.

What can you do as a news website to be more relevant? Should news websites learn from the design of social networks and move to a more user centered approach? The New York Times is already doing this with Times People and with EN.nl (the project I work on) we created a personal selection based on your reading habbits.

Your Thoughts
What design elements that originated in social networks do you think could very well be applied to the basics or every major news homepage? Or what are the arguments not to implement this kind of functionality?

- Share articles with your friends
- See on what articles your friends commented
- See what your friends are reading
- See what news is happening close to your friends
- See news topics your friends subscribed to
- Discuss an article only with your friends

Share this post
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInEmail this to someone