Muro Box App 디자인
Muro Box 앱 기능 브레인스토밍
Muro Box는 세계 최초로 앱으로 제어되는 오르골이기 때문에, 그 이전까지 모바일 앱으로 오르골을 제어한 사례는 없었습니다. 사용자 친화적인 앱을 설계하기 위해 사용자들의 요구 사항과 습관을 면밀히 조사했습니다.
초기에는 사용자 인터페이스(UI) 디자이너 및 백엔드 소프트웨어 엔지니어와 매주 회의를 열어 앱의 구조를 논의했습니다. 회의가 없는 시간에는 잠재 고객 발굴에 도움이 될 Muro Box의 프로토타입과 기타 시각 자료를 디자인하는 데 집중했습니다.
결국 우리는 앱에 다음 기능을 포함하기로 결정했습니다: 1) 작곡, 2) 음악 업로드, 3) 플레이리스트 편집, 4) 업로드된 멜로디에 대한 키워드 검색, 5) 스마트 알람 설정, 6) 맞춤 제작 오르골 멜로디를 주문하기 위한 작곡가 찾기. 우리 팀에게 작곡 기능은 가장 어려운 과제였습니다. 팀원 대부분이 악보를 읽지 못했기 때문입니다. 악보를 읽을 수 있는 사람은 2년 동안 피아노를 배운 공동 창업자 Shiao-Chen Tsai 박사뿐이었습니다. 따라서 우리는 작곡 수업을 진행할 컨설턴트를 고용하기로 결정했습니다. 그래서전문가에게 직접 배우고 수업 중에 사용자들의 피드백을 수집할 수 있었다는 점입니다.
Muro Box App의 ‘로고’ 디자인하기
앱의 일관된 스타일을 구축하기 위한 첫 단계는 앱을 대표하는 색상을 선택하는 것이었습니다. 기계식 오르골이 "현대 기술"을 통해 "새로운 생명"을 얻는 모습을 보여 주는 것이 목표였기 때문에, UI 디자이너는 녹색과 파란색을 결합한 색상을 선택하자고 제안했습니다. 녹색은 흔히 "생명과 자연"과 연관되고, 파란색은 흔히 "기술"과 연관되기 때문입니다.
저희 앱 로고를 디자인할 때에는 기계 구조를 단순화하여, 사람들이 기계식 오르골임을 알아볼 수 있게 하는 핵심 특징인 음빗(음정 빗살) 부분만 표현했습니다. 이어서 저희 UI 디자이너는 음빗의 형태와 M 형태를 결합하여 Muro Box의 머리글자를 나타냈습니다.
Muro Box를 위한 추가 시각 자료 디자인
앱에 대한 의견을 수집하기 위해 잠재 고객을 발굴하고자, 2017년부터 2018년까지 오르골 DIY 수업과 디지털 작곡 수업을 여러 차례 진행했습니다. Shu-Hung Huang은 당사 로고와 티셔츠를 디자인했으며, 초기 시제품의 외형을 바탕으로 포스터 두 장도 제작했습니다. 그의 디자인 덕분에 초기 시제품이 최종 제품만큼 보기 좋지 않았음에도 불구하고, Muro Box에 관심을 보이는 사람들을 찾을 수 있었습니다.
당시 우리는 잠재 고객이 전통 오르골 애호가이거나 자신만의 음악을 작곡하는 방법을 배우는 데 관심이 있는 사람들이라고 생각했습니다. 결국 DIY 오르골 수업 참가자 대부분은 우리의 목표 고객이 아니라는 사실을 깨달았습니다. 그 이유가 궁금하다면 이전 스토리인 Muro Box Prototype Designing를 확인할 수 있습니다. 우리의 작곡 수업 참가자 중 일부만이 첫 번째로 우리의 후원자가 된 것으로 드러났습니다.2018년 대만에서 진행된 크라우드펀딩 캠페인.
잠재 고객들로부터 다양한 질문을 받았습니다. 그중 반복적으로 제기되는 문의 중 하나는 API(Application Programming Interface)를 공개할 것인지 여부입니다. 이 질문에는 페이스북 게시물에서 창의적인 이미지와 상세한 설명으로 답변했습니다. 해당 게시물에서는 오픈 API를 제공하지 않는 이유를 설명하면서도, 향후 이를 열어 둘 가능성은 남겨 두고 있습니다. 이 사진은 이전 프로토타입의 모습을 보여 줍니다. 여러 프로토타입의 디자인을 어떻게 개선했는지 더 자세히 알고 싶으시다면, 이전 글을 읽어 보시기를 권합니다.스토리: Muro Box 프로토타입 디자인.
음악 작곡 수업에서 사용자 요구 관찰
앱 개발을 완료하기 전에 우리는 학습자들이 무료 작곡 소프트웨어인 LMMS와 Studio One을 사용하는 모습을 관찰하기 위해 음악 작곡 수업을 진행했습니다. 2017-2018년에는 작곡가 Willy Tsai를 초빙하여 성인들이 무료 소프트웨어를 사용해 디지털 음악을 작곡하는 방법을 가르치도록 했습니다. 앱에 포함할 도구를 정하기 전에, 수업에 고급 학습자와 초급 학습자가 모두 있었기에 그들의 서로 다른 요구를 관찰할 수 있었던 것은 행운이었습니다. 우리는 사용자가 멜로디를 신속하게 제작하고 업로드할 수 있도록 그 도구들을 설계했습니다.
저희 UI 디자이너는 2017년 가을에 음악 작곡 수업을 수강했습니다. 그는 멜로디를 만드는 데 필요한 단계를 정리한 뒤, 모바일 화면의 제한된 공간을 고려하여 앱에는 꼭 필요한 정보만 표시하자고 제안했습니다.
각 수업이 끝날 때마다 참가자들은 설문조사에 참여하여 저희 앱 디자인에 대한 추가 제안을 했다. 수업 후 저희는 관찰 내용을 저희 앱 엔지니어 Che-Ting Kuo와 UI 디자이너 Shu-Hung Huang에게 공유했다. 저희는 저희 사용자가 작곡에 관한 사전 지식이 없어도 앱을 쉽게 사용할 수 있도록 저희 앱의 디자인을 여러 차례 수정해 왔다. 다음 영상은 저희 앱에 낙서하듯 그려 새로운 멜로디를 작곡하는 방법을 보여 주는 예시이다.
작곡 수업에서 우리는 많은 초보자가 악보의 기보를 디지털 악보 표기로 옮기지 못해 작곡 소프트웨어에서 음을 무작위로 추가하는 데 그친다는 점을 발견했습니다. 그래서 우리는 우리 작곡가 Willy Tsai에게 간단한 패턴 몇 가지를 바탕으로 새로운 멜로디를 만들어, 사람들이 무작위로 그린 그림을 표현할 수 있게 해 달라고 요청하자는 아이디어를 떠올렸습니다. 결국 그는 이 영상에서 물고기, 웃는 얼굴, 하트 모양을 담은 하나의 멜로디를 작곡했습니다. 이후 우리가 이 영상을 페이스북 팬 페이지에 공유했을 때, 이 영상은 우연히 도움이 되었습니다.새로운 목표 고객층을 찾아봅시다: 인터랙티브 게임을 활용하여 어린이들에게 음악을 가르치고자 하는 교사 또는 부모.
당사는 숙련된 디지털 음악 작곡가들이 당사 모바일 앱보다 전문 소프트웨어에서 음악을 편집하는 것을 선호한다는 점을 확인했습니다. 이는 해당 소프트웨어에서 음악을 재생함과 동시에 녹음하고자 했기 때문입니다. 이들의 제안에 힘입어 당사는 향후 Muro Box의 40음 버전을 위한 웹 기반 애플리케이션을 개발하여, 작곡가들이 복잡한 멜로디를 보다 효율적이고 수월하게 창작할 수 있도록 돕기로 결정했습니다. 현재 모바일 앱은 현행 20음 Muro Box에 맞추어 기본적인 작곡 기능만 포함하도록 설계되었습니다.
다음 영상에서는 Muro Box 앱에서 새로운 멜로디를 만들거나 업로드하는 방법을 확인할 수 있습니다.
사용자가 제3자 소프트웨어에서 편집한 음악을 업로드할 수 있도록, 당사는 앱에서 세 가지 방법을 제공했습니다. 첫 번째 방법은 사용자의 스마트폰 저장 공간에서 음악을 업로드하는 것으로, 이는 MIDI 파일을 먼저 스마트폰으로 전송해야 함을 의미합니다. 두 번째 방법은 인터넷에서 URL을 복사한 뒤 앱에 붙여 넣는 것입니다. 앱은 해당 URL에서 MIDI 파일을 자동으로 다운로드합니다. 이 방법은 사용자가 Google Drive와 Dropbox 같은 클라우드 저장소에서 MIDI 파일을 내보내는 데 도움이 될 수 있습니다. 세 번째 방법은 QR 코드를 스캔하여 MIDI 파일을 다운로드하는 것입니다. … 전에Muro Box 앱에 업로드하는 것입니다. 이 방식은 제품과 함께 포장할 수 있는 카드에 멜로디 다운로드 링크를 QR 코드로 인쇄하여 특별한 멜로디를 선물로 전달하는 용도에 맞게 특별히 고안되었습니다.
미국에 있는 첫 사용자가 딸을 위해 의미 있는 결혼 선물을 준비할 수 있도록 돕고자 QR 코드 방식을 고안했습니다. 그는 Muro Box로 필 콜린스의 "You'll be in my heart"를 연주하고 싶어 했으며, 이 멜로디를 내려받는 방법을 안내하는 카드를 패키지에 동봉해 주기를 바랐습니다. Muro Box를 받았을 때 그의 딸이 어떤 느낌이었는지 더 읽어 보시려면, 이 이야기를 읽어 보시기 바랍니다.
페이스북에서 실제 사용자 피드백을 수집합니다.
2019년 5월 대만에서 앱 베타 버전을 출시했으며, 사용자 Facebook 그룹에도 이를 공지했습니다. 많은 대만 후원자들이 버그를 찾아주신 덕분에 앱을 효율적으로 개선할 수 있었습니다. 2019년 6월에는 해외 사용자를 지원하기 위해 정식 앱을 출시했습니다.
Muro Box 앱이 공식 출시되었을 때, 저희 첫째 아이는 이미 11개월이었습니다. 저희 아기는 Muro Box 프로토타입과 그 앱이 개발되는 과정을 지켜보았습니다. 매주 화요일 저녁에 열린 저희 엔지니어들의 회의에 늘 함께했기 때문입니다. 또한 2018년부터 Muro Box의 초기 프로토타입이 연주한 음악을 들어 왔습니다.
다음 영상은 저희 아기가 들어 본 시제품 가운데 하나를 보여 줍니다. 이 멜로디는 저희 작곡가 Willy Tsai가 작곡했으며, Dr. Tsai인 제가 한 달 뒤 세상에 나올 아기를 기다리며 쓴 편지를 바탕으로 만들어졌습니다.
2018년은 우리에게 참으로 많은 일이 있었던 한 해였습니다. 그해 우리는 두 아이, 즉 Muro Box와 아들을 돌봐야 했습니다. 첫째 아이는 2018년 Muro Box의 첫 크라우드펀딩 캠페인이 있은 지 한 달 후에 태어났습니다. 그 모든 스트레스와 늦은 밤들을 지나온 지금, 우리는 그러한 도전들을 감사하게 여깁니다. 그것들이 우리 삶을 기억에 남는 의미 있는 이야기로 가득 채워 주었기 때문입니다. 시범 생산 제품의 여정을 돌아보면, 가족과 친구들에게 나눌 만한 교훈이 많았습니다. 이제 Muro Box는 우리 가족의 기억을 담은 가보가 되었습니다. 우리는 Muro Box 사용자들이 …하기를 바랍니다.자신들만의 음악을 연주할 수 있는 열쇠가 되어, 그들 역시 우리처럼 자신들만의 소중한 추억을 많이 떠올리게 될 것입니다.
다음 이야기인 Muro Box 시험 생산에서는 대만의 여러 공장과의 협업을 통해 이 스마트하면서도 정교한 오르골을 제작하는 과정에서 우리가 다양한 난관을 어떻게 극복했는지를 기록할 것입니다.