Exciting kids about art through video

- ARTtube

Role

Agency

Year

UX Design, Concept

DOOR

2017

Project

ARTtube is the go-to videoplatform for art-related video’s produced by Dutch museums. Having built a database of over 1100 video’s and 45 contributing museums, ARTtube was looking for a new application of this large information source. Structured brainstorming with different stakeholders, led to a concept called ‘ARTtube in de klas’ (ARTtube in the classroom).

Central in this concept is curating videos, background information, & teaching materials around examination themes. Helping arts & crafts-teachers build a curriculum or individual lessons within these themes.

01

Challenges

The core UX challenge laid in developing a fitting way to present curated bundles of videos, background information, & teaching materials. This format should clearly present the relation between video’s, and explicitly group them as a collection under an examination theme.

 

A second challenge was to design a navigational pattern that clearly differentiates pages that have a directional purpose from the collections. In order to guide teachers directly to collections suitable for their level of students.

Sketch of the navigational concept, and indirectly the template design of the different levels.

02

Solutions

To develop a clear navigational pattern, a conceptual model was made. This model described that navigation towards the bottom level of the platform would always be vertical. When a user reaches this bottom level, thus a collection, the direction would be horizontal.

In the application of the model this means that all overview pages & filtering actions would be represented in vertical design & motion, and the collections as bottom level would be represented in horizontal design & motion.

Dekstop & mobile wireframes of the ARTtube in de klas platform. From log-on screen, education levels, collection-overview, and collection detail-states.

In parallel with the navigational pattern, the collection format was developed. Within it, videos are horizontally connected in a storyline. Which is introduced in the opening state of the collection, and elaborated upon in between videos. Detailed information about the video, artists, & teaching materials are directly available with every video. Additional visual cues give the user feedforward & -back about different states and interactions.

03

Credits

Back-end Development: Bas de Beer

Digital Production: Tanja Zuijderwijk

Front-end Development: Steven Otto

Strategy: Jacco Ouwekerk

User Experience Design: Tom Kölker

Visual Designer: Steven van der Wel

Tom Kölker

Say hi via

Stalk me on

user experience designer

mail or phone