UX 개발자를 위한 사운드-키트
프로 음향 디자이너가 UX 개발자의 상호작용 개선을 위해 무료로 고퀄리티 사운드-키트를 제공한다. SND 웹 사이트에서 이런 상호작용을 직접 경험해보고 다운로드 할 수 있다.
상호작용은 텍스트와 시각에 국한되어서는 안되며, 그것보다 더 풍부해야 합니다. 상호작용의 강도를 더 풍부하고 강하게 만들기 위해서, 우리는 소리에 대해 더 많은 관심을 가져야 합니다.
SND 소개
웹사이트가 영문이므로 간단히 번역하여 소개한다.
SND는 츠치야 야스히로, 타니구치 아야코 두 명의 음향 디자이너가 직접 제작한 UX 사운드를 개발자에게 배포하기 위한 일종의 캠페인 사이트다.
맑고 간결한 컴퓨터 인터페이스 사운드 스타일과 실제 그랜드 피아노에서 녹음한 두 가지 느낌의 사운드 파일을 다운로드 할 수 있다. 개발자를 위한 코드 조각도 제공한다.
Javascript + npm
// $ npm install snd-lib
import Snd from 'snd-lib';
const snd = new Snd();
// Get all anchor elements.
const links = document.getElementsByTagName('a');
// Event handler for click
const onClick = (e) => {
snd.play(Snd.SOUNDS.TAP);
}
// Load audio file
snd.load(Snd.KITS.SND01).then(() => {
// Listen click event of all anchor elements.
for (let i=0; i<links.length; i++) {
links[i].addEventListener('click', onClick)
}
})
개발자, 디자이너에게
끝으로, 두 음향 디자이너가 UX 개발자와 디자이너에게 전하는 메시지를 소개한다.
UX 개발자를 위한 사운드-키트
스마트 스피커와 무선 이어폰이 보급되면서 인터랙션(상호작용) 디자인에서 소리의 중요성은 나날이 높아지고 있습니다.
그러나 상호작용 디자인 분야에서 시각 디자인 및 애니메이션 분야의 많은 연구와 실천에 비해, 게임과 같은 일부 분야를 제외하고는 소리와의 상호작용 설계에 대한 충분한 이해가 부족한 것으로 보입니다.
상호작용은 텍스트와 시각에 국한되어서는 안되며, 그것보다 더 풍부해야 합니다. 상호작용의 강도를 더 풍부하고 강하게 만들기 위해서, 우리는 소리에 대해 더 많은 생각을 해야합니다.
그러나 상호작용 디자인 분야에서는 시각 디자이너나 프로그래머보다 음향 디자이너의 수가 적고, 소리를 만드는데는 확실히 장벽이 있습니다.
UX 개발자들이 소리와의 상호작용 디자인 분야에서의 논의를 더욱 활발히 할 수 있도록 라이선스 걱정 없이 무료로 사용할 수 있는 UI 사운드를 공개합니다.
여러 사운드 디자이너와 협업하여 개발된 UI 사운드는 많은 현대 UI에 사용되는 구성 요소에 맞게 설계되었습니다.
각각의 사운드는 서로 다른 컨셉으로 개별적으로 설계되어, 소리를 전환하면 질감과 음색의 변화를 느낄 수 있습니다.
개발 중인 앱, 서비스, 제품에 대한 UX의 품질을 더욱 다듬고 사운드 디자인 분야를 개척하는데 도움이 되는 자료로 활용하시기 바랍니다.
‘SND’에 게시된 모든 UI 사운드는 상용이든 비상용이든 상관없이 무료로 사용할 수 있습니다. 따라서 프로토타이핑, 실제 서비스 구현에도 사용할 수 있습니다.