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

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

---

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

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

1

2

3

 

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

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

 

 오늘은 와이어프레임과 모바일 우선 데스크톱 우선 IA 정보 구조 개념에 대해서 배웠습니다. 이전에도 와이어프레임에 대해 배웠었는데 이번 강의에선 구성요소에 대해서 알려주셨어요. 와이어프레임의 구성은 사각형, 원 같은 기본 도형으로 UI요소를 표시하고 스켈레톤 디자인으로 완성된 제품에 포함될 기본 요소만 포함시킨다고 해요. 그리고 쉬운 제작과 빠른 수정으로 기능 구현에만 집중하기 편하다고합니다. 저는 솔직히 와이어 프레임에 대한 중요도를 몰랐어요. 그냥 바로 목업디자인 Mid Fi로 넘어가면 되는거아닌가? 라고 생각했는데 아니더라구요. 미드피델리티부터 하려하니 시간도 와이어프레임을 만들려고할때보다 오래걸리고 수정요청이 들어왔을 때 아예 뜯어고쳐야 되다 보니 어렵더라구요. 그리고 이번에 처음알았던 모바일 우선 데스크톱 우선에 대해서 말하고 싶은데요. 스마트폰같은 가장 작은 화면 먼저 디자인하고 태블릿 데스크톱으로 점진적으로 디자인하는 것을 말합니다. 저는 이게 특정 단어가 있는지 몰랐는데 이번 기회에 알게되서 다행이에요.

모바일 우선 디자인 시 고려사항을 알려주셨는데 콘텐츠의 우선순위를 지정하고 MVP를 디자인해야합니다. 미니멀리즘한 접근방식을 고려해야한다고 하네요. 터치 친화적인 인터페이스는 손가락 입력을 고려해야한다고하네요. 버튼은 최소 40*40이여야 된다는 걸 배웠습니다. 그리고 파지법에 대한 통계를 보고 같이 손을 잡고 많이 사용하는지 오른손만 잡고 사용하는지 등 터치하는 공간이 달라진다고 해요. 그래서 다양한 실제 모바일 기기에서 테스트를 해봐야된다고 합니다. UX는 사소한 부분까지 신경써야되니 어려운 것 같습니다. 데스크톱 우선을 선택해야 하는 경우도 있는데 웹사이트 분석 시에 트래픽이 70퍼이상이면 데스크톱 디자인부터 먼저한다고 합니다. B2B 소프트웨어, 기업 대시보드를 생각하시면 됩니다. 또한, 인터렉션 요소가 많은 포트폴리오나 에이전시 사이트 같은 경우도 해당됩니다. 

 

IA에 대해서도 배웠는데 조직화를하고 라벨링하는 프레임워크라고 하네요. 여기서 와이어프레임의 시각적 요소에 대해서 배우는데 메뉴, 브레드크럼, 콘텐츠 블록 등으로 구현하는 과정을 예시로 들어주셨습니다. 브래드크럼, GNB, LNB, 햄버거메뉴, 바텀 네비게이션, 탭 내비게이션, 아코디언 까지 다양한 시각적 요소도 배울 수 있어서 좋았습니다. 브래드크럼에 대해서는 몰랐었는데 Home > United states of America > New York state > New York 이런 식으로 구성된다고하네요. 

 

시각적 요소에 대한 용어가 헷갈렸었는데 이번 기회에 확실히 알게되어서 개발자와 이야기할 때 적극적으로 탭 네비, LNB 이런 식으로 용어를 활용하여 소통해봐야겠습니다. 

---

https://fastcampus.info/4oKQD6b

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