[TIL] D+25 디자인 숙련(UX 파트) 5

 

지난 주에는 팀 프로젝트를 해서 그런가 아침마다 학습시간이 너무 즐거웠는데

이번 주는 감기도 걸려서 그런가 뭔가 집중도 잘 안되고 ... 진짜 머리에 안들어와서 허탈해서 웃음이 남...ㅋㅋㅋㅋㅋㅋㅋㅋ

하지만 포기 하지 않았죠? 나와의 싸움에서 이겼다 ㅇㅇ

 

1️⃣ 디자인 카타

컴포넌트 발표 듣기 및 회고

 

튜터님이 따봉 주셨다 ~~

오늘은 바,입력필드,모달에 대한 발표를 들었다.

다양한 컴포넌트의 가이드를 알 수 있어 유익한 시간이었다. 나중에 컴포넌트를 만들 일이 있을 때 참고해야겠다 !!
튜터님께서 가이드는 특정기업의 가이드일 뿐 절대적인 규칙이 아니라고 하신게 기억에 남는다.
그래도 가이드는 그 기업의 디자인팀이 여러가지 과정을 거쳐보고나서 정한 것이기 때문에 믿을만 하지 않을까..? 라는 생각을 해봤다
스위치와 토글은 다른 것인가 보다... 좀 더 컴포넌트에 대한 공부를 해봐야겠다고 느꼈다!

 

튜터님께서 공유해주신 모달에 대한 아티클~!

https://www.nngroup.com/articles/popups/

Popups: 10 Problematic Trends and Alternatives

 

 

2️⃣ 개인 과제 디벨롭

과제 피드백 정리해서 디벨롭하고 질문하기

 

본문 타이포 행간이 너무 좁고,캐러셀이 구현 안되어 있고...

하단 네비게이션 바와 버튼 색상이 진해서 본문과 유사한 톤으로 변경하면 좋을 것 같다는 피드백을 받았었다.

 

타이포 행간 조정과 캐러셀은 구현을 했는데 색상 관련 피드백은 이해가 안가서 튜터님을 찾아갔당

버튼 색상을 변경하라고 하셔서 프라이머리 컬러 버튼을 조정하라는 말씀인줄 알았는데

세컨더리 컬러 버튼 색상이 너무 튀어보여서 조정하라는 말씀이었다.

 

색상 선정은 유사색으로 해서 괜찮았는데 HSL로 조정할 때 내가 시각적 보정을 안해서 색이 튀어보이는 거였다.

그리고 색상 조정할 때, HSL 말고 HSB도 써보라고 하셨다. AI 색상 팔레트 플러그인도 추천해주심 !!

 

 

왼쪽이 조정 전, 오른쪽이 조정 후인데 ... 확실히 왼쪽이 튀고 오른쪽이 좀 편안해보이긴 한다

모양이나 위치를 시각적으로 보정한다는 사실은 알았는데 색상도 시각적 보정을 해야하는 줄은 몰랐다 !!!

너무 튀는 색상은 적당히 보정해줄 것 !!! 🌟

 

 

3️⃣ 질문하기

개인적으로 궁금한 거 튜터님께 질문

 

 

1. 터치 포인트가 정확히 뭔가여?

서비스와 소비자가 접촉하는 시점. 디지털, 물리적인 터치 포인트 둘 다 가능하고

져니맵 내에 터치 포인트가 동일하거나 크게 다르지 않은 경우 행동에 포함해서 적거나 생략하기도 한다.

서비스 출시 전에 타겟 파악을 위해 져니맵을 그리는 경우도 있는데 이런 경우 터치 포인트가 다양하겠죠?

 

2. 페르소나는 서비스 사용 전/후 언제 만들어야하나요?

둘 다 가능. 서비스 유치를 위해 사용 전에 만들기도 하고, 서비스 개선을 위해 사용 후에도 만들기도 한다.

 

3. 폰트 크기와 행간의 조합으로 오브젝트(?) 높이가 홀수가 된 경우, 짝수로 맞춰줘야 하나요?

네, 오토레이아웃 패딩 부분을 Hug 값이 아닌 Fixed 값으로 변경하고 높이를 짝수로 맞춰주면 좋습니다~

 

 

---

 

 

느낀 점, 새롭게 깨달은 것💡

- 좋은 컨디션일 수록 공부가 더 잘되는구나~ 컨디션 관리 잘해야겠다...

오늘의 잘한 점🥰

 - 모르는 거 튜터님께 질문함ㅎㅎ

 - 과제 전 팀원들과 공유하고 서로 봐줬다 !! 확실히 다른 사람들꺼 보니까 시야가 확장된 느낌!

오늘의 문제점,부족한 것😵‍💫

 - UX 강의 복습 못..?안..?했지롱

해결방법👊

 - 주말에 강의자료 보면서 복습하고 개인과제 할 때도 틈틈이 뒤적거려야겠다