패스트캠퍼스 환급챌린지 28일차 : AI 시대, UX/UI부터 프로덕트 디자인까지 한 번에 끝내는 초격차 패키지 강의 후기

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.

---

1. 학습 인증샷 4장 이상 포함

1. 오늘자 날짜 + 공부 시작 시각이 보이는 사진 1장
2. 오늘자 날짜 + 공부 종료 시각이 보이는 사진 1장
3. 1개 클립 수강 인증 사진 1장 (강의 화면 내용은 보이지 않도록 / 목록 캡처 추천)
4. 학습 인증샷 1장 이상 (예: 필기, 작업물, Before/After 등)

 

2.학습 후기 700자 이상 (공백 제외)

오늘 배운 핵심 내용을 정리하고, 흥미로웠던 부분과 이를 내 업무에 어떻게 적용할 수 있을지 함께 기록해 주세요.

 

오늘은 프로토타입에 대해 배웠습니다. 프로토타입은 플랫한 목업 디자인에 동적으로 표현하여 디자이너, 개발자, PM 등 이해관계자가 사용자의 관점에서 제품을 바라보는 것을 도움을 주는 개념입니다. 주로 이 프로토타입을 구성할 때 시나리오를 먼저 구성하고 특정 페르소나를 사용하여 사용자가 실제로 할 법한 작업으로 구성해야된다고합니다. 마이크로 인터렉션은 이번 강의를 통해 처음알게되었는데 트리거라고 생각하면 된다고 하네요.

마이크로 인터렉션은 2가지로 구성이 된다고합니다. 먼저 사용자의 행동 트리거는 클릭, 스와이프, 드래그, 음성명령 등으로 있고 시스템 상태 변화 트리거는 알람 시간 도달, 새 메일 도착, 네트워크 상태 변화 등 으로 구성되어있다고 합니다. 이렇게만 내용을 확인했을 때 이해가 잘 안되었지만 예시를 보고 바로 알게되었습니다. GIF같이 계속 돌아가는 애니메이션과 영상 플레이어는 마이크로 인터렉션이 없다고 합니다. 스크롤바는 사용자가 페이지 내 위치 변경을 하면 스크롤 바의 위치, 길이로 시각적 피드백을 제공해줍니다. 알람은 시스템의 시간 조건 충족을하면 청각 및 시각 피드백 제공을 해줍니다. 이러한 특징으로 몰입감 증대를 얻을 수 있다고 하네요. 또 다른 예시에서 아사나 웹사이트에서 작업을 완료하면 다이얼로그와 함께 유니콘이 화면 위로 날라간다고 합니다. 이러한 마이크로 인터랙션으로 사용자가 자신의 상태를 인지하기 쉬워진다고 합니다. 또한, 아이폰에서 앱을 꾹 누르면 x표시가 나오면서 앱들이 흔들흔들 거리는 것도 마이크로 인터랙션이라고 합니다. 이러한 시각적인 것에 대한 개념을 몰랐었는데 이번 기회에 알게되어 좋았습니다.

마지막으로 트랜지션과 애니메이션인데 이러한 기법들도 너무 많이 사용하면 좋지않다고 합니다. 눈에 거슬리지 않아야하고 짧게 끝나야 한다고 하네요. 그리고 과장되지 않아야 한다고 합니다. 확실히 앱을 사용할 때 길게 지속되는 애니메이션은 적었던 것 같고 해당 앱과 조화롭게 어우러져 눈에 거슬리지 않고 제가 현재 어떤 행동을 하고 있는지에 대해 인지할 수 있게 도와줬던 것 같습니다.
역시 모든 디자인에는 의도가 있다는 것을 다시 한번 체감하게 되었습니다. 앞으로 디자인을 그냥 하기보단 매번 근거를 가지고 디자인을 하는 마음가짐을 길러 프로젝트에 참여하도록 하겠습니다.   

 

---

https://fastcampus.info/4oKQD6b

 

올해 마지막 보너스 혜택! 1+1+1 쿠폰 이벤트 (~12/09 23:59) | 패스트캠퍼스