WIP 20210714 Design System

0. Intro

이번에 공모전때문에 처음으로 figma를 써보고 난 뒤 Design System에 대해 진지하게 고민을 하게 됐다.

 

독창적인 아이디어와 다양한 기능도 중요하지만, 오랜 고민을 통해 정제한 UX가 없다면 무용지물이라는 걸 또 한번 느꼈기 때문이다.

시간을 들이면 당연히 그린 화면은 늘어나기는 하는데... 화면 연결, 화면 내 interaction 요소, 특정 메뉴에 대한 진입경로를 어디에 위치 시키는게 편할 지, 이 메뉴가 필요하기는 할 지, 사용자에게 어느 정보가 더 유효할 지 등등 고민이 무한대로 늘어났다.

(화면 연결이 너무 감이 안잡혀서 이미 N시간 들여 그린 화면을 그냥 뺄까 고민했을 정도 ㅋㅋㅋㅋㅋ_

 

디자인에 대한 전문성이 떨어지는 내 입장에서 기간 내에 완성할 수 있는 최선은 통일성있는 / 가이드가 없어도 예측 가능한 UX정도 인 것 같아서 어플에서 사용할 레이아웃과 컴포넌트를 중심으로 Design System을 만들기로 했다. 

* Design System에 대해 이것 저것 검색해보니 brand story나 철학부터 담고 있는 경우가 대부분이라서 조금 주눅이 들긴 했다. 😫
그래도!! 나는 전문가가 아니니까 처음부터 완벽하지 않아도 된다!! 🙌

 

1. 필요한 컴포넌트 정리