KEYed User Interface An HCI Theoretic Design of a Novel Music Composition Interface by Farhan Mohamed supervised by Dr. Sidney Fels Human Communication.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

Map of Human Computer Interaction
ORGANIZING THE CONTENT Physical Structure
A component- and message-based architectural style for GUI software
Look Ma, No Keyboard user interface: Tools for music pre-production Current Developments Applying the principles to other music instruments Continuing.
System Specifications: Roland JV-30 synthesizer running Cubase VST sequencing software. SPAT Introduction: The pedal panner allows a musician to pan sound.
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
UFCEXR-20-1Multimedia Sound Production An Introduction to the Module.
UFCEXR-20-1Multimedia Sound Production Basic Components for Sound Production.
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
Exploring the semantics of caress results current work Timothy Chen, Dr. Sidney Fels, Thecla Schiphorst
Chapter 1 and 2 Computer System and Operating System Overview
Principles and Methods
User Interface Design Users should not have to adapt to a piece of software; the software should be designed to fit the user.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
V-Cert Music Technology Idea – Design a How to pamphlet for others???
10th Workshop "Software Engineering Education and Reverse Engineering" Ivanjica, Serbia, 5-12 September 2010 First experience in teaching HCI course Dusanka.
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
Chapter 13: Designing the User Interface
Chapter 14 Designing the User Interface
[ §6 : 1 ] 6. Basic Methods II Overview 6.1 Models 6.2 Taxonomy 6.3 Finite State Model 6.4 State Transition Model 6.5 Dataflow Model 6.6 User Manual.
V-Cert Music Technology
V-Cert Music Technology BRIEF The Year 9 cohort are about to use Cubase for the first time. They have been composing and performing Music and will now.
Peripheral Interpreter consisting of Analyzers 'N Operators
Revision Lesson : DESIGNING COMPUTER-BASED INFORMATION SYSTEMS.
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
Matthew Campbell Brian Granaghan Benjamin Adcock Eleazar Kenyon 3/16/2010 MIDI Hero Design Project Preliminary Design Review1 Project Advisor: Dr. William.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
User interface design. Recap OOD is an approach to design so that design components have their own private state and operations Objects should have constructor.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Model-View-Controller Ku-Yaw Chang Assistant Professor, Department of Computer Science and Information Engineering Da-Yeh University.
11 C H A P T E R Artificial Intelligence and Expert Systems.
ST01 - Introduction 1 Introduction Lecturer: Smilen Dimitrov Sensors Technology – MED4.
Q Q Human Computer Interaction – Part 1© 2005 Mohammed Alabdulkareem Human Computer Interaction - 1 Dr. Mohammed Alabdulkareem
The learner will:  2 Be able to operate a digital audio workstation – VIDEO 
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
STAGE 1: Compose chords and a melody 1.2 Select and use a combination of audio and MIDI sound sources for the intended music composition 1.3 Arrange and.
Laser Harp 2002 Introduction: Purpose and Scope Electronic musical toy, not an instrument Uses laser beams instead of strings Teaching capability.
INFORMATION X INFO425: Systems Design Chapter 14 Designing the user interface.
INTRO TO USABILITY Lecture 12. What is Usability?  Usability addresses the relationship between tools and their users. In order for a tool to be effective,
Unit 1 – setup and operate a digital audio workstation.
Human Computer Interaction © 2014 Project Lead The Way, Inc.Computer Science and Software Engineering.
Software Architecture
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
MIDI Musical Instrument Digital Interface. MIDI A data communications protocol that describes a means for music systems and related equipment to exchange.
Chapter 12: User Interface Design
Unit 01- setting up and operate a digital audio workstation By Alfie fennemore.
Assistive Technology in the Classroom Setting Rebecca Puckett CAE6100 – GQ1 (24494) Dec. 7, 2009.
Theme: Multimedia Sound ProductionUFCFY Multimedia Sound Production.
Input Design Lecture 11 1 BTEC HNC Systems Support Castle College 2007/8.
A SOFTWARE PRODUCT REVIEW BY MICHELLE C. MESCH. WHAT IS CUBASE? A Digital Audio Workstation (DAW) run by Steinberg Media Technologies Intended for recording,
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Unit 6 of COMP648 User Interface and Interaction Methods Dr Oscar Lin School of Computing and Information Systems Faculty of Science and Technology Athabasca.
Unit 01 - Set up and operate a digital audio workstation.
Prototyping Creation of concrete but partial implementations of a system design to explore usability issues.
Week 1 Reference (chapter 1 in text book (1)) Dr. Fadi Fayez Jaber Updated By: Ola A.Younis Decision Support System.
Keyboard mode: First Touch Second Touch if2is2mf2ms2rf2rs2ps2 if1abcdfg[space] is1hejklm[backspace] mf1npiqrs[return] ms1tvwoxz[period] rf10123u4[sym]
An operating system (OS) is a collection of system programs that together control the operation of a computer system.
27656 (v1) Demonstrate and apply introductory knowledge of music technology equipment and techniques MUSIC Level 1Credits 4.
Garage Band For MAC. What is it? A digital audio workstation that can record and play back multiple tracks of audio. Is a software application for OS.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Chapter 6 : User interface design
Piano Chord Builder Artem Kuligin CS 470 6/17/2018 3:08 AM
Unit 2 User Interface Design.
F-Pointer: Prototype testing of the finger-manipulated device
Multimedia: making it Work
Windows Development Dynadata Copyright, 2014 © DynaData S.A. 1/10.
♪ Embedded System Design: Synthesizing Music Using Programmable Logic
Presentation transcript:

