UI 수정

개선 이전

개선 전 화면

개선 전 디자인은 숫자 밖에 모르는 공돌이 인간이 만든 테스트용 화면 같다.

출시까지 고민하고 있는 만큼 조금 더 상용 앱 같은 느낌으로 수정하고 싶었다.

 

후보군

제미나이의 3가지 개선안

 

사실 위에서말한 숫자밖에 모르는 공돌이 인간이 나임.

그래서 제미나이에게 디자인 개선안을 물어봤다.

 

1번

미니멀리즘을 추구하는 나는 정말 마음에 드는 디자인이다.

군더더기 없이 깔끔하고 이후에 기능 추가하기에도 좋아보인다.

 

2번

6현 기타의 헤드가 전부 저런 모양이 아니며

이후 7~8현 기타의 튜닝도 만들어보고 싶은 생각이 들어 패스

 

3번

그래프와 슬라이드 전부 좋았지만

렌더링 리소스가 너무 많이 들어서 배보다 배꼽이 더 커보였다.

그냥 빨리 튜닝하고 다른거 해야할건데 이거 때문에 핸드폰이 뜨거워지면 안될거 같았다

그래서 패스

 

최종 선택 - 1번 디자인

최종적으로 1번이 선택됐다.

물론 이 디자인 그대로 한건 아니고 최대한 가깝게 구현하려고 했다.

데이터 및 상태값은 그대로 사용했으므로 UI만 수정하면 됐다.

그냥 스유 UI 코드라서 딱히 정리할게 없다.

 

결과

개선 이후

 

지금보면 빨간색과 파란색으로 굳이 나눠야 싶긴 하지만

+, - 상태를 나타내기에 직관적으로 좋아보여서 그냥 놔두려고 한다.

 

아래에 있는 슬라이더는 디버그 모드에서만 생기는 슬라이더다.

시뮬레이터에서 UI만 확인하고 싶은데 폰에 빌드하기 싫어서 만들었다.

 

미니멀한게 내 스타일이고 이후 내가 붙이고 싶은 기능이 있을때

큰 디자인 수정없이도 가능해보인다.

 

최종적으로 기능 테스트를 몇번 더 하고 성능을 개선하고 출시를 고려해봐야겠다.

플러그인 만들때도 느낀거지만 여기 DSP쪽도 결국 UI 노동인거 같다...