SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
모바일 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

Más contenido relacionado

La actualidad más candente

'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'Jinyong Kim
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step upAmy Young Ah Kim
 
앱개발자를 위한 UX디자인실무_인트로
앱개발자를 위한 UX디자인실무_인트로앱개발자를 위한 UX디자인실무_인트로
앱개발자를 위한 UX디자인실무_인트로Junsang Dong
 
UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015Limepaper, Inc.
 
Mobile UX Design Essential
Mobile UX Design EssentialMobile UX Design Essential
Mobile UX Design EssentialJunsang Dong
 
20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기SANGBUM HA
 
당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들Dongsik Yang
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인Donghoo Kim
 
Scenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignScenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignHyunjin Ahn
 
비전공자를 위한 앱 디자인학 개론
비전공자를 위한 앱 디자인학 개론비전공자를 위한 앱 디자인학 개론
비전공자를 위한 앱 디자인학 개론Oh JungMin
 
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General GuidelinesDonghoo Kim
 
UX디자인 bookstudy
UX디자인 bookstudyUX디자인 bookstudy
UX디자인 bookstudy정인 주
 
UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션Bryan Woo
 
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안(주)SNC Lab.
 
UX 디자인에 대하여
UX 디자인에 대하여UX 디자인에 대하여
UX 디자인에 대하여totodeung
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현서현 이
 
Best Practice for Mobile UX Design
Best Practice for Mobile UX DesignBest Practice for Mobile UX Design
Best Practice for Mobile UX DesignJunsang Dong
 
UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) RightBrain inc.
 

La actualidad más candente (20)

'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up
 
앱개발자를 위한 UX디자인실무_인트로
앱개발자를 위한 UX디자인실무_인트로앱개발자를 위한 UX디자인실무_인트로
앱개발자를 위한 UX디자인실무_인트로
 
Bsw ui ux정의
Bsw ui ux정의Bsw ui ux정의
Bsw ui ux정의
 
UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015
 
Mobile UX Design Essential
Mobile UX Design EssentialMobile UX Design Essential
Mobile UX Design Essential
 
20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기
 
당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인
 
Scenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignScenario-Based Interactive UI Design
Scenario-Based Interactive UI Design
 
비전공자를 위한 앱 디자인학 개론
비전공자를 위한 앱 디자인학 개론비전공자를 위한 앱 디자인학 개론
비전공자를 위한 앱 디자인학 개론
 
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
 
Integral:S 통합프로그램 소개자료
Integral:S 통합프로그램 소개자료Integral:S 통합프로그램 소개자료
Integral:S 통합프로그램 소개자료
 
UX디자인 bookstudy
UX디자인 bookstudyUX디자인 bookstudy
UX디자인 bookstudy
 
UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션
 
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
 
UX 디자인에 대하여
UX 디자인에 대하여UX 디자인에 대하여
UX 디자인에 대하여
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현
 
Best Practice for Mobile UX Design
Best Practice for Mobile UX DesignBest Practice for Mobile UX Design
Best Practice for Mobile UX Design
 
UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide)
 

Destacado

2016 심천 (Shenzen) ICT 트랜드 리포트
2016 심천 (Shenzen) ICT 트랜드 리포트2016 심천 (Shenzen) ICT 트랜드 리포트
2016 심천 (Shenzen) ICT 트랜드 리포트Junsang Dong
 
Android ui benchmarking
Android ui benchmarkingAndroid ui benchmarking
Android ui benchmarkingJunsang Dong
 
Ux디자인 프로젝트 디자인
Ux디자인 프로젝트 디자인Ux디자인 프로젝트 디자인
Ux디자인 프로젝트 디자인wonmin lee
 
UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4Nammin Lee
 
산디학과소개
산디학과소개산디학과소개
산디학과소개alohahydi
 
디지로그 제품에서 추출된 감성요소 분석을 통한 감성디자인 가이드라인 제안
디지로그 제품에서 추출된 감성요소 분석을 통한 감성디자인 가이드라인 제안디지로그 제품에서 추출된 감성요소 분석을 통한 감성디자인 가이드라인 제안
디지로그 제품에서 추출된 감성요소 분석을 통한 감성디자인 가이드라인 제안The Clockworks Innovate
 
Product Career Ladder: Getting Promoted to Director
Product Career Ladder: Getting Promoted to DirectorProduct Career Ladder: Getting Promoted to Director
Product Career Ladder: Getting Promoted to DirectorRich Mironov
 
