개발팀에 디자이너가 없다고? 😲 컴포넌트 라이브러리의 장·단점 비교

디자이너 없는 디자인 시스템 🎨

안녕하세요 광주과학기술원 재학생이자, 집단 지성을 통해 마약 유통, 부실 건축물과 같은 공공문제를 해결하는 플랫폼, 메페토를 만들고 있는 황인선입니다.

저희 팀에는 디자이너가 없는데요.!

그 이유는 현재 팀원들을 주로 저희 학교 지인들로 구성하였는데, 학교 이름처럼 과학·기술 전공생들만이 가득하기 때문입니다! (KAIST에는 산업디자인학과가 있긴 합니다...😂)

그럼에도 처음 저희 프로토타입을 본 분들의 반응은

"오 디자인 예쁘다!"

"UI 어떻게 만들었어?"

하고 물으시곤 했어요.

저희팀은 Mantine이라는 라이브러리를 디자인 시스템으로 사용하고 있는데요.

이전까지는 각 컴포넌트를 직접 개발했던지라, 컴포넌트 라이브러리의 장·단점을 알 수 있었습니다.

사용하기 전엔 우려했지만, 실제로는 괜찮았던 점

개발 실력이 늘지 않을 것 같다?

기존에 컴포넌트 라이브러리를 적극적으로 사용하지 않았던 이유는 먼저 개발 실력이 늘지 않을 것 같다는 것이 큰 이유였어요.

하지만, 컴포넌트 라이브러리를 쓰면서는 오히려 개발 실력이 더 빠르게 늘 수도 있겠다는 생각이 들었습니다!

컴포넌트 라이브러리를 사용하는 것은 프론트엔드 개발 쪽일텐데, 각각의 컴포넌트 개발 후에 이들의 상태 관리, API, 로컬 스토리지와 같이 알아야 할 개념들이 많기 때문에 특히 개발 속도가 빠르지 않은 분들이면, 컴포넌트 디자인과 완성도를 어느 정도 수준으로 빠르게 확보하고 이후의 개발에 더 집중할 수 있다는 점이 큰 장점으로 다가올 것것 같아요!

내가 쓰고 싶은 컴포넌트가 없다?

그리고 개발을 처음 배울 때, bootstrap과 같은 다른 컴포넌트 라이브러리를 썼었는데요.

UI에 대한 이해도가 낮았는데도 디자인을 먼저 하고, 개발을 그 후에 하였어요. (그 때도 디자이너는 따로 없었네요... 😆)

그러다보니 상상했던 UI가 없어서 그걸 개발하느라 시간을 쓰고, 그런 UI는 개발하기도 까다로워서 개발에 병목이 되는 경우가 많았습니다. 있는 컴포넌트로 대체할 수 있었는데도 그 땐 그런 생각을 떠올리지 못했었네요. 🥲

지금은 원하는 기능과 유저 시나리오를 먼저 정의하고, 이후에 적합한 UI를 고민하고 있는데, 덕분에 더 스무스하게 개발하고, 사용자들이 동일한 고객 여정을 더 익숙한 UI에서 경험할 수 있게 하여 UX 개선에도 도움이 되고 있습니다!

UI에 대한 안목이 길러지지 않을 것 같다?

있는 컴포넌트 내에서 주로 UI를 구성하다보니, 시야가 좁아질 것이라는 우려가 있었어요.

하지만, UI 일관성을 위해 어떤 컴포넌트들이 재사용하기 좋을지 감각이 길러진다는 점이 더 큰 장점으로 느껴지네요!

작은 규모의 팀이라면, 컴포넌트 라이브러리 추천드려요 👍

규모가 작고, 디자이너를 구하기 어려운 환경이라면 컴포넌트 라이브러리로 빠르게 제품을 만들어 보시는 걸 추천드려요!

메페토팀도 직접 컴포넌트를 개발하는 것에 비해 시간을 엄청나게 줄일 수 있었습니다! 매우 러프하게, 개발 시간이 반 이상은 준 것 같아요.

다음 메이커로그는,

유저 시나리오 작성 일지
순살 자이 사태, 집단 지성으로 알아 본 해결책은?

를 주제로 작성할 예정입니다! 관심있으신 분은 댓글이나 팔로우 / 커피챗 요청해주세요! 언제나 환영입니다 🤗