iRave Interface Prototype
Smartwatch for Events
Project Description
iRave was a project developed by myself and a few colleagues as the final project for our Human-Machine Interface Class in 2018. The plan was to iterate through the steps of UI/UX design ultimately building a functional prototype for a smartwatch that would be used by event-goers at concerts and summer festivals.
Development Process
To reach the goal that was set out for us we progressed through multiple stages of development alternating between prototyping sprints and testing/research periods, using one to inform the next and so on:
- User Research;
- Paper Prototyping;
- User testing;
- Functional Prototyping;
- QA testing;
Features
The watch ended up having three major functionalities, informed by the biggest struggles and needs of its users:
- A map of the event’s perimeter to guide you to the nearest exit, bathroom stall or food stand;
- Messaging system through which you could contact your friends and share your location;
- The ability to monitor your vitals, provide real-time info and an emergency button to alert medical staff in case of an emergency;
- We also included a notification system to save any received messages or other important information.
Demo
The entirety of the final prototype was developed through the use of HTML, CSS and vanilla javascript with no use of extensions or plugins.
Play around with the prototype here.
[Note: Click the “physical” button on the watch to unlock, and get to the menu]