과정상세

웹에서 모바일까지 UI/UX 제작 실무

집합

교재제공 중급

웹에서 모바일까지 UI/UX 제작 실무

4.7

like 78

1,200,000원 (VAT없음)

과정요약

과정요약
학습시간	34시간	난이도	중급
교육비 지원	고용보험 비환급	평가항목	출석률 100%
수료기준	총점 80점 이상시 수료	정원	24 명
교재정보

과정소개

과정 개요

대부분의 서비스가 모바일과 웹을 기반으로 수행된다고 해도 과언이 아닌 요즘,
모바일 UI/UX가 스마트UI 디자인을 대표하는 영역으로 우뚝 섰습니다.

본 과정은 모바일앱과 웹앱을 위한 UI/UX 기획의 가이드라인을 제시하는 과정으로,
고객 경험 분석 결과와 클라이언트의 요구를 토대로 산출물을 작성하는 방법을
다양한 예제와 실습을 통해 학습합니다.

Note✏️

오프라인이 아닌 실시간 비대면 과정 수강을 희망하시는 고객께서는
아래 과정을 참조하시기 바랍니다.
(연관 과정: [Live] 웹에서 모바일까지 UI/UX 제작 실무 [바로가기])

주요 학습 내용

상세 커리큘럼은 페이지 하단을 확인해주세요.

✔ UI/UX 기획을 위한 시장분석 방법론 경험맵 기반의 UX 분석
✔ Persona, Ethnographic, Mental Model 등을 활용한 사용자 리서치 방법론
✔ Wireframe 작성을 위한 Task flow 작성과 백터그래픽툴 기반의 실습 [Adobe XD 사용]
✔ Storyboard 작성법과 각종 패턴별 GUI 디자인
✔ iOS/Android 등 플랫폼별 UI 제작 가이드라인
✔ Tablet PC, WatchOS 등 기기별 UI 디자인

과정 특장점

━ 빠르게 변화하는 UI/UX 분야의 트렌드 가이드	━ 테크닉보다 중요한 건 "좋은" UI/UX를 기획하는 능력	━ 다양한 레벨의 Hands-on Practice
유독 트렌드에 민감한 UI/UX 분야. 한번 제작되면 업데이트가 어려운 온라인 과정과는 달리, 매번 변화하는 트렌드에 맞춰 교안과 사례를 업데이트 합니다.	그래피컬한 테크닉도 중요하지만, 고객 경험에 가장 큰 임팩트를 주는 건 좋은 기획입니다. 타 과정에 비해 기획 단계를 위한 원리와 방법론을 더 많이 수록했습니다.	경험맵과 Wireframe, Storyboard 작성 등 UX/UI 기획에 필요한 여러 단계의 실습을 압축적으로 담았습니다. 강사님의 밀착 강의로 좀더 몰입감있는 실습이 가능합니다.

주요 수강평

더 많은 수강평은 페이지의 하단에서 확인하실 수 있습니다.

★★★★★ 최*숙 님 | 2020.11.20

사내에서 서비스 기획, 화면 기획을 하면서 기획에 필요한 기본 지식이 부족하다는 것을 많이 느꼈는데 이번 교육을 통해 기획자로서 갖춰야 할 기획 기본 역량과 시대 흐름을 읽을 수 있었습니다. 실제 업무에도 반영할 수 있는 자세한 설명과 교육자료가 큰 도움이 될 것 같습니다.

★★★★★ 우*근 님 | 2020.11.20

막연하게만 알고 있던, UI/UX에 대하여 오늘 현장에서 사용중인 예시를 통해, 사무실에 돌아가 실무에 적용 해볼 수 있는 현실적인 교육을 받은 것 같습니다.

학습 목표 및 대상

학습목표

모바일향 UI/UX 가이드라인 및 UI패턴 학습
고객과 시장을 분석할 수 있는 Research, 멘탈 모델링 적용
모바일앱, PC웹 개발에 따른 산출물, 포트폴리오 작성
모바일 OS별 (iOS, Android 등) UI가이드라인 학습
스마트폰App과 웹의 마케팅 및 사업확장전략

학습대상

