In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
Welcome Jamba's interactive kiosk ordering experience!
Since this page is merely a selection of highlights, I highly recommend to have a look at the „Process Document“ at the end of this page for the full impression!
This project was part of the „Interaction III“ course during an exchange semester to the Rochester Institute of Technology in the „New Media Design“ program.
The objective for this project was to choose a food or fashion brand that would benefit from having an interactive kiosk. This would streamline the ordering experience while allowing for a stronger brand impression.
I chose to develop the system for Jamba (formerly Jamba Juice) as I still have fond memories of their fresh and fruity smoothies from my childhood.
The focus with this project was on the UX-design process. Steps along the way included a heuristic evaluation of a similar system, a comprehensive requirements document, workflow diagrams for mapping out the experience, physical mockups to figure out the size of on-screen elements, wireframes to lay out all individual screens, functions and interactive elements, a detailed style guide, comps for a polished impression of the User Interface and a fully animated walk-through.
For the physical kiosk device I chose the „Approach 32“ by FrankMeyer. With its generous 32 inch touchscreen at 4k (3840 x 2160 px) it provides plenty of space for a delightful and comfortable ordering experience.
This selection of screens shows the main ordering flow following the greased „menu“ path. The last screen shows the „mix your own“ approach that allows users to create their smoothie from scratch.
This is only a very limited selection of comps. To see all screens and additional features (pop ups, error messages, on-screen keyboard, product selection, etc.) please view the „Process Document“.
To see all screens including detailed annotations please view the „Process Document“.
This is a very limited selection of the main contents of the style guide. For the full style guide please view the „Process Document“.
Unfortunately, due to strict document size limitations posted by Incom, the document had to be split into 4 parts.
I’ll be happy to provide the document in high quality upon request!