본문 바로가기

Reference

레퍼런스 분석 7주차 - Voice Recorder

728x90

7주차 레퍼런스는 평소에 자주 쓰는 Voice Recorder를 분석해보기로 했다

Voice Recorder는 사용자의 음성을 인지하고, 텍스트로 치환해 자동으로 기록해주는 어플이다

 

Voice Recorder

 

Voice Recorder는 평소에 생각나는 말이 있을 때 녹음을 하면 알아서 대본을 만들어주기 때문에 유용해 자주 쓰는 앱이다

그리고 인터페이스가 군더더기없고 필요한 기능만 있어 사용하기 편리하다

 

화면 구성 분석

메인 화면

 

Voice Recorder의 메인화면은 내가 녹음한 리스트를 보여준다

가장 상단에 프리미엄(유료) 광고가 뜨는데, 작아서 거슬리지 않는 정도이다

 

1) 각 리스트에는 음성 종류를 나타내는 아이콘, 제목, 날짜, 시간으로 구성되어있다

가장 편한 점은 내가 녹음한 내용에 따라 알아서 제목을 생성해준다는 것이다

사용자가 녹음한 음성을 텍스트로 변환하여 대본을 생성하고, 대본 내용에 따라 키워드를 추출해 제목을 만들어준다

제목이 중요하지 않은 사용자라면, 녹음 기록의 과정이 굉장히 짧아져 편리해진다

 

2) 하단 앱바는 홈, 내정보, 녹음하기 3개의 아이콘으로만 간단하게 구성되었다

다른 종류의 음성 기록을 불러오는 기능이나 부차적인 기능을 따로 페이지를 만들지 않고 모두 메인 페이지에 잘 숨겨두어 이런 구성을 가질 수 있다고 생각한다

 

3) 리스트를 탭하면 상세기능이 열린다 가장 오른쪽에 메뉴 아이콘이 나타나고 아래에는 재생 범위를 확인할 수 있는 슬라이더와 재생버튼, 기타 다른 기능의 아이콘이 생성된다

 

4) 하단 앱바 가운데에 녹음 버튼을 누르면 팝업이 뜨고 바로 녹음이 시작된다

"새로운 녹음 112"라고 제목이 자동으로 생성되고, 시간과 주파수를 볼 수 있는 ui와 멈춤 아이콘이 뜬다

 

메뉴 아이콘 / 텍스트 아이콘

 

메뉴 아이콘과 텍스트 아이콘을 누른 경우의 화면이다

 

1) 메뉴 아이콘을 누르면 뜨는 팝업은 3단으로 구성되어있다

상단에 음성 데이터의 기본적인 정보(제목, 소요시간), 중간에 데이터를 수정할 수 있는 기능, 하단에는 데이터를 가지고 사용자가 할 수 있는 액션에 대해 모아 정리되어있다

다소 많은 기능들이 있지만 디바이더를 통해 영역을 분할하고, 각 영역마다 레이아웃을 다르게 해 깔끔하게 정리되었다

 

2) 재생 슬라이더를 조정하면 그 시간의 음성을 텍스트상에 하이라이트해준다

슬라이더를 조정해 원하는 부분부터 들을 수 있어 편리하다 보통 사용자가 원하는 부분을 들으려면 감으로 시간을 맞춰야 하는데 텍스트에 하이라이트를 해 효율적으로 원하는 위치로 이동할 수 있다

 

3) 문법을 수정해주는 아이콘이다 텍스트상 잘못된 문법을 알아서 수정해준다

남에게 내용을 공유할 때 유용한 기능같아보인다

 

4) 하단의 플레이어는 시간 슬라이더, 소리 조절 아이콘, 앞으로감기/뒤로감기, 목소리 분리하기 아이콘이 있다

목소리 분리하기 아이콘은 대화를 하는 것 처럼 목소리에 따라 화자를 분리해준다

 

개선점 찾기

Voice Recorder를 사용하면서 크게 불편한 점은 없었지만, 소소하게나마 작은 부분을 개선해보았다

 

녹음 화면

 

녹음을 할 때 멈출 수 있는 기능이 없어서 불편했다

기존에 녹음 설정 버튼을 왼쪽으로 보내고, 멈춤 기능 아이콘을 오른쪽에 배치하였다

 

텍스트 생성 화면

 

제목을 생성할 때 내가 의도한 것과 다른 제목이 나올 경우에 다시 수정하기가 귀찮았다

처음에 음성을 텍스트로 치환할 때 있는 페이지 내에서 제목을 수정할 수 있는 방법을 고안해보았다

제목 오른쪽에 새로고침 버튼을 두어 다른 제목으로 고칠 수 있게 했다

같은 내용을 여러번 녹음해도 모두 다른 제목을 랜덤 생성하는 것을 보면, 이 기능을 구현할 수 있을 것 같다