q_mix_tm30_control_app.png
touchmix_touch_interface.jpg
q_mix_tm30_control_app.png

User experience


SCROLL DOWN

User experience


User interface and visual design for user experiences

User-centered design solutions for firmware, websites, kiosks, and mobile applications that go beyond the functional to create delightful and meaningful experiences.

touchmix_touch_interface.jpg

TouchMix UI


Simple button for beginners, Power features for the pro

TouchMix UI


Simple button for beginners, Power features for the pro

It all started in Victoria.

With any product driven primarily by a touchscreen interface, it is integral to the product meet early with hardware and software to discuss limitations, opportunities, and develop a work flow for initiating the design process.  

I joined my QSC colleagues and partners in software development (Desolation Sound) in the beautiful Canadian city of Victoria.  We spent three days in a hotel conference room to hammer out the first features, wireframes, and workflow in person, real-time.  We used Balsamiq Mockups projected on the wall to capture our ideas, argue features, test out new paradigms (like Gerry's Comp and Gate sliders) and critique the hell out of every functional detail.   

Creating an accessible visual design language.

Some traditional elements we had to keep, like faders, and more physical looking buttons.  We thought it dangerous to do something radically different with the controls, but everything else was up for grabs like layout and work flow.  Our design goal was to create an interface that could be immediately grasped by audio engineers and didn't intimidate new users which likely have some audio background with devices like keyboards, DAWs, and other audio gear.

"Immediate Access"

Many digital mixers hide or bury features to save screen space.  There is constant tension to want to see everything often at the expense of clarity.  We found it critical in live applications especially to allow users to get to anywhere in the mixer with just one touch from the "Main Mix" screen.  

Additional UI


Additional UI


Griffin_audioIO.jpg

Griffin Technologies

Input control panel for firewire interface.  

Visual design direction was cued off the hardware to help create a total brand environment from hardware to software.  Users had the option show traditional LED or retro VU "Volume Unit' metering.  

 

  • User Interface
  • Visual Design
  • Animation
Design layout 

Design layout 

Venue Control

Design layout program for building simple interfaces.  

General users do not want to see the technical complexity of an installed system.  Often all they need is a few knobs and buttons to mute a room or turns mic on for a banquet.  Using QSC's Qsys control as a system backdrop we created this easy to use layout program filled with a ton of different knob, button, and control styles.  

  • User Experience
  • Interface Design
  • Visual Design
Collapsible hierarchy on the left with status indications.  Venue layout could be loaded from blueprints of venue.

Collapsible hierarchy on the left with status indications.  Venue layout could be loaded from blueprints of venue.

Babel Box

Advanced amplifier and speaker tuning application for sound reinforcement.

This project started with creating a journal we called "A Contractor's Journey".  This research helped us to develop a thorough wireframe of setup tasks and control phases.  From there we created a visual hierarchy that optimized the system layout controls, enhanced access to amplifier settings, and provided obvious alerts to distressed devices. 

  • User Experience
  • Interface Design
  • Visual Design