ICT 상용화 시리즈 09 플라스틱 실무 개론
ICT 상용화 시리즈 09 플라스틱 실무 개론ICT 상용화 시리즈 09 플라스틱 실무 개론
ICT 상용화 시리즈 09 플라스틱 실무 개론Junsang Dong
 
ICT 상용화 06 스마트 기기 부품, 외장 제조 개론
ICT 상용화 06 스마트 기기 부품, 외장 제조 개론ICT 상용화 06 스마트 기기 부품, 외장 제조 개론
ICT 상용화 06 스마트 기기 부품, 외장 제조 개론Junsang Dong
 
두잉의 아이폰케이스 UX디자인 사례
두잉의 아이폰케이스 UX디자인 사례두잉의 아이폰케이스 UX디자인 사례
두잉의 아이폰케이스 UX디자인 사례Pengdo .
 
Google Analytics 가이드 (한국어)
Google Analytics 가이드 (한국어)Google Analytics 가이드 (한국어)
Google Analytics 가이드 (한국어)Min Hee Lee
 
UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)keesung kim
 
2015 Internet of Logistic Things / 2015 물류 사물인터넷
2015 Internet of Logistic Things / 2015 물류 사물인터넷2015 Internet of Logistic Things / 2015 물류 사물인터넷
2015 Internet of Logistic Things / 2015 물류 사물인터넷Junsang Dong
 
Vlaams-nationalisten kregen geld van Frankrijk
Vlaams-nationalisten kregen geld van FrankrijkVlaams-nationalisten kregen geld van Frankrijk
Vlaams-nationalisten kregen geld van FrankrijkThierry Debels
 

Destacado (20)

2016 심천 (Shenzen) ICT 트랜드 리포트
2016 심천 (Shenzen) ICT 트랜드 리포트2016 심천 (Shenzen) ICT 트랜드 리포트
2016 심천 (Shenzen) ICT 트랜드 리포트
 
Android ui benchmarking
Android ui benchmarkingAndroid ui benchmarking
Android ui benchmarking
 
Embarazo en adolescentes
Embarazo en adolescentesEmbarazo en adolescentes
Embarazo en adolescentes
 
10월 1주차 ux trend
10월 1주차 ux trend10월 1주차 ux trend
10월 1주차 ux trend
 
Ux for beginners
Ux for beginnersUx for beginners
Ux for beginners
 
Ux디자인 프로젝트 디자인
Ux디자인 프로젝트 디자인Ux디자인 프로젝트 디자인
Ux디자인 프로젝트 디자인
 
UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4
 
산디학과소개
산디학과소개산디학과소개
산디학과소개
 
디지로그 제품에서 추출된 감성요소 분석을 통한 감성디자인 가이드라인 제안
디지로그 제품에서 추출된 감성요소 분석을 통한 감성디자인 가이드라인 제안디지로그 제품에서 추출된 감성요소 분석을 통한 감성디자인 가이드라인 제안
디지로그 제품에서 추출된 감성요소 분석을 통한 감성디자인 가이드라인 제안
 
Ux for beginners
Ux for beginnersUx for beginners
Ux for beginners
 
Product Career Ladder: Getting Promoted to Director
Product Career Ladder: Getting Promoted to DirectorProduct Career Ladder: Getting Promoted to Director
Product Career Ladder: Getting Promoted to Director
 
ICT 상용화 시리즈 09 플라스틱 실무 개론
ICT 상용화 시리즈 09 플라스틱 실무 개론ICT 상용화 시리즈 09 플라스틱 실무 개론
ICT 상용화 시리즈 09 플라스틱 실무 개론
 
Ux design approach
Ux design approachUx design approach
Ux design approach
 
ICT 상용화 06 스마트 기기 부품, 외장 제조 개론
ICT 상용화 06 스마트 기기 부품, 외장 제조 개론ICT 상용화 06 스마트 기기 부품, 외장 제조 개론
ICT 상용화 06 스마트 기기 부품, 외장 제조 개론
 
두잉의 아이폰케이스 UX디자인 사례
두잉의 아이폰케이스 UX디자인 사례두잉의 아이폰케이스 UX디자인 사례
두잉의 아이폰케이스 UX디자인 사례
 
Google Analytics 가이드 (한국어)
Google Analytics 가이드 (한국어)Google Analytics 가이드 (한국어)
Google Analytics 가이드 (한국어)
 
UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)
 
2015 Internet of Logistic Things / 2015 물류 사물인터넷
2015 Internet of Logistic Things / 2015 물류 사물인터넷2015 Internet of Logistic Things / 2015 물류 사물인터넷
2015 Internet of Logistic Things / 2015 물류 사물인터넷
 
