[TIL 4주차 화요일] 역설계와 클론 디자인

역설계, 역기획(Reverse Engineering)

원래 제품이나 프로그래밍에서 제품을 놓고 도면이나 설계도를 역으로 설계해내는 방식

대상을 체계적으로 분석해 원리나 중요한 규칙을 찾아내는 접근법이라는 뜻으로 확장돼 분야를 가리지 않고 사용됌

 

역설계에서 고려할 점

디자인 자체보다는 그렇게 한 이유에 대해 생각

어떤 것이 유사하고, 어떤 것이 다른지 다각도로 관찰

사용자가 해야 하는 가장 중요한 행동을 중심으로 분석

 

역설계 과정

*도메인 및 레퍼런스로 삼을 서비스 확인 >역설계로 어떤 걸 확인하고 조사할 지 결정

>조사 대상 화면 준비> 화면을 비교하며 분석한 내용 정리

 

* 도메인(Domain) 업계나 업종

금융: 토스, 뱅크샐러드, 카카오뱅크, 네이버페이 등

패션 커머스: 무신사, 지그재그, 에이블리 등

배달: 배달의민족, 쿠팡이츠, 요기요 등

숙박: 여기어때, 야놀자 등

 

역설계 예시 1 출저 : 스파르타 코딩 클럽

 

 

역설계 예시 1 출저 : 스파르타 코딩 클럽

클론 디자인

디자인을 복제한다는 뜻으로, 다른 서비스의 디자인을 따라하면서 규칙과 스타일가이드를 분석하는 훈련

클론 디자인은 디자인의 의도나 UX 전략을 찾아내는 것보다는, 어떤 규칙으로 UI가 만들어졌는지 찾아내는 과정

UI 디자인이 익숙하지 않을 때, 다양한 UI를 직접 따라 그려보면서 규격, 크기, 형태, 색상 등에 대한 나름의 기준점을 만드는 것에 도움을 줌

클론 디자인 과정

디자인할 서비스 결정 > 전체적인 레이아웃 규칙 발견 >  세부적인 UI 모방 > 스타일가이드로 정리

디자인 큰론 예시 출저 : 스파르타 코딩 클럽