This is how the new Pictures hub looks like in Mango (with some of my favorite pictures from my trip to Japan)

People Centric photos

Our goal for Mango was to make the camera and photos experience more people centric. So we created a new people view in pictures that shows photos of the important people in your life as well as all your friends photo albums.

The people view integrates with the new group functions in Mango. It creates photo albums for each of your groups. So you can see your families photos all in one view.

Face Detection

We also wanted to make it easier for you to tag your friends. So we integrated face detection. Face detection runs automatically when you start an upload to a social network. That way is super easy to tag your friends:

Microsoft won 7 IDEA awards this year. I am really proud that 5 of these are for KIN and Windows Phone 7, both products I’ve been working on. I am currently designing Camera and Photo experiences for the next generation of Windows Phones. And I am really looking forward to pushing design at Microsoft to new heights with this amazing team!

my work for Windows Phone
my work on KIN

search for street art nearby

search for architecture nearby

Flickr explorer is a simple app that search pictures around you. The idea is that you define your own kewords. For my example I chose “architecture” and “streetart”.

I started working on this app last week and making progress fast. It’s fun to play with the Flickr API and trying to get the best results. But this is only the first step. What I really want to create a is a meaningful travel app. I had this idea for a while, because I always get so frustrated when travelling. I don’t want to buy a paper guide book. But there is hardly any good companions for my mobile devices either. Also services like Yelp don’t work outside the US.

So Flickr photos nearby is almost done, and for the next version I want to experiment with adding geo located Wikipedia articles and matching them with Flickr photos. Also I would like to do some trend analyses on the Flickr content to see what is popular in the area to give the user some search suggestions. I have some more ideas… lets see ;)

Update July 21:

Flickr Explorer is now open for private beta!

If you’d like to test it, please send me your Windows Live ID and I’ll add you to the beta programme.

Img is a visual news reader. Add your blogs or any other news source, and it will extract all images. Img is great for browsing design, architecture, art and photography blogs.

It’s all about the content, fullscreen pictures, no compromise, no chrome.

My master thesis was awarded as one out of six degree projects in the Swedish PIEp Best degree project competition.

make sure to check out my master thesis project!

Multitouch/multiscreen interface:

3D interface prototype:

Screenshot from the 3D interface. You can see how the radiologist can use the pen in any direction to slice different layers from the current view. This enables the radiologist to see these different layers in relationship.

I generated this 3D model of a childs head from a real MRI scan. I later used the MRI scan and 3D model in my prototypes.

Prototyping

The 3D pen was a critical part of the 3D interface. Even though this is not a proposed industrial design, I made many revisions of the pen based on feedback and problems with the previous versions. Inside there is two leds for the 3D tracking and a pushbutton for controlling the mode of the 3D interface. It is connected to the computer with an Arduino board.

interface screenshots

as you can see the pen is used to slice the 3D object in various ways.

3D pen

The red a blue leds were used to enable video tracking the pens position in 3D

arduino

this arduino board was connected to computer and 3D pen

video tracking

2 cameras were used to track all 3 axis of the pens position

evolution of the prototype

the 3D pen went through a series of revisions. on the left is the final version.

code

I used vvvv (a visual progamming language) to do the video tracking and render the interface

assembly

arduino board is connected to the push button and 2 leds inside the pen

From the beginning of the project I relied heavily on prototypes to evaluate and test my ideas. here are some of the prototypes that lead to my final design:

Touchscreen Interface details

3D interface details

Research

CT scanner during the visit to medical center in Utrecht

Body worlds exhibits are similar to the way CT scans are made. slice by slice.

Nuclear medicine is used to scan blood flow and brain activity.

Case studies presentation room in Umea Hospital, Sweden.

various non-traditional interfaces (concepts) for radiologist

3D interface for virtual colonoscopies. looking in all directions at the same time.

visit to Utrecht medical center, reports are still written by hand and scanned later.

visit to Utrecht medical center - Radiologists reading room.

Degree Presentation

Here is a video of my final presenation of the project at Umea Institute of Design, Sweden.

I was blogging my progress throughout the whole project. If you are interested please visit the project blog.

During my 3 month internship at Microsoft I was working for the Kin team. At that time the Kin project was still called the top secret “Project Pink”. I was responsible for the Dashboard design, which is a collapsed/intelligent status indicator. Normally phones have a status bar in the top of the screen with all kinds of icons, we tried to minimize this area and only notify the user when there is a problem. The user can than tap these indicators to see phone status in more detail.

Here you can see the status Dashboard I designed during my internship:

I was also working on some hardware software prototypes to test our design concepts on a real size device. At that time we didn’t have real Kin hardware yet. I attached arduino boards with accelerometers to our screen dummies. So We could test some concepts for gestural interfaces.

And I was lucky to work in one of the most beautiful offices, Pioneer Studies. I still miss this amazing creative workspace, and that’s why I post some pictures I took here.

One of the more interesting projects I was working on, was about an mobile phone accessory. It’s wirelessly attached to your phone and has only one button and some LEDs. Our job was it to use this very limited interface to design an easy to understand flow for the user.

I was working with industrial designers and I was responsible for the interaction flows and the flash prototype. Try it out yourself:

Also I was a little bit involved in the littleBits project. LittleBits is a easy to use prototyping toolkit for industrial designers and people without any interest in electronics or code.

After the some researches I focused my work on a live music sharing system. You could say, its a Jukebox 2.0.

People in the pub have connected their mobile music players to the system. There is a visualization on the floor showing the musical connections between the different people in the room. A big rotating circle shows the name of the song, that you are listening to together. You can suggested songs to the system by selecting songs from your music library on your mobile music player.
When the user moves, the cirlces around him/her will follow. Each user has circles surrounding, presenting the bands that he/she has in common with other users in the room. Connection lines are drawn between the same bands from different users.

	A Flash Prototype of the user interface for a mobile touchscreen device. launch or right-click and download (its Flash Lite, so you can download it to your mobile device)

A video of the mobile user interface ran on a normal Pocket PC .	Report with more information about this project. download PDF

vitamin B is an exploration of digital and tangible reading. the user can move objects on an interactive table. projected grafics will follow these objects. by manipulating the objects the user can browse pages or books.

From paper-prototype and postits to working interface.

And for more information download documentation (pdf 1.3mb)

This is not a book!

“this is not a book” was my first experiment with fiducials and it inspired us to make a ‘real’ project out if it: a digital tangible reading interface.

vvvv code that is running the prototype:

video stream from the camera that is tracking the interface objects:

done with Arduino, Reactivision and vvvv.