Vlaams-nationalisten kregen geld van Frankrijk
Vlaams-nationalisten kregen geld van FrankrijkVlaams-nationalisten kregen geld van Frankrijk
Vlaams-nationalisten kregen geld van Frankrijk
 
Build Features, Not Apps
Build Features, Not AppsBuild Features, Not Apps
Build Features, Not Apps
 

Similar a Mobile ux design_for_ck_univ

Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper, Inc.
 
ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할Billy Choi
 
[MSD01]Introduction
[MSD01]Introduction[MSD01]Introduction
[MSD01]Introductionjylee_kgit
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesignjylee_kgit
 
2. Smart Media M&M Networks vol1
2. Smart Media M&M Networks vol12. Smart Media M&M Networks vol1
2. Smart Media M&M Networks vol1M&M Networks
 
스마트링크 소개 - 특급 개발팀
스마트링크 소개 - 특급 개발팀스마트링크 소개 - 특급 개발팀
스마트링크 소개 - 특급 개발팀강훈 이
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 Unbong Kang
 
Portfolio imyongtai 2015
Portfolio imyongtai 2015Portfolio imyongtai 2015
Portfolio imyongtai 2015Yongtai Im
 
OS vi : Smart Pad UI Design (2011 Graduation Project)
OS vi : Smart Pad UI Design (2011 Graduation Project)OS vi : Smart Pad UI Design (2011 Graduation Project)
OS vi : Smart Pad UI Design (2011 Graduation Project)Wooseok Jeon
 
Ui(user inter face) design
Ui(user inter face) design Ui(user inter face) design
Ui(user inter face) design jake Moon
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현서현 이
 
[I3 d]09 designui
[I3 d]09 designui[I3 d]09 designui
[I3 d]09 designuijylee_kgit
 
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012Daum DNA
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유Woo Sanghun
 
1st Meeting : Visionary Group for Smart Glasses
1st Meeting : Visionary Group for Smart Glasses1st Meeting : Visionary Group for Smart Glasses
1st Meeting : Visionary Group for Smart GlassesHyungmin Park
 
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)keesung kim
 
[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02JY LEE
 
SMART MEDIA reference book _ MnM Networks
SMART MEDIA reference book _ MnM NetworksSMART MEDIA reference book _ MnM Networks
SMART MEDIA reference book _ MnM NetworksSungwonKim54
 
[I3 d]01 information
[I3 d]01 information[I3 d]01 information
[I3 d]01 informationjylee6977
 

Similar a Mobile ux design_for_ck_univ (20)

Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper 회사소개서 2014
Limepaper 회사소개서 2014
 
ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할
 
[MSD01]Introduction
[MSD01]Introduction[MSD01]Introduction
[MSD01]Introduction
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesign
 
2. Smart Media M&M Networks vol1
2. Smart Media M&M Networks vol12. Smart Media M&M Networks vol1
2. Smart Media M&M Networks vol1
 
스마트링크 소개 - 특급 개발팀
스마트링크 소개 - 특급 개발팀스마트링크 소개 - 특급 개발팀
스마트링크 소개 - 특급 개발팀
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론
 
Portfolio imyongtai 2015
Portfolio imyongtai 2015Portfolio imyongtai 2015
Portfolio imyongtai 2015
 
OS vi : Smart Pad UI Design (2011 Graduation Project)
OS vi : Smart Pad UI Design (2011 Graduation Project)OS vi : Smart Pad UI Design (2011 Graduation Project)
OS vi : Smart Pad UI Design (2011 Graduation Project)
 
Ui(user inter face) design
Ui(user inter face) design Ui(user inter face) design
Ui(user inter face) design
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현
 
[I3 d]09 designui
[I3 d]09 designui[I3 d]09 designui
[I3 d]09 designui
 
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유
 
1st Meeting : Visionary Group for Smart Glasses
1st Meeting : Visionary Group for Smart Glasses1st Meeting : Visionary Group for Smart Glasses
1st Meeting : Visionary Group for Smart Glasses
 
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)
 
[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02
 
SMART MEDIA reference book _ MnM Networks
SMART MEDIA reference book _ MnM NetworksSMART MEDIA reference book _ MnM Networks
SMART MEDIA reference book _ MnM Networks
 
[I3 d]01 information
[I3 d]01 information[I3 d]01 information
[I3 d]01 information
 
U&I Insgiht
U&I InsgihtU&I Insgiht
U&I Insgiht
 

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