모바일 UX/UI
기획 및 설계실무
청강문화산업대학교

Mobile UX/UI Design Essential




NextPlatform | 동 준 상   naebon1@gmail.com | http://www.nextapp.co.kr/jun/


                                                                           1
모바일 UX/UI
기획 및 설계실무


넥스트플랫폼 UX디자인 팀장
동 준 상 (naebon1@gmail.com)
Lecture         Project

에코노베이션          두산엔진 모바일 프로젝트
삼성멀티캠퍼스         삼성중공업 모바일 프로젝트
T 아카데미          중소기업청, 종로구청 +

저술 : 모바일 UX디자인, 모바일 Prototype 개발, HTML Multimedia Essential
번역 : HTML5 Multimedia Development, jQuery UI 1.8, The iOS 5 Developer's Cookbook



                                                                                   2
제1부    차별화된 경쟁력의 원천
       모바일 UX디자인 전략

  01   좋은 모바일 서비스를 만들기 위한 UX 디자인 전략의 개요

  02   경쟁력 강화를 위한 UX 디자인 기획, 리서치, 주요 산출물

  03   플랫폼별 UX가이드라인1 - 구글 Android의 UX Guide

  04   플랫폼별 UX가이드라인2 - 애플 iOS 6의 mobile HIG

       플랫폼별 UX가이드라인3 - MS WP8의 UI Guideline
  05

                                              3
제2부    사용성 검증을 위한
       UI 프로토타입 개발 전략

  01   Agile      모바일 프로젝트에서 프로토타입 개발 이유

  02   Plan       제작계획 명세서, 정보구조도, 와이어프레임

  03   Design     레이아웃, 컬러, 폰트를 고려한 스크린디자인

  04   Develop    안드로이드 저작 도구를 활용한 프로토타이핑

  05   Simulate   검증용 방식, 시뮬레이터, 타겟 디바이스

  06   Publish    프로토타입의 배포, 패키징


                                             4
제3부    타겟 디바이스를 교려한
       UI 프로토타입 개발 실습

  01   전형적인 모바일 레이아웃의 구현 – Case: FlightTrack

  02   텍스트와 이미지 리스트 테이블 구현 – Case: Anatomy

  03   멀티미디어를 위한 레이아웃의 구현 – Case: PlayerPro

  04   소셜 네트워크를 위한 레이아웃 구현 - Case: Google G+

       위젯 애플리케이션을 위한 레이아웃 – Case: Evernote
  05

                                               5
모바일 UX/UI
프로토타입 실습예제

청강문화산업대학교




NextPlatform | 동 준 상   naebon1@gmail.com | http://www.nextapp.co.kr/jun/


                                                                           6
03   UX Deliverables – 7. Screen Design / Android



       Trip | FlightTrack




                                                    7
03   UX Deliverables – 7. Screen Design / Android



      Medic | Anatomy




                                                    8
03   UX Deliverables – 7. Screen Design / Android



       Mus | PlayerPro




                                                    9
03   UX Deliverables – 7. Screen Design / Android



         Social | G+




                                                    10
03   UX Deliverables – 7. Screen Design / Android



       Prod | Evernote Widget




                                                    11
모바일 UX/UI
기획 및 설계실무
청강문화산업대학교

Mobile UX/UI Design Essential


끝 | 감사합니다.

NextPlatform | 동 준 상   naebon1@gmail.com | http://www.nextapp.co.kr/jun/


                                                                           12

Mobile ux design_for_ck_univ

  • 1.
    모바일 UX/UI 기획 및설계실무 청강문화산업대학교 Mobile UX/UI Design Essential NextPlatform | 동 준 상 naebon1@gmail.com | http://www.nextapp.co.kr/jun/ 1
  • 2.
    모바일 UX/UI 기획 및설계실무 넥스트플랫폼 UX디자인 팀장 동 준 상 (naebon1@gmail.com) Lecture Project 에코노베이션 두산엔진 모바일 프로젝트 삼성멀티캠퍼스 삼성중공업 모바일 프로젝트 T 아카데미 중소기업청, 종로구청 + 저술 : 모바일 UX디자인, 모바일 Prototype 개발, HTML Multimedia Essential 번역 : HTML5 Multimedia Development, jQuery UI 1.8, The iOS 5 Developer's Cookbook 2
  • 3.
    제1부 차별화된 경쟁력의 원천 모바일 UX디자인 전략 01 좋은 모바일 서비스를 만들기 위한 UX 디자인 전략의 개요 02 경쟁력 강화를 위한 UX 디자인 기획, 리서치, 주요 산출물 03 플랫폼별 UX가이드라인1 - 구글 Android의 UX Guide 04 플랫폼별 UX가이드라인2 - 애플 iOS 6의 mobile HIG 플랫폼별 UX가이드라인3 - MS WP8의 UI Guideline 05 3
  • 4.
    제2부 사용성 검증을 위한 UI 프로토타입 개발 전략 01 Agile 모바일 프로젝트에서 프로토타입 개발 이유 02 Plan 제작계획 명세서, 정보구조도, 와이어프레임 03 Design 레이아웃, 컬러, 폰트를 고려한 스크린디자인 04 Develop 안드로이드 저작 도구를 활용한 프로토타이핑 05 Simulate 검증용 방식, 시뮬레이터, 타겟 디바이스 06 Publish 프로토타입의 배포, 패키징 4
  • 5.
    제3부 타겟 디바이스를 교려한 UI 프로토타입 개발 실습 01 전형적인 모바일 레이아웃의 구현 – Case: FlightTrack 02 텍스트와 이미지 리스트 테이블 구현 – Case: Anatomy 03 멀티미디어를 위한 레이아웃의 구현 – Case: PlayerPro 04 소셜 네트워크를 위한 레이아웃 구현 - Case: Google G+ 위젯 애플리케이션을 위한 레이아웃 – Case: Evernote 05 5
  • 6.
    모바일 UX/UI 프로토타입 실습예제 청강문화산업대학교 NextPlatform| 동 준 상 naebon1@gmail.com | http://www.nextapp.co.kr/jun/ 6
  • 7.
    03 UX Deliverables – 7. Screen Design / Android Trip | FlightTrack 7
  • 8.
    03 UX Deliverables – 7. Screen Design / Android Medic | Anatomy 8
  • 9.
    03 UX Deliverables – 7. Screen Design / Android Mus | PlayerPro 9
  • 10.
    03 UX Deliverables – 7. Screen Design / Android Social | G+ 10
  • 11.
    03 UX Deliverables – 7. Screen Design / Android Prod | Evernote Widget 11
  • 12.
    모바일 UX/UI 기획 및설계실무 청강문화산업대학교 Mobile UX/UI Design Essential 끝 | 감사합니다. NextPlatform | 동 준 상 naebon1@gmail.com | http://www.nextapp.co.kr/jun/ 12