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

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

---

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

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

 

1

2

3, 4

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

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

 

 오늘은 와이어프레임, 목업, 프로토타입, 아이디에이션 등 UIUX디자인 작업할 시 빼놓을 수 없는 아주 중요한 개념에 대해서 배웠습니다. 먼저 이 용어들 솔직히 좀 헷갈리지 않으셨나요? 저는 좀 많이 헷갈렸었는데 이번에 확실히 개념을 잡았습니다. 이 용어들이 헷갈리는 이유가 세 가지 전부 개발 전 단계의 산출물이라 헷갈리는거라고 하네요. 그리고 이걸 섞어서 말하는 팀들도 있고 부바부 인거같아요. 각각 목적 충실도와 인터렉션 수준 등이 다르다는 걸 알면 된다고 하네요.

와이어 프레임은 Low fidelity라고하고 골격(청사진)정도로 생각하시면 될거 같아요. 기본적인 레이아웃, UI구조를 나타내는 거라고 하네요. 컬러, 텍스트 등 신경쓰지말고 구조에만 집중해야된다고 합니다. 디테일이 떨어져도 구조가 더 중요하다고 해요. 저는 와이어프레임의 중요성이 딱히 체감되지 않았었는데 빠르게 만들어서 팀원들의 원할한 소통을 촉진하는데 큰 도움을 주고 실제 개발 들어가기 전에 문제 해결을 할 수 있다고하네요. 그리고 팁도 주셨는데 사용자 플로우에만 정보구조(IA)를 적용하고 완벽보단 빠르게 제작하는게 중요하다고 합니다. 또한, 인터렉션 같은 각각 요소의 기능은 간단한 메모로 설명을 남겨두면 좋다고 합니다. 다양한 해상도 대응하는 레이아웃도 중요하다고 하네요.

 

목업은 midium fidelity라고 하고 중간정도의 구현물이라고 생각하시면 된다고 하네요. UI 시각화, 텍스트, 기능적 측면을 구체적으로 시각화하는 작업입니다. 일관성, 구체적인 비주얼로 팀원들과 의사결정을 돕고 명확한 시각적 요구사항을 전달하여 구현 오류를 최소화 할 수 있습니다. 목업의 팁은 디자인 시스템을 활용하여 일관되게, A/B 테스트를 위해 다양한 버전의 목업 만들어 사용자 선호도 테스트. WCAG 웹접근성 기준을 준수해야된다고 합니다.

 

마지막으로 프로토타입은 Hi-Fidelity로 최종 완성본을 말합니다. 동적이고 인터렉션을 포함합니다. 개발 후 수정보다 프로토타입 단계에서 수정을 통해 개발 공수를 줄일 수 있어 중요하고 가설 검증 및 개선 방향 도출을 할 수 있는 단계라고 하네요. 프로토타입 팁은 모든 화면을 하는게 아니고 핵심 사용자플로우에 집중하여 제작하는 것과 더미데이터 대신 실제 데이터로 현실적인 시나리오 테스트랄 하는 것이 맞다고 합니다. 또한, 명확한 테스트 시나리오와 질문을 준비하여 구조화된 피드백을 수집하는 것이 중요하다고 하네요.

 

와이어프레임. 목업, 프로토타입 각각의 목적과 개념에 대해서 배웠는데 이번에 제작 꿀팁과 목적에 대해 알아서 프로젝트 시에 큰 도움이 될거같아요. 저는 프로토타입을 엄청나게 디테일하게 작업했었고 모든 플로우를 다하려고 해서 공수가 굉장히 많이 들었었는데 핵심플로우 위주로 작업해봐야겠네요.

 

---

https://fastcampus.info/4oKQD6b

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