<aside> ✏️

목차

</aside>

https://github.com/boostcampwm-2024/web31-BooLock/pull/217

계기

그래서 마감 일주일도 안 남은 상황에서 급하게 구현하게 되었다.

과정

디자인 (코치마크)

방향성

image.png

처음에는 단순히 위와 같은 UI를 생각하였다.

하지만 워크스페이스 특성상 기능이 많아 모두 담기에 무리였다.

또한 위치가 제각각이라 순서 파악도 힘들 것이라 파악되었다.

그래서 프로그래머스처럼 코치마크로 순서와 동작을 명시하기로 하였다.

시안 중 일부 (2, 3 단계)

시안 중 일부 (2, 3 단계)

디지털 정부서비스 UI/UX 가이드라인 _코치마크 발견하여 코치마크 최종 시안은 아래로 확정하였다.

image.png