Display mockup
Understanding the Data
The first step in creating a visual data display was to develop a thorough understanding of not just the data itself, but also the surrounding context. Using personas and stakeholder goals to drive the hierarchy of the information, I categorized the data into intuitive groups. In doing so, certain patterns emerged that helped to dictate the final presentation.
Understanding the data
Prototyping
Using those discoveries, I began to rapidly prototype different layouts with varying prioritization of tabular and graphic data. Eventually, I found that having an “information” module (to assist those users without pre-planned itineraries) as well as a “confirmation” module (for users seeking to confirm their trips’ status information) was the most effective way to cater to all of the requirements of the display.
Initial sketches
Digital sketch 1
Digital sketch 2
Final Display
After taking in feedback from my peers, I refined several of the design elements but maintained the same modular structure. The “information” module remains a constant map of the next routes to and from all available locations within the islands while the “confirmation” module transitions between three screens that list the upcoming departures of planes, trains, and ferries separately. In terms of animation, an informal survey of more than a dozen participants indicated that the most amount of time needed to find a specific trip was around 6 seconds. In order to give a slight buffer, each screen displays for 8 seconds before transitioning to the next.
Screen 1 of 3 (plane information)
Screen 2 of 3 (train information)
Screen 3 of 3 (ferry information)
Screen animation
Back to Top