[05주_2024_11_20] 면담 / 가을 운동회

2024년 11월 20일 ( Wednesday )
───────────⚪──────
◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊

[개인]
🩶 디자인 카타 진행
🩶 UX 강의 듣기
🩶 TIL 작성 및 제출하기
[팀플]
🩶 새로운 팀명 및 약속 정하기
🩶 저녁 팀 스크럼(회고)

 

---

🤤오늘 진행한 부분!

오늘 오전에 튜터님과 면담을 하면서 알게된 사실은 오토 레이아웃을 너무 많이 사용하면 안된다라는 것을 정확히 알게 되었다. 오토레이아웃이 필요한 상황은 정렬이 맞아야하는데 반복적으로 사용할 때 오토레이아웃➡️ 컴포넌트 사용하여 간격 등을 정리할 때 사용된다. 처음에는 간격이 안맞다고 하셔서 버튼, 글꼴 등 이런 다양한 ui 요소들이 안맞는걸 줄 알았는데 양 옆 사이드 간격 맞추기를 하라고 하셨던거 였다. 빨리 더 많이 만들 생각에 옆 사이드 간격을 놓친거 같아서 아쉽다🥲

 

나의 피그마 상태: 피그마 활용하는 것은 문제없지만, 불필요한 오토레이아웃을 많이 사용하는 등 기능을 활용 잘 안됨

 

오후에는 가을 운동회를 진행하였다. 게임 종목은 멤버카드 OX퀴즈, 페인트 게임, 복싱게임, 좀비게임, 빙고게임으로 진행되었다. 그중 나는 어떻게 살아남은 건지 모르겠지만 좀비게임 본 게임에서 최종 생존자로 우승하게 되었다. 자신의 관심사를 가지고 빙고게임을 해서 빙고맞추기는 어려웠지만 다양한 사람들과 어울릴 수 있는 시간이여서 좋았던거 같다.

---

🫠 오늘 진행하며 어려웠던 부분!

내일 입력 필드 컴포넌트를 발표가 있어서 자료를 정리하던 중 텍스트 입력 필드와 날짜 입력 필드가 있어서 있고 텍스트 입력 필드와 날짜 입력 필드 구성 안에 입력필드가 있어서 혼란스러웠다. 우선은 텍스트 입력 필드를 중점으로 자료를 정리해서 내일 발표한 다음 피드백을 받고 정리를 수정하는 방식으로 진행할 예정이다.

---

😆새로 알게 된 사실!

튜터님과 면담이 끝난 후 UIUX 용어에 대해서 어떤 것이 있을 까 궁금하여 검색하여 찾아보니 다양한 것들이 있었는데 나도 실무를 하면서 헷갈릴 수도 있겠다라는 용어들이 있어 정리를 해봤다.

 

팝업(pop-up)

- 기존에 열려있는 브라우저 페이지 위에 또 다른 브라우저 페이지를 띄우는 것

- 기존 브라우저와 독립적인 관계

- 브라우저의 옵션을 통해 열리지 않도록 강제할 수 있음

- 이벤트, 사과문, 안내문 등 처음 페이지에 진입했을 때 바로 노출 ➡️ "오늘 하루 이 창을 열지 않음"

 

모달(modal)

- 기존에 열려있는 브라우저 위에, 새로운 창이 아닌 레이어를 까는 것

- 원래 브라우저와 종속적인 관계, 부모 - 자식의 형태를 가지고 있음

- 브라우저 옵션과 관계없이 띄울 수 있음

-  서비스와 관련해 다음 단계로 나아가기 위해 필요한 창

- 모달에 진입한 사용자는 서비스 흐름에서 벗어나, 모달 내 콘텐츠에 집중한 후, 모달을 벗어나는 순간 다시 원래 컨텐츠의 위치로      돌아갈 수 있음

 

⭐ 페이지는 사용자가 더욱 깊이 탐색할 수 있으며, 다양한 추가 작업 등을 수행할 수있지만, 모달은 명확한 엔드포인트가 없고, 서비스 흐름에서 벗어나는 것이 아니며, 주요 서비스 흐름의 일부

 

논-모달(non-modal)

- 말 그대로, 모달이지만 모달이 아님

- 보통 모달은 부모 화면을 사용자가 컨트롤할 수 없고, 모달 내 컨텐츠를 완료하거나 닫아야 다시 부모 화면에 접근할 수 있는 반면    에, 논모달은 부모화면을 사용자가 컨트롤 할 수 있음

- 사용자의 시선을 잡을 수는 없음

 

알럿(Alert)

- 알럿은 말 그로 유저에게 주의를 주거나 알림을 일반적으로 주는 경우에 사용

- 알렛에는 버튼이 포함되어 있음

- 버튼이 하나만 있을 경우, Alert

• ex. 필수 입력 사항을 입력해주세요 - 확인

- 버튼이 2개 있을 경우, Confirm

• ex. 저장하지 않고 나가시겠습니까? - 나가기 / 취소

- 입력 필드가 있다면, Prompt

- '레이어 팝업'이라고 부르기도 함

토스트(Toast)

- 토스터기에서 식빵이 튀어오르는 것처럼 나오는 알림이라고 해서 이름이 '토스트' 임

- 토스트에는 버튼이 없음 ➡️ 시간이 지나면 알아서 사라짐

- 토스트에 아이콘이나 이미지를 넣는 것을 지향

 

---

💭내일 계획

 🤍 데일리 회고

 🤍 디자인 카타

 🤍 강의 복습

 🤍 TIL 작성 및 제출하기

 🤍 저녁 회고