복잡한 UI를 구현해보신 적 있나요?

ShowNote의 기획서는 100 몇십장이었죠. 각 개체 종류마다 고유한 설정 화면을 따로 가졌기 때문이었는데요. 이 문제를 해결하기 위해 Popover안에서 일반/효과/음원의 하부 탭을 만들어서 하나의 팝업으로 모든 개체를 설정할 수 있게 했습니다. 사실 기획서를 수정한게 아니라 기획서를 무시하고 구현을 그렇게 하고 그것에 맞춰서 기획서가 수정된 것 이었죠. 때로는 말보다 직접 보여주는 것이 효과적일 수도 있습니다. 특히 모바일 경험이 없는 분들에게는 말이죠. 이 글은 큰 PC 화면으로는 문제 없지만 작은 모바일 기기에서는 왜 문제가 되는지 해결하기 위해 어떤식을로 구성하는 것이 좋을지에 대한 디자인 예를 알려줍니다. 모바일 개발이 처음이라면 참고하시면 좋을 것 같아요. #직독직해 #medium #filter #options #mobile #smalldevice #navigation #list https://youtu.be/qerTSOC4MLU