KEYed User Interface An HCI Theoretic Design of a Novel Music Composition Interface by Farhan Mohamed supervised by Dr. Sidney Fels Human Communication Technologies Laboratory The University of British Columbia Department of Electrical and Computer Engineering Vancouver, British Columbia Canada

Motivation “ While composing with my music studio computer, I find it stressful to use my piano keyboard, computer keyboard and mouse repetitively, especially when I feel creative and work over long hours” - Composer/Producer Kevin Kowal Computer Keyboard Piano Keyboard Computer Mouse Kevin’s Studio Computer Setup

Goal Momentary Footswitch Electronic Piano Keyboard for Performance and Editing Single-Point Touchpad The KEYed User Interface project was created to bind music performance and editing tasks by using the piano keyboard as the sole input device for all tasks Kevin’s Setup using KEYed User Interface

Overview of Presentation Current music composition workstation setup Alternative approaches and their shortcomings Applying findings in HCI KEYed User Interface system Experiments and results Conclusions

Switching between multiple input devices Long device acquisition time Not comfortable to use Lots of physical space occupied by the input devices Music Composition Workstation Computer Keyboard Piano Keyboard Computer Mouse Composition Workstation Setup

Alternative Approaches Mackie’s ® Human User Interface ® Meredith Brooks’ Studio Layout Interface separates performance and editing - Mackie HUI hardware Interface integrates performance and editing - Logic® Audio Music Software

Applying HCI Findings We apply HCI studies to composition, integrating the two tasks HCI studies have been applied to performance and editing

HCI Findings Mode Errors and their Prevention Human Manual Studies - Bimanual Tacit Knowledge and Metaphors

Space - Time Multiplexing Tradeoffs in Input Devices HCI Findings

Momentary Footswitch Electronic Piano Keyboard Keyboard Single-Point Touchpad Overview ofKEYed User Interface Overview of KEYed User Interface

HCI Principles Applied toKEYed User Interface to KEYed User Interface Momentary Footswitch Electronic Piano Keyboard Keyboard Single-Point Touchpad Mode Error Prevention Bimanual Action Space Multiplexed

E2 Arrange Octave (C4-B4) Mapping Example: Transport Octave (C3-B3) Mapping Example: C3Open/Close transport window C5 Open/Close key edit window F#6 Undo TracksParts Sequence C2 B2 C3 B3 C4 B4 C5 B5 C6 B6 Touch Pad Octave (C2-B2) Mapping Example: General Edit Octave (C6-B6) Mapping Example: Key Edit Octave (C5-B5) Mapping Example: F4 Move down the track E2 Selecting volume G3 Click On/Off (B3) Note Piano Mappings

KEYed UI Prototype 1 Prototype I - Steinberg ® Cubase ® 5.0 VST 32 on Windows ® 98 KEYed Pedal for Mode Switching Octaves and the Notes are labeled

KEYedUI Prototype I Studies KEYed UI Prototype I Studies The interaction methods compared are: a)Computer Keyboard + Piano Keyboard b)KEYed User Interface Prototype I Testing for Response Time with 6 Composers Composing Tasks A&B, Repeated Once Note: Task A and Task B involve repetitive performing and editing, thereby requiring the composers to switch back and forth between modes on their own.

KEYedUI Prototype I Results KEYed UI Prototype I Results Mean Time with 95% Confidence error bars Test 1 Test 2 Learning Time: 5 minutes Results using paired t-test: Test 1 - Piano controller faster, significant (p<0.05) Test 2 - Piano controller faster, not significant (p<0.06) No mode errors detected

KEYed UI Prototype II Prototype II platform −Steinberg ® Nuendo ® 1.5 on Windows ® 2000 KEYed Pedal and Sustain Pedal A single-point touchpad for 1D and 2D tasks Single-Point Touchpad KEYed Pedal

KEYedUI Prototype II Studies KEYed UI Prototype II Studies 1.The interaction methods compared are: a) Computer Keyboard / Mouse + Piano Keyboard b) KEYed b) KEYed UI II with Audio c) KEYed c) KEYed UI II without Audio Testing for Response Time with 10 Composers Simple, Moderate and Complex editing tasks Note: All tasks involve repetitive composing and editing, thereby requiring the composers to switch back and forth between modes on their own. 2.Case study for a one week period with 1 Composer

KEYedUI Prototype II Studies KEYed UI Prototype II Studies Experiment Booth KEYed user interface Layout

Mean Completion times KEYedUI Prototype II Results KEYed UI Prototype II Results Learning Time: 16 minutes KEYed Prototype II with Audio vs. Computer Keyboard / Mouse : Response time faster with the KEYed UI with no significance KEYed Prototype II without Audio vs. Computer Keyboard / Mouse : Response time faster with the KEYed UI with no significance

KEYedUI Prototype II Results KEYed UI Prototype II Results Case study results Positive feedback Very natural to use Requested more mappings Suggested the use of musical chords Single-point touchpad too small

Piano keyboard can be used as an alternative input device in music composition workstations A momentary foot pedal like the KEYed foot pedal is easy to acquire, and is an ideal mode switch for switching between the performing and editing modes Though small, the single-point touchpad is found to be natural to use for bimanual tasks Contributions

Contributions KEYed user interface illustrates how an appropriate mapping of the layout, feedback, and context is important in the design of user interfaces. Results published at CHI’2002 and ICMC’2002.

Overlaying composition functions on other controllers Exploring musical structures and mappings, for example, scales and chords Providing user customizable mappings Future Directions

Conclusions Current approaches to music composition workstations design divide the performance and editing tasks In pursuing the KEYed project, we have found that findings in HCI can be applied to the problems in current music composition workstation design Gives rise to faster response time in devices with minimal learning Ultimately, greater comfort leads to greater creative flow and better music

Questions

KEYed UI System Design MIDI OUT MIDI IN MIDI THRU SB PCI 128 MIDI OUT MIDI IN MIDITHRU SB Live MIDI OUT MIDI IN MIDITHRU KEYed Messaging System Cubase 5.0 VST Or Nuendo 1.5 KEYed Dynamic Link Library (Window Handles) Event Windows Queue KEYed Sustain Pedal Pedal Serial Port Single-point Touchpad Figure 3.17: KEYed User Interface Software Design Windows Applications

Measured Mean Task Completion Time vs Predicted KLM Times Measured Means (Seconds) Predicted Time A (Seconds) Predicted Time B (Seconds) Task A Computer Keyboard R R1 KEYed Prototype I R1 Task B Computer Keyboard R R2 KEYed Prototype I R2 Task C Computer Keyboard (CK) / Mouse (M) 40.74CK: R3CK: 46 + R3 M: R3M: R3 KEYed Prototype II (with audio) R3 KEYed Prototype II (without audio) R3 Touchpad R R3 Task D Computer Keyboard (CK) / Mouse (M) CK: Not measurable M: R4M: R4 KEYed Prototype II (with audio) R R4 KEYed Prototype II (without audio) R R4 Touchpad R R4 Task E Computer Keyboard (CK) / Mouse (M) CK: Not measurable M: R5M: R5 KEYed Prototype II (with audio) R R5 KEYed Prototype II (without audio) R R5 Touchpad R R5

Measured Mean Task Completion Time vs Predicted KLM Times CKKP1 CK KP1 TASK A TASK B CK/M KP2A KP2NA TP CK/M KP2A KP2NA TP CK/M KP2A KP2NA TP TASK C (Simple) TASK D (Moderate) TASK E (Complex) Where, CK = Computer Keyboard KP1 = KEYed Prototype I KP2 = KEYed Prototype I M = Mouse KP2A = KEYed Prototype II with Audio KP2NA = KEYed Prototype II without Audio TP = Touchpad

Single point touchpad Ex. Drawing graphs with the touchpad