splash
Posted By erik on April 14th, 2010

http://blog.eerkmans.nl/?p=241

Me and the guys from Bureau BlauwGeel have been working together on their new website: http://www.bureaublauwgeel.nl
 

The CMS-based website uses video files to create a dynamic, living and breathing background.

Each menu item has a background image that slowly zooms in to keep that dynamic feel.
 
Although the background and interface always adjust to the size of [...]

 

You Are Viewing UX

Bureau BlauwGeel is live

Posted By erik on April 14th, 2010

http://blog.eerkmans.nl/?p=241

Me and the guys from Bureau BlauwGeel have been working together on their new website: http://www.bureaublauwgeel.nl

 

The CMS-based website uses video files to create a dynamic, living and breathing background.


Each menu item has a background image that slowly zooms in to keep that dynamic feel.

 

Although the background and interface always adjust to the size of the browser window, the content is allowed to run off screen. The flash scrollbar allows viewing all content.

 


By using a custom URL for every project and page in the flash site, the site becomes searchable for Google and allows direct linking to a specific project, for example: http://www.bureaublauwgeel.nl/#/werk/website-en-shop-dutchspirit

 


Tracking pageviews from flash allows the use of Google Analytics.

 

New User Interface design for Twitterfountain

Posted By erik on April 14th, 2010

The Twitterfountain project has been online for more than 2 years, and has seen many changes. Recently we upgraded to version 2.0, a huge upgrade that has been getting lots of attention. When reading user feedback and watching our Google Analytics, it became clear that the interface could use some clarification, and doesn’t need some of the more complex options.

This inspired me to sketch a new user interface. The new design hasn’t been implemented yet but here’s a preview:


When visiting the homepage, we might present the user with a simple dialog that allows them to customize the homepage immediately, using just a few mouse clicks.
(click to enlarge)

 


Selecting sources also becomes easier and more versatile.
(click to enlarge)

 


Some advanced options are still available by clicking the ‘more’ tab.
(click to enlarge)

 


Sharing becomes a whole lot easier, since you can now just email or tweet a URL to a twitterfountain. Embedding a widget still remains an option.

Interface Design for Youth Participation

Posted By erik on February 17th, 2010

Yesterday we presented the “Youth Participation” arcade machine to the kids at the Leon van Gelder, who literally stormed the machine to test it the hard way! In the end we got a few nice recordings of kids telling the local politicians what THEY wanted to see different. More video’s after the big debate at the Groninger Forum!

arcade

arcade2

Elco from D66 Youth Participation was there with his own filmcrew to get some in-depth interviews too.

This project is about kids telling local politicians their opinion. They can do this using an arcade cabinet that presents them with a couple of questions and then lets them record their own video message.

scherm1

The arcade uses only three simple buttons which control a isadora application, which controls a PS3 eyetoy to record video. The interface was designed by me.

Posted in UX, video