QuackQuack for Android

QuackQuack은 꽥꽥이라 발음하며 덕키의 디자인 시스템, 그 이상의 제품입니다. 덕키 모바일 프로덕트에 사용되며, 최고의 사용자 경험과 개발자 경험 제공을 목표로 합니다.

꽥꽥은 아래와 같은 목표로 탄생했습니다.

디자이너-개발자 간 UI 컴포넌트 용어/이미지 통일

디자이너는 컴포넌트를 디자인하면서 붙이는 레이블에 익숙하지만 개발자는 해당 레이블에 익숙하지 않을 수 있습니다. 또한 컴포넌트의 디자인 맥락이 머릿속에 있는데 개발자는 그렇지 않을 수 있습니다. 이러한 상황이 지속되면 디자이너와 개발자 간 소통이 어려워집니다. 이를 예방하고자 덕키 디자인에 사용되는 컴포넌트를 시스템화하여 모두가 동일한 용어와 이미지를 연상할 수 있게 합니다. 또한 모르는 컴포넌트가 나왔을 때도 쉽게 찾아볼 수 있도록 합니다.

생산성

디자인을 시스템화하여 개발하면 다음과 같은 이점을 기대할 수 있습니다.

• 구현이 완료된 컴포넌트와 그렇지 않은 컴포넌트가 명확하게 구분되어 하나의 컴포넌트를 중복으로 개발하는 일이 없어짐
• 동일한 컴포넌트인데 개발자의 실수로 세부 디자인에 오차가 생길 일이 없어짐
• 디자인 시스템 피쳐를 별도로 가져가면 프로덕트 피쳐 개발자가 하나의 주제에만 집중할 수 있음 (디자인에 변경이 생겼을 때 직접 UI 코드베이스를 건들 필요가 없고, 오직 비즈니스 로직에만 집중할 수 있음)

꽥꽥은 덕키 내부에서 사용할 목적으로 만들어졌기에 외부 프로젝트엔 적합하지 않을 수 있습니다. 다만, Jetpack Compose로 디자인 시스템 개발을 처음 시도하거나 디자인 시스템 도입을 고민하시는 분께 도움이 됐으면 해서 public으로 진행합니다.

Preview

Google PlayStore에서 catalog 앱을 설치하실 수 있습니다. (예정)

Maintainers

• 개발: 지성빈
• 디자인: 김혜진

Contributions

모든 기여를 환영합니다. 기여하시기 전에 contribution guide를 읽어 주세요.

기여해 주신 모든 분께 감사합니다.