Gränssnittsdesign för ljudproduktion – En grid-baserad styrmekanism som utmanar vridknappen

Thumbnail Image

Files

bachelor_Valkeisenmäki_Wille_2024.pdf (4.24 MB)

URL

Journal Title

Journal ISSN

Volume Title

School of Arts, Design and Architecture | Bachelor's thesis
Unless otherwise stated, all rights belong to the author. You may download, display and print this publication for Your own personal use. Commercial use is prohibited.

Authors

Date

2024

Department

Major/Subject

Visuaalisen viestinnän muotoilu

Mcode

Degree programme

Taiteen ja median kandidaattiohjelma

Language

sv

Pages

32

Series

Abstract

I denna kandidatavhandling undersöks hur den traditionella vridknappen, som dominerar användargränssnitt i audio-plugins, kan ersättas med en modern och mer intuitiv grid-baserad styrare. Målet var att utveckla en digital lösning som övervinner de begränsningar som följer med skeuomorfa designelement, vilka ofta återspeglar fysiska objekt. Utgångspunkten var att skapa ett gränssnitt som är bättre anpassat för digitala miljöer där mus- och pekskärmsinteraktioner är vanligare. Genom att utveckla en grid-styrare kunde användarupplevelsen effektiviseras, särskilt för de användare som behöver snabba och precisa justeringar av parametrar. I projektet tillämpades en iterativ designprocess som kombinerade både traditionell visuell design och praktisk programmering. För att validera designkonceptet utvecklades en prototyp med hjälp av HTML, CSS och JavaScript. Denna grid-baserade styrare möjliggör justering av parametrar genom att användaren kan klicka och dra i ett 10x10 rutnät, vilket erbjuder direkt visuell återkoppling genom en fyllnadsmekanism. Genom att implementera interaktivitet med både mus och touch-funktioner, kunde styraren anpassas för olika enheter och skärmstorlekar. Under utvecklingsprocessen framkom det att den grid-baserade styraren erbjuder ett alternativt sätt att justera värden jämfört med traditionella vridknappar. Små användartester visade att den nya styraren gav en mer precis och snabbare interaktion, särskilt i digitala miljöer där en roterande rörelse inte alltid känns naturlig. Feedbacken indikerade att styraren har stor potential, men att ytterligare optimeringar krävs för att förbättra finjusteringar på decimalnivå och i responsivitet, samt att mer användartester behövs. Slutligen visar resultaten att det finns betydande fördelar med att övergå från skeuomorfisk design till mer digitalt anpassade gränssnitt. Den grid-baserade styraren möjliggör snabbare och mer precisa justeringar i audio-plugins och kan även tillämpas i andra områden där hög precision och användarvänlighet är avgörande. Projektet har inte bara lett till en förbättrad förståelse för modern användargränssnittsdesign, utan har också öppnat upp för nya möjligheter att skapa innovativa lösningar inom digitala arbetsmiljöer. Framtida utveckling kommer att fokusera på ytterligare användartester och implementering av avancerade funktioner såsom animationer och decimaljusteringar för att ytterligare förfina användarupplevelsen.

In this bachelor’s thesis, the traditional rotary knob, which dominates user interfaces in audio plugins, is examined to determine how it can be replaced with a modern and more intuitive grid-based controller. The goal was to develop a digital solution that overcomes the limitations of skeuomorphic design elements, which often mimic physical objects. The starting point was to create an interface better suited to digital environments where mouse and touchscreen interactions are more common. By developing a grid controller, the user experience was made more efficient, especially for users needing quick and precise parameter adjustments. The project applied an iterative design process combining both traditional visual design and practical programming. To validate the design concept, a prototype was developed using HTML, CSS, and JavaScript. This grid-based controller allows parameter adjustments by letting the user click and drag within a 10x10 grid, offering direct visual feedback through a fill mechanism. By implementing interactivity for both mouse and touch functions, the controller was adapted for different devices and screen sizes. During the development process, it was revealed that the grid-based controller offers an alternative method for adjusting values compared to traditional rotary knobs. Small user tests indicated that the new controller provided more precise and faster interaction, especially in digital environments where a rotary motion does not always feel natural. Feedback suggested that the controller has great potential but requires further optimization to improve fine-tuning at a decimal level and responsiveness, as well as additional user testing. Finally, the results demonstrate significant advantages in transitioning from skeuomorphic design to interfaces better adapted to digital use. The grid-based controller enables faster and more precise adjustments in audio plugins and can also be applied in other areas where high precision and user-friendliness are crucial. The project not only led to a better understanding of modern user interface design but also opened new possibilities for creating innovative solutions in digital work environments. Future development will focus on additional user testing and implementing advanced features such as animations and decimal adjustments to further refine the user experience.

Description

Supervisor

Kortteinen, Tuomas

Thesis advisor

Lotvonen, Heikki

Keywords

användargränssnitt, användarupplevelse, audio-plugin, skeuomorfism, flat design, vridknapp, visuell återkoppling, styrare

Other note

Citation

Permanent link to this item

https://urn.fi/URN:NBN:fi:aalto-202412157770

Collections

[kand] Taiteiden ja suunnittelun korkeakoulu / ARTS (Open access)