Come for the things you need, come back for the things you discover BBC brief
Design the user interface for the BBC archive homepage; focusing on user interaction and functionality.
Each design is divided into two; the top section is built up of interchangable grids allowing personalisation of an individuals screen through realtime data. The bottom section is based on the needs of the archive page, showcasing the current information displayed on the site in a more interactive layout.
The Home screen displays the most popular, twitter feed and archive list; this allows users to access information directly and quickly. The grid system allows personalisation of the screen; the user can drop any of the transparent boxes into the main screen to only view articles of interest.
The Carousel directs the user to archives of interest using real time data; this section of the grid cannot be customised unlike the other sections. The timeline system focuses on informing the audience and showcasing the educational role of the BBC’s archive page. The design moves away from aesthetics and more towards user interaction, the wire frame explores usability and interface design.
A further timeline system focuses on events from the past that happened on the same day of searching. The circular dials (infographic) turn when data is input, therefore increasing user interactions. The four different pages of the archive system can be accessed through tabs running across the middle of the screen. Throughout the website actions are acknowledged when boxes and icons change from blue to yellow, and transparent boxes over the images allow text to be seen without detracting from the image behind.
Consistency is held throughout the site through the use of: a limited palette, a continuous timeline (located below the tab bar) and a continuous baseline. Each page was created using geometric shapes to tie the broad subject matters together. A search system for archives related to people uses photographs (faces) to help with usability. As the user hovers over an image it becomes enlarged below the timeline, followed by further information around the source alongside.