mobile ux design_for_ck_univ

12
1 Mobile UX/UI Design Essential 모바일 UX/UI 기획 설계실무 NextPlatform | [email protected] | http://www.nextapp.co.kr/jun/ 청강문화산업대학교

Upload: junsang-dong

Post on 05-Dec-2014

1.110 views

Category:

Technology


0 download

DESCRIPTION

청강문화산업대학교에서 2012년 7월 11일부터 13일까지 진행 예정인 안드로이드 UX디자인 및 UI 개발과정 계획안입니다.

TRANSCRIPT

Page 1: Mobile ux design_for_ck_univ

1

Mobile UX/UI Design Essential

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

NextPlatform | 동 준 상 [email protected] | http://www.nextapp.co.kr/jun/

청강문화산업대학교

Page 2: Mobile ux design_for_ck_univ

2

동 준 상 ([email protected])

Project 두산엔진 모바일 프로젝트 삼성중공업 모바일 프로젝트 중소기업청, 종로구청 +

Lecture 에코노베이션 삼성멀티캠퍼스 T 아카데미

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

넥스트플랫폼 UX디자인 팀장

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

Page 3: Mobile ux design_for_ck_univ

3

차별화된 경쟁력의 원천

모바일 UX디자인 전략 제1부

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

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

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

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

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

01

02

03

04

05

Page 4: Mobile ux design_for_ck_univ

4

Agile

Plan

Design

Develop

Simulate

Publish

01

02

03

04

05

06

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

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

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

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

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

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

사용성 검증을 위한

UI 프로토타입 개발 전략 제2부

Page 5: Mobile ux design_for_ck_univ

5

타겟 디바이스를 교려한

UI 프로토타입 개발 실습 제3부

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

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

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

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

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

01

02

03

04

05

Page 6: Mobile ux design_for_ck_univ

6

NextPlatform | 동 준 상 [email protected] | http://www.nextapp.co.kr/jun/

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

청강문화산업대학교

Page 7: Mobile ux design_for_ck_univ

7

UX Deliverables – 7. Screen Design / Android 03

Trip | FlightTrack

Page 8: Mobile ux design_for_ck_univ

8

UX Deliverables – 7. Screen Design / Android 03

Medic | Anatomy

Page 9: Mobile ux design_for_ck_univ

9

UX Deliverables – 7. Screen Design / Android 03

Mus | PlayerPro

Page 10: Mobile ux design_for_ck_univ

10

UX Deliverables – 7. Screen Design / Android 03

Social | G+

Page 11: Mobile ux design_for_ck_univ

11

UX Deliverables – 7. Screen Design / Android 03

Prod | Evernote Widget

Page 12: Mobile ux design_for_ck_univ

12

끝 | 감사합니다.

Mobile UX/UI Design Essential

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

청강문화산업대학교

NextPlatform | 동 준 상 [email protected] | http://www.nextapp.co.kr/jun/