{"id":468,"date":"2014-06-18T14:57:56","date_gmt":"2014-06-18T12:57:56","guid":{"rendered":"https:\/\/mndn.de\/?p=468"},"modified":"2022-09-30T13:41:36","modified_gmt":"2022-09-30T11:41:36","slug":"case-study-ui-design-von-session-keys-grand-sy","status":"publish","type":"post","link":"https:\/\/mndn.de\/en\/2014\/06\/18\/case-study-ui-design-von-session-keys-grand-sy\/","title":{"rendered":"UI Design for Session Keys Grand S\/Y (English)"},"content":{"rendered":"

With the legendary Steinway D4 as well as with the Yamaha CFIIIS the music software Session Keys Grand S\/Y<\/a> by e-Instruments<\/a> is presenting the most popular grand pianos of our time. Both pianos are playable in two separate rooms, with the lid opened and closed, respectively.<\/p>\n

On the one hand, Session Keys Grand S\/Y presents pianos whose features \u2013 as opposed to a futuristic synth VST \u2013 have their origin in real life. Here, on the other hand, the sound can be adjusted by manipulating a set of unique parameters in a way which would be impossible in reality. The great challenge for Session Keys Grand\u2019s interface design lay in finding the appropriate means<\/em> to control such a wide variety of sounds.<\/p>\n

\"Screenshot<\/a>

Screenshot Session Keys Grand S<\/p><\/div>\n

Searching for the Right Visual Language<\/h2>\n

Productive and creative environments demand interfaces with a fast, intuitive and slim handling. For this purpose, it makes sense to stick to the accustomed conventions regarding the controls. A control element is supposed to have a \u201cstimulative character\u201d, in other words, it has to communicate its handling and effect in an honest manner: a rotary knob suggests that it can be turned. This expectation is to be answered.<\/p>\n

In so doing, referring to familiar control concepts which are rooted in the user\u2019s real environment as well as emulating real objects (skeuomorphism) can be helpful for a good user experience. In Session Keys Grand S\/Y, for example, the milk glass panel conveys to the user that the controls are not directly part of the actual instrument. The active elements\u2019 glow suggests a light source sitting behind them \u2013 a signal which we know from active buttons of electronic devices.<\/p>\n

Parameters without Relation to Reality<\/h2>\n

Besides an acoustic pattern distinctive for grand pianos, the pentamorph controller allows the creation of fantastic soundscapes going far beyond the obvious. With a single controller the piano\u2019s sound can be changed on the fly, from the characteristic sound of a Steinway to atmospheric sounds which can hardly be derived from natural reality.<\/p>\n

\"Concept<\/a>

Concept sketches Pentamorph Controller<\/p><\/div>\n

Therefore, using wooden, piano lacquer-covered knobs to control a partly irreal range of sounds would mean barking up the wrong tree. Hence, we decided against referencing a real model and instead rather divided sound source and control layer from one another.<\/p>\n

Execution and Organisation of the GUI<\/h2>\n

Flat, minimalistic controls determine the operating layer\u2019s appearance. The color palette only needs a few graduations and can easily be distinguished from the detailed piano render images.<\/p>\n

\"MNDN<\/a>

Layers of the Session Keys Grand S\/Y User Interface<\/p><\/div>\n

Despite this reduction, we do not strictly dismiss ornamentation and decorations, they exist, for example, on the panels in the form of separating lines. The strictly hierarchic layout is being structured through an elaborate tab-architecture, carefully placed typography and sufficient whitespace. The controls on Session Keys Grand S\/Y are reduced to their essential functionality. The minimal design makes perfect use of all its advantages: Thus, within the confines of the smallest space the interface maintains a high degree of complexity and yet does not become confusing.<\/p>\n

\"Concept<\/a>

Concept sketches Dynamics Controls<\/p><\/div>\n

We designed the interactive elements to be especially rich in detail and made sure that they clearly stand out. Here, the communication remains consistent: The same color shades are always being used for active as well as inactive button states. This helps guiding the user and speeds up the workflow.<\/p>\n

\"MNDN<\/a>

Design Research Piano Icons. They are used to switch between the versions: open and closed (here active).<\/p><\/div>\n

A Tailored Interface for the Screen<\/h2>\n

Session Keys Grand S\/Y goes beyond a mere simulation. E-instruments readiness to detach the software\u2019s interface a bit from reality enabled a custom-made UI language that is tailored for the medium of the screen. The result is an honest, organised and clear user interface.<\/p>\n

\"MNDN<\/a>

Session Keys Grand S\/Y Interface Design excerpt<\/p><\/div>\n

Hence, we hope to have designed an instrument which functions ideally on its platform \u2013 the screen. Thanks to an interface which precisely and quickly leads the musician to his desired result.<\/p>\n

<\/p>\n

Screenshots:<\/p>\n\n\t\t