National Museum of the Royal Navy exhibition: "Jutland 1916" interactive map

2016 saw the centenary of the Battle of Jutland, the 'greatest naval battle in history'. The National Museum of the Royal Navy at Portsmouth's Historic Dockyard have a three-year exhibition to commemorate the battle. Nautoguide, commissioned to develop an online interactive map database to support the exhibition, asked me work with them to design the user interface (UI). The public is invited to upload information and images to commemorate their ancestors who took part in the battle in order to build a 'people's archive'.

Design of a user-interface is about understanding both the (non-technical) end-user's requirements and the programmer's technical constraints. The brief evolves as the programmer implements ideas (in this case, logos and exhibition name were also decided during the UI design process). 

Initial design iteration
Horizontal expanding concertina menu allowed maximum map area to be showed. Various icon and colour options were submitted.battle of jutland, NMRN, portsmouth, navy, WWI

Design development
Technical contstraints required the introduction and instructions to be shown in a layer over the map (the basis of the geo-spatial software behind the database). The introduction was reduced to fit the mobile website.jutland,1914-1918, 1916, battle, naval, navymobile, website, fluid UI design

To view the database go to