모바일/웹 전문 기획자 (에이전시 및 기업체)
모바일/웹 디자이너 및 UI에 관심있는 개발자
취업을 원하는 학생 및 신규창업자
신규사업 전략 기획가 (대기업,통신사,자체서비스 개발사)

과정목차 12

1 일차
- 1. 모바일과 웹 UI/UX의 개념과 현황
  - - 모바일과 웹 UI/UX의 개념
    - 최신 모바일/웹 디자인 트렌드 분석
    - 시장 분석: 분석구분, 수익모델, 기능분석, 평판분석, Survey, 분석 툴의 활용
- 2. UX 분석 및 산출물 작성
  - - UX프로세스 분석 및 관리: 경험 맵 작성
    - 기획, 디자인, 개발에 따른 산출물 종류와 작성법
2 일차
- 3. 사용자 Research 방법
  - - 인터뷰(FGI)
    - Diary Research
    - Persona
    - Ethnographic방법
    - Mental Model
    - 정량화기법
    - 인포그래픽
    - 매트릭스 방법
- 4. Wireframe 작성
  - - I.A.(Information Architecture) 설계
    - Task flow 작성
    - Wireframe 작성법: 벡터그래픽툴 사용
3 일차
- 5. Storyboard 작성
  - - Storyboard 작성법: 구성요소, 템플릿, 목업 작성
    - UI/UX 디자인컨셉 도출방법
- 6. 패턴별 GUI 디자인
  - - Contents
    - Menu
    - Invitation
    - Curated UI
4 일차
- 7. UI 설계 전략
  - - Gamification 메카닉 설계 및 UI 디자인
    - IxD: 터치제스쳐, 센서, 오디오 디자인
- 8. UX 설계 전략
  - - UX Framework 작성
- 9. 플랫폼별 UI
  - - iOS UI: HIG기반, Flat UI 제작법
5 일차
- -
  - - Android UI: Material Design, UI 가이드라인
- 10. 기기별 UI
  - - Tablet PC UI: Split View, Popover 중심
    - Watch OS UI Design Guide (Android Watch 중심)
- 11. Delivery 단계
  - - Business Model 수립
    - SWOT분석

수강후기 78

평균평점

4.7 / 5.0

4

오*아
2022.11.04

실기위주 수업을 더 했으면 좋겠다
5

황*영
2022.11.04

업무 하면서도 UI,UX에 대해 깊게 알지 못했는데, 이번 교육을 통해 개념을 잡고 실무에서 실제 적용되는 부분들에 대한 설명을 들어 이해하기 쉬웠습니다. 툴 사용에 대한 부분도 함께 배우고 여러 사례들을 통한 학습이 유익했습니다.
3

윤*주
2022.11.04

내용이 깊다기보다는 UI/UX와 방법론 및 패턴 등 얇고 넓게 전반적인 이해에 도움이 되는 강의였습니다. 그리고 강의 내용 중 몇 부분에 업데이트가 필요해 보입니다. man/month(맨먼스)를 멤멈스라고 쓰시는 점, 퍼소나(persona)를 페르소나라고 하시는 점(2012년에 애런쿠퍼가 페르소나가 아닌 퍼소나라고 명명함), 어포던스 디자인(Affordance Design)과 기표에 대한 구분 없이 혼돈하여 어포던스로 사용하시는 점(도널드 노만이 어포던스는 관계사이에 존재하는 제임스깁슨의 개념이고 자기가 사용한 특정 행동을 유도하는 지각된 어포던스의 정의랑은 다르니 기표라고 부르라고 함), ios에서 피커 UI는 최근에는 쓰지 않고 그룹테이블로 쓰는데 피커 UI로 설명하신 점, 실습한 안드로이드 디자인가이드가 이전 버전 기준인 점... 등
2.5

조*현
2022.11.04

피그마 실습이 짧아서 아쉬웠지만 1일 실습이 큰 도움이 되었습니다. 실습위주의 강의가되면 더욱 좋을 것 같습니다.
5

******
2022.11.04

5일 동안 너무 많은 것을 얻을 수 있는 유익한 강의였습니다. 좀 더 장시간으로 심도있는 강의로 재개설되면 좋겠습니다.