About
Beyond the button
Sound and UX design
February, 2021
February, 2021
Team:
Stijn van Cuijk
Marian Dembkiewicz
Cornelia Hulling
Stijn van Cuijk
Marian Dembkiewicz
Cornelia Hulling
Timeframe:
2 weeks
2 weeks
main contributions:
> User journey mapping
> Digital UX design and animation
> Product design sketching
> Sound component development
> Concept video graphics animations
> User journey mapping
> Digital UX design and animation
> Product design sketching
> Sound component development
> Concept video graphics animations
TOOLS:
> Adobe CC - XD, AfterEffects and Audition
> Vital - Spectral warping wavetable synth
> Adobe CC - XD, AfterEffects and Audition
> Vital - Spectral warping wavetable synth
Interdisciplinary work:
A collaborative process across product development and digital products, realizing the value of the experience of sound as a main aspect of the design.
Attention to detail:
I bring with me the practical experience of matching form language across different design tools and components of a design. As I learned and applied tools for sound design, this project the value of considering the experience of sound as a main component from the start.
Design concept
UX Design
Design components and mock-up mobile layout.
Graphical User Interface
Cohesive and tailored
How can digital elements work to create a more holistic experience across the different touchpoints?
My main contribution in this project was the digital UX design. Visual identity, interaction flow and final animations of the GUI.
The app and on board screen interfaces carry a neumorphic aesthetic to match the look, feel and colour of the physical stop button and check in terminal.
Neutral travel pass
Check in pending
Checked in
Check in fail
Personal stop issued
Current journey
On board screen adaptation.
Process
Current user experience map, identifying problem areas
Concept and sound mood boards
Collaborative initial sketching
Button sketches
GUI design development, interactive prototypes shared remotely
Process and sketches.
From a bumpy ride to a shared, and more personal experience
Behind the button
Starting with a breakdown of the current user experience and traditional bus button system we developed a more personal user journey, identifying the sound components and functions necessary. Aiming for a more cohesive, clear and refined experience.
Reflection
Holistic user experience
Bridging physical, digital, and auditory experiences
Interdisciplinary work:
In this project I practiced interdisciplinary product development for digital products, and learned the value of considering the experience of sound as a main aspect of the design from the start.
In this project I practiced interdisciplinary product development for digital products, and learned the value of considering the experience of sound as a main aspect of the design from the start.
Attention to detail:
I also bring with me the practical experience of matching form language across different design tools. For example aiming to match the colour of the digital travel pass card in Adobe XD to the rendered light effects from Keyshot.
I also bring with me the practical experience of matching form language across different design tools. For example aiming to match the colour of the digital travel pass card in Adobe XD to the rendered light effects from Keyshot.
