Large content into an even larger interactive
A huge document transformed into an exploratory experience
Tata provided a 44-page company info document to educate customers at a large event, we made it an experience
Hypothesis
We needed to make something engaging and eye catching. We decided to build a 25 foot wall that uses a radar overlay in order to make it interactive. Using bright brand colors and simple menus we will attract customers to approach and use the interactive screen at the event.
Approach
- Creative strategy
- User experience mapping
- User interface design
Multiple users, aproachable
01
Users would leave meeting hall and pass interactive mural
02
User would approach wall and tap animated button
03
Multi- touch will allow multiple users to approach simultaneously
04
User would tap and mural would change based on interaction
05
Content is explored and user learns about aspects of business
Tata is an Indian multinational conglomerate holding company with $100+ billion revenue
Fine-tuning
Menu
When we first received Tata’s 44 page text document of the content they wanted on the touchscreen we were a little overwhelmed. After reading through it all and digesting the message that they wanted to convey, we broke the document into sections and chapters.
First round
Our first designs used a menu on the left side with a website design in mind. Upon reviewing this on a test screen setup we realized it would only allow one person at a time to interact with the presentation.
This was very limiting and would waste valuable real estate offered by a huge touch surface.
Learnings
We scratched the menu idea and spaced out the buttons to interact with. This is a multi-touch wall, we needed to capitalize on the ability of the hardware to allow multiple people to play with it at the same time. Our design thought was to make this go from a single user website to a multi user playground.
Outcome achieved
The final version
I went through multiple variations on how to best accomplish this and ended up formulating big approachable buttons that pulsed to show they were touchable. These would trigger individual interfaces with their content. I used bright, big, bold colors to make it friendly and playful.
The final product was colorful and I designed the UX to only go 4 layers deep at max in order to not confuse the user. I made the UI large and approachable and simplified the buttons and touch-points. The buttons were animated to show that they were interactive.
Education made fun
Conclusion
Finding one solution to best fit multiple asks proved to be cumbersome so we chose to ask each stakeholder what they needed. Instead of a one-size-fits-all approach we found it was best to listen to the requests individually. One required it to be emailed, one had to be accessible remotely, and the last required advanced analytics.
Key outcomes
Approachable
The large UI, subtle animations, and bright fun colors made the mural approachable so people felt comfortable using it.
Engaging
There were multiple sub-menus to explore with endless possibilities for interaction and learning/
In collaboration with:
- Client acquisition: Multi Image Group
- Producer: Multi Image Group
There's more where this came from
Are you our next success story?
Let’s work together to set you apart