Design : 온보딩 화면 QA 적용

[huiwoo-jo]

📮 관련 이슈

• resolved 온보딩 화면 디자인 QA #187
• resolved 학과 및 키워드 설정 필수 #218
• resolved Gray300 색상 수정 #223

✍️ 구현 내용

• 온보딩 디자인 및 기능을 수정하였습니다.

value

• gray300과 gray400이 동일한 색상 값으로 된 점을 수정하였습니다.
• line 색상 값을 수정하였습니다.

firstLauch

• isFirstLauch를 제거하였으며, isFirstLauch값을 온보딩 3단계에서 메인 화면으로 넘어갈 경우로 수정하였습니다.

온보딩 전체 화면

• 제목의 사이 간격을 조정하였습니다.
• 온보딩 단계 컨테이너의 가로 폭을 조정하였습니다.
• 온보딩 단계의 2단계 키워드 선택을 키워드 설정으로 수정하였습니다.
• 온보딩 단계의 하단 버튼의 폰트를 Medium으로 수정하였습니다.

1단계

• 학과 검색창 색상을 변경하였습니다.
• 검색창이 비어있을때 빈 아이템이 뜨고, 그것을 눌렀을 때 창이 꺼지는 오류를 해결하였습니다.
• 빈 화면이나 유효하지 않은 학과를 입력한 경우 화면이 넘어가지 않습니다.
• 유효한 학과를 선택한 경우 검색창의 텍스트가 파란색으로 변경되도록 수정하였습니다.

2단계

• 키워드 컨테이너들의 가운데 정렬 오류를 수정하였습니다.
• 키워드 chip의 크기와 배경 및 테두리의 색상을 변경하였습니다.
• 하나 이상의 키워드를 선택하지 않은 경우에는 화면이 넘어가지 않습니다.

3단계

• 스위치의 문자값을 키워드 설정에서 키워드 알림 설정으로 수정하였습니다.
• 스위치의 좌우 여백을 수정하였습니다.

📷 구현 영상

온보딩 1단계

검색 전	검색 중	검색 후	영상
			https://github.com/TeamDMU/DMU-Android/assets/84004687/ba499765-83eb-4648-8df8-9c66b5e351f3

온보딩 2단계

키워드 선택 전	키워드 선택 후	영상
		https://github.com/TeamDMU/DMU-Android/assets/84004687/6bb78387-59ea-48d9-895b-19edcb9ec22d

온보딩 3단계

알림 설정 off	알림 설정 on	영상
		https://github.com/TeamDMU/DMU-Android/assets/84004687/f5955bd8-ba55-4307-8229-440afedafca9

✔️ 확인 사항

• 컨벤션에 맞는 PR 타이틀
• 관련 이슈 연결
• PR 관련 정보 연결 (작업자, 라벨, 마일스톤 등)
• Github Action 통과

[m6z1]

어푸어푸 ~