With this project I, as an employee of Noodlewerk Apps, designed and built part of an interactive exhibition for the 200th anniversary of the Dutch government. This exhibition consisted of a collection of information displays. Three of these displays were equipped with a screen and allowed visitors to access digital content about the Dutch government by using an iPad, which was embedded into these displays. The design and development of the apps running on these iPads was the contribution that Noodlewerk Apps made to this project.
I personally worked on the user interface (UI) and user experience (UX) of the interactive pillars.
To celebrate their anniversary, the Dutch Government wanted to set up an interactive exhibition in and around the House of Representatives, along with an accompanying mobile application, to invite visitors to learn about the rich history of the Dutch Parliament. They asked several small companies from The Hague to realise this. Therefore, a collaboration was formed between the following companies; LetterZDesign (execution), Studio Duel (graphic design), Two Kings (website & mobile apps), Uberdutch (concept & design) and Noodlewerk Apps (interactive exhibition).
For the interactive exhibition two different apps were required:
Because the apps were part of an exhibition, the time somebody spends interacting with the apps might vary from a couple of minutes to a few seconds. Therefore both the structure as well as the purpose of every UI element of the apps should be clear immediately. At the same time I could not use too many standard iOS UI Elements, because the UI of the apps should complement the graphical design of the rest of the exhibition.
The first step was to create a wireframe for both apps. The first app, the members-app, allowed visitors to choose a Member of Parliament to display on the external screen by tapping their portrait. At the same time, they should be able to filter members by their political party and to search for an individual member by typing in his/her name.
Therefore I decided that the main view should have a grid of portraits. For both applying a filter and searching a specific member a different view is overlayed on top of the main view.
The second app, the video-app, was the simplest. The wireframe consisted of only two views: one main view (for when there is no video playing on the external screen) and a secondary view (for when there is a video playing).
The main view should contain several buttons to allow the visitor to choose which video to play, while the secondary view should only contain a small amount of information about the video that is playing and a ‘stop’-button.
The style for all the graphical displays of the exhibition was predetermined by Studio Duel. After analysing finished work, I tried to apply the same graphical elements and typography to the UI of the apps to make them fit the information displays.
This was the first time I worked on a project together with people from other companies with different disciplines. I really liked the dynamics of everyone contributing in their own way to accomplish one common goal.
Next to that it was quite cool for me, as a starting designer, to have something I have worked on be on display for 6 months to celebrate the political history of my country.