SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Mobile
Service
Design
KGIT 2013 SPRING CLASS @ JYLEE




                                 http://msd2013.jylee6977.com/tc
Mobile
Course                                                                      Service
                                                                            Design
Introduction



                                           2013년도 1학기 강의계획서

          교과목명        모바일 서비스 디자인

         교과목 구분       전공(기초)                            학점/시간   2/2

         교과목 코드       NM2507                            수업 시간   화 8,9

         수강대상 및
                      23415                              강의실    PC
            코드

                        성명       이정연                     연구실    강서 605

          담당 교수        Office    02-6393-3239                   화
                                                        면담시간
                                                                오후 3시-6시
                       e-mail    jylee@kgit.ac.kr



         http://HHM2013.jylee6977.com/tc




                                                                           http://msd2013.jylee6977.com/tc
Mobile
Course                                       Service
                                             Design
Definition




         본 교과에서는 서비스 디자인 방법론을 통해 사용자의 모바일
Phase1   컨텍스트에 대한 이해(2.3.4)와 잠재된 니즈(4.5.6)를
         도출하고 이에 따른 새로운 서비스를 제안(6,7,8)한다.

         또한 제안된 서비스를 중심으로 모바일 앱 프로토타입 제작에
Phase2   필요한 정보디자인(9,10),인터페이스 디자인(11,12,13,14)을
         체계적인 과정을 통해 진행해본다.




                                            http://msd2013.jylee6977.com/tc
Mobile
Course                                                                           Service
                                                                                 Design
Definition



    In recent years there has been a massive increase in mobile web/App use, with the
    development of the iPhone and similar devices driving a huge demand for Internet
    access on the go. The changes in the way that we use the Internet presents fresh
    challenges and possibilities for web designers as sites must be compatible with both
    desktop and mobile platforms. This Course supports to get started in mobile site design,
    mobile App design essential skills in the current landscape of web/app development.
    This course looks at the impact our creative choices in UI/GUI have on the way we
    interact with screen-based design on the Web, mobile and more. Emphasis is placed on
    advanced techniques in constructing meaningful, responsive and contextual layouts across
    media. Students research, design and test their creations to inform further iterations of
    their ideas.




                                                                                http://msd2013.jylee6977.com/tc
Mobile
Course                                                               Service
                                                                     Design
Goals




     1. Learn mobile user context and eco-system
     2. Develop mobile strategy
     3. Build the structures of mobile app/web information design
     4. Design User Experience in mobile app/web
     5. Design mobile app/web GUI




                                                                    http://msd2013.jylee6977.com/tc
Mobile
Course        Service
              Design
Management




             http://msd2013.jylee6977.com/tc
Mobile
Course                                                                           Service
                                                                                 Design
Weekly Schedules


                                 - 수업 및 프로젝트 소개                          GOOD&BAD 모바일 앱
  1   Class Orientation
                                 - 아이스 브레이킹                              사례

      What is Mobile App?        - 모바일과 모바일 앱에 대한 이해
  2
      What is Service Design?    - 모바일 서비스 개발을 위한 서비스 디자인

                                 - 모바일 컨텍스트에 대한 이해
      Mobile Context
  3                              - 모바일 사용자 경험에 대한 이해                     아이디어 구축
      & User Experience
                                 - 모바일 UI에 대한 이해

      Mobile Service Design(1)   - 무엇을 서비스화/디자인 할 것인가?
  4                                                                      데스크 리서치
      - Discovery Phase          - Desk Research를 통한 발견

      Mobile Service Design(2)   - 서비스 대상에 대한 문제정의
  5                                                                      사용자 리서치
      - Define Phase : 문제정의      - User Research. Service Safari

      Mobile Service Design(3)   - 문제정의에 따른 컨셉 및 전략 구축
  6                                                                      원칙 수립
      - Define Phase : 서비스전략     - Service Principle, Design Criteria,

      Mobile Service Design(4)   - 전략 및 컨셉에 따른 사용자 시나리오
  7                                                                      시나리오 전개
      - Define Phase : 디자인원칙수립   - Persona, Service Scenario




                                                                              http://msd2013.jylee6977.com/tc
Mobile
                                               Service
                                               Design




Week 8 Mid Term
Mid Term Exam/Presentation Project Planning




                                              http://msd2013.jylee6977.com/tc
Mobile
Course                                                                     Service
                                                                           Design
Weekly Schedules


                                      - 모바일 정보 설계 방법(안드로이드기반)
  9    Mobile Information Design
                                      - 시나리오를 중심으로 한 정보설계

       Mobile Interaction Structure   - 모바일 앱 인터랙션/UI디자인 원칙
  10
       Mobile UI Structure            - Wireframe을 통한 Paper Prototype제작

                                      - Mobile app Look & Feel 사례
  11   Mobile GUI Design(1)
                                      - Persona등을 통한 Tone&Manner구축

                                      - Mobile GUI디자인을 위한 Icon제작
  12   Mobile GUI Design(2)
                                      - Mobile GUI디자인을 위한 Element제작

                                      - Mobile UI 기능 매핑 및 디자인
  13   Mobile UI Design
                                      - Mobile UI Layout XML화


  14   Mobile UX Design               - 최종 사용자 경험 요소 점검 및 배포




                                                                          http://msd2013.jylee6977.com/tc
Mobile
                                  Service
                                  Design




Week 15 Final Term
    Final Project Presentation




                                 http://msd2013.jylee6977.com/tc
Mobile
                              Service
                              Design




            For Nextweek.


Find Mobile Issues Around “YOU”
   Good & Bad Mobile APP



                             http://msd2013.jylee6977.com/tc
http://msd2013.jylee6977.com/tc

Weitere ähnliche Inhalte

Andere mochten auch

[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesignjylee_kgit
 
Directory lists
Directory listsDirectory lists
Directory listsIlsun Choi
 
[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율
[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율
[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율S.O.P.T - Shout Our Passion Together
 
좋아보이는것들의비밀 인포그래픽 01
좋아보이는것들의비밀 인포그래픽 01좋아보이는것들의비밀 인포그래픽 01
좋아보이는것들의비밀 인포그래픽 01윤소 최
 
SQLER on Windows Azure camp - SQL Database
SQLER on Windows Azure camp - SQL DatabaseSQLER on Windows Azure camp - SQL Database
SQLER on Windows Azure camp - SQL Database근호 이
 
Web App Security 2015.10
Web App Security 2015.10Web App Security 2015.10
Web App Security 2015.10Chanjin Park
 
[Info04]visual thinking02
[Info04]visual thinking02[Info04]visual thinking02
[Info04]visual thinking02JY LEE
 
[Info02]definition
[Info02]definition[Info02]definition
[Info02]definitionjylee_kgit
 
내부정보유출방지 대책 및 방안
내부정보유출방지 대책 및 방안내부정보유출방지 대책 및 방안
내부정보유출방지 대책 및 방안시온시큐리티
 
Art of hacking 발표자료
Art of hacking 발표자료Art of hacking 발표자료
Art of hacking 발표자료Dennis Kim
 
3장 데이터 수집, 정제에서 분석까지
3장 데이터 수집, 정제에서 분석까지3장 데이터 수집, 정제에서 분석까지
3장 데이터 수집, 정제에서 분석까지Hyochan PARK
 
비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)
비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)
비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)은주 김
 
[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료
[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료
[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료opencontentslab
 
(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터
(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터
(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터탑크리에듀(구로디지털단지역3번출구 2분거리)
 
인터넷전문은행 Fi-ntechkorea.com
인터넷전문은행  Fi-ntechkorea.com인터넷전문은행  Fi-ntechkorea.com
인터넷전문은행 Fi-ntechkorea.comYong Joon Moon
 
Sql developer 2nd
Sql developer 2ndSql developer 2nd
Sql developer 2ndMinwoo Choi
 
파이썬 class 및 function namespace 이해하기
파이썬 class 및 function namespace 이해하기파이썬 class 및 function namespace 이해하기
파이썬 class 및 function namespace 이해하기Yong Joon Moon
 
Sql study 20101113 유혜원
Sql study 20101113 유혜원Sql study 20101113 유혜원
Sql study 20101113 유혜원혜원 유
 
HTML5_security_(next_generation_threats)
HTML5_security_(next_generation_threats)HTML5_security_(next_generation_threats)
HTML5_security_(next_generation_threats)한익 주
 

Andere mochten auch (20)

Socket.io
Socket.io Socket.io
Socket.io
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesign
 
Directory lists
Directory listsDirectory lists
Directory lists
 
[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율
[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율
[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율
 
좋아보이는것들의비밀 인포그래픽 01
좋아보이는것들의비밀 인포그래픽 01좋아보이는것들의비밀 인포그래픽 01
좋아보이는것들의비밀 인포그래픽 01
 
SQLER on Windows Azure camp - SQL Database
SQLER on Windows Azure camp - SQL DatabaseSQLER on Windows Azure camp - SQL Database
SQLER on Windows Azure camp - SQL Database
 
Web App Security 2015.10
Web App Security 2015.10Web App Security 2015.10
Web App Security 2015.10
 
[Info04]visual thinking02
[Info04]visual thinking02[Info04]visual thinking02
[Info04]visual thinking02
 
[Info02]definition
[Info02]definition[Info02]definition
[Info02]definition
 
내부정보유출방지 대책 및 방안
내부정보유출방지 대책 및 방안내부정보유출방지 대책 및 방안
내부정보유출방지 대책 및 방안
 
Art of hacking 발표자료
Art of hacking 발표자료Art of hacking 발표자료
Art of hacking 발표자료
 
3장 데이터 수집, 정제에서 분석까지
3장 데이터 수집, 정제에서 분석까지3장 데이터 수집, 정제에서 분석까지
3장 데이터 수집, 정제에서 분석까지
 
비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)
비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)
비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)
 
[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료
[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료
[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료
 
(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터
(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터
(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터
 
인터넷전문은행 Fi-ntechkorea.com
인터넷전문은행  Fi-ntechkorea.com인터넷전문은행  Fi-ntechkorea.com
인터넷전문은행 Fi-ntechkorea.com
 
Sql developer 2nd
Sql developer 2ndSql developer 2nd
Sql developer 2nd
 
파이썬 class 및 function namespace 이해하기
파이썬 class 및 function namespace 이해하기파이썬 class 및 function namespace 이해하기
파이썬 class 및 function namespace 이해하기
 
Sql study 20101113 유혜원
Sql study 20101113 유혜원Sql study 20101113 유혜원
Sql study 20101113 유혜원
 
HTML5_security_(next_generation_threats)
HTML5_security_(next_generation_threats)HTML5_security_(next_generation_threats)
HTML5_security_(next_generation_threats)
 

Ähnlich wie [MSD01]Introduction

[Msd01]introduction
[Msd01]introduction[Msd01]introduction
[Msd01]introductionJY LEE
 
[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERM[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERMjylee_kgit
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesignJY LEE
 
Jamin's portfolio for camp mobile_compact.version
Jamin's portfolio for camp mobile_compact.versionJamin's portfolio for camp mobile_compact.version
Jamin's portfolio for camp mobile_compact.versionJamin Park
 
[MSD06]MAPPING
[MSD06]MAPPING[MSD06]MAPPING
[MSD06]MAPPINGjylee_kgit
 
Mobile ux design_for_ck_univ
Mobile ux design_for_ck_univMobile ux design_for_ck_univ
Mobile ux design_for_ck_univJunsang Dong
 
[Msd09]mobile ui design
[Msd09]mobile ui design[Msd09]mobile ui design
[Msd09]mobile ui designJY LEE
 
[Msd07]mapping cjm
[Msd07]mapping cjm[Msd07]mapping cjm
[Msd07]mapping cjmJY LEE
 
[Msd04]user observation
[Msd04]user observation[Msd04]user observation
[Msd04]user observationjylee_kgit
 
[BSD]00_ORIENTATION
[BSD]00_ORIENTATION[BSD]00_ORIENTATION
[BSD]00_ORIENTATIONJY LEE
 
[Msd03]mobile context
[Msd03]mobile context[Msd03]mobile context
[Msd03]mobile contextjylee_kgit
 
1106 디미컨2 여성안심서비스 ui 디자인 계획
1106 디미컨2 여성안심서비스 ui 디자인 계획1106 디미컨2 여성안심서비스 ui 디자인 계획
1106 디미컨2 여성안심서비스 ui 디자인 계획ssusercd9c80
 
포트폴리오 오경원
포트폴리오 오경원포트폴리오 오경원
포트폴리오 오경원Sio Oh
 
[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02JY LEE
 
취업캠프 특강 - 기업의 서비스 개발 프로젝트
취업캠프 특강 - 기업의 서비스 개발 프로젝트취업캠프 특강 - 기업의 서비스 개발 프로젝트
취업캠프 특강 - 기업의 서비스 개발 프로젝트Jongmyoung Kim
 
음성인식 기반의 지역 캐릭터 시스템
음성인식 기반의 지역 캐릭터 시스템음성인식 기반의 지역 캐릭터 시스템
음성인식 기반의 지역 캐릭터 시스템JUNGHUN LEE
 
스마트 융합 대학 교육 20130206(sbck)
스마트 융합 대학 교육  20130206(sbck)스마트 융합 대학 교육  20130206(sbck)
스마트 융합 대학 교육 20130206(sbck)Bo Seong Seo
 
(주)엑슨투 회사소개서 2018년 01월
(주)엑슨투 회사소개서 2018년 01월(주)엑슨투 회사소개서 2018년 01월
(주)엑슨투 회사소개서 2018년 01월Sang Jin LEE
 

Ähnlich wie [MSD01]Introduction (20)

[Msd01]introduction
[Msd01]introduction[Msd01]introduction
[Msd01]introduction
 
[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERM[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERM
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesign
 
Jamin's portfolio for camp mobile_compact.version
Jamin's portfolio for camp mobile_compact.versionJamin's portfolio for camp mobile_compact.version
Jamin's portfolio for camp mobile_compact.version
 
[MSD06]MAPPING
[MSD06]MAPPING[MSD06]MAPPING
[MSD06]MAPPING
 
Mobile ux design_for_ck_univ
Mobile ux design_for_ck_univMobile ux design_for_ck_univ
Mobile ux design_for_ck_univ
 
[Msd09]mobile ui design
[Msd09]mobile ui design[Msd09]mobile ui design
[Msd09]mobile ui design
 
[Msd07]mapping cjm
[Msd07]mapping cjm[Msd07]mapping cjm
[Msd07]mapping cjm
 
[Msd04]user observation
[Msd04]user observation[Msd04]user observation
[Msd04]user observation
 
[BSD]00_ORIENTATION
[BSD]00_ORIENTATION[BSD]00_ORIENTATION
[BSD]00_ORIENTATION
 
[Msd03]mobile context
[Msd03]mobile context[Msd03]mobile context
[Msd03]mobile context
 
1106 디미컨2 여성안심서비스 ui 디자인 계획
1106 디미컨2 여성안심서비스 ui 디자인 계획1106 디미컨2 여성안심서비스 ui 디자인 계획
1106 디미컨2 여성안심서비스 ui 디자인 계획
 
포트폴리오 오경원
포트폴리오 오경원포트폴리오 오경원
포트폴리오 오경원
 
[Nux]08 paper
[Nux]08 paper[Nux]08 paper
[Nux]08 paper
 
[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02
 
취업캠프 특강 - 기업의 서비스 개발 프로젝트
취업캠프 특강 - 기업의 서비스 개발 프로젝트취업캠프 특강 - 기업의 서비스 개발 프로젝트
취업캠프 특강 - 기업의 서비스 개발 프로젝트
 
음성인식 기반의 지역 캐릭터 시스템
음성인식 기반의 지역 캐릭터 시스템음성인식 기반의 지역 캐릭터 시스템
음성인식 기반의 지역 캐릭터 시스템
 
U&I Insgiht
U&I InsgihtU&I Insgiht
U&I Insgiht
 
스마트 융합 대학 교육 20130206(sbck)
스마트 융합 대학 교육  20130206(sbck)스마트 융합 대학 교육  20130206(sbck)
스마트 융합 대학 교육 20130206(sbck)
 
(주)엑슨투 회사소개서 2018년 01월
(주)엑슨투 회사소개서 2018년 01월(주)엑슨투 회사소개서 2018년 01월
(주)엑슨투 회사소개서 2018년 01월
 

Mehr von jylee_kgit

[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02jylee_kgit
 
[Msd09]mobile design
[Msd09]mobile design[Msd09]mobile design
[Msd09]mobile designjylee_kgit
 
[Info07]information&design&visual
[Info07]information&design&visual[Info07]information&design&visual
[Info07]information&design&visualjylee_kgit
 
[Info06]information&pattern
[Info06]information&pattern[Info06]information&pattern
[Info06]information&patternjylee_kgit
 
[Info03]infographics
[Info03]infographics[Info03]infographics
[Info03]infographicsjylee_kgit
 
[Info01]introduction
[Info01]introduction[Info01]introduction
[Info01]introductionjylee_kgit
 
[I3 d]09 designui
[I3 d]09 designui[I3 d]09 designui
[I3 d]09 designuijylee_kgit
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivityjylee_kgit
 
[I3 d]interactive 3d flash
[I3 d]interactive 3d flash[I3 d]interactive 3d flash
[I3 d]interactive 3d flashjylee_kgit
 
[Nux]07 design
[Nux]07 design[Nux]07 design
[Nux]07 designjylee_kgit
 
[Nux]03 introduction
[Nux]03 introduction[Nux]03 introduction
[Nux]03 introductionjylee_kgit
 
[I3 d]03 information
[I3 d]03 information[I3 d]03 information
[I3 d]03 informationjylee_kgit
 
[I3 d]02 information
[I3 d]02 information[I3 d]02 information
[I3 d]02 informationjylee_kgit
 
[Nux]02 introduction pdf
[Nux]02 introduction pdf[Nux]02 introduction pdf
[Nux]02 introduction pdfjylee_kgit
 

Mehr von jylee_kgit (18)

[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02
 
[Msd09]mobile design
[Msd09]mobile design[Msd09]mobile design
[Msd09]mobile design
 
[Info07]information&design&visual
[Info07]information&design&visual[Info07]information&design&visual
[Info07]information&design&visual
 
[Info06]information&pattern
[Info06]information&pattern[Info06]information&pattern
[Info06]information&pattern
 
[Info03]infographics
[Info03]infographics[Info03]infographics
[Info03]infographics
 
[Info01]introduction
[Info01]introduction[Info01]introduction
[Info01]introduction
 
[Nux]12 nux
[Nux]12 nux[Nux]12 nux
[Nux]12 nux
 
[Nux]13 nux
[Nux]13 nux[Nux]13 nux
[Nux]13 nux
 
[I3 d]09 designui
[I3 d]09 designui[I3 d]09 designui
[I3 d]09 designui
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
 
[I3 d]interactive 3d flash
[I3 d]interactive 3d flash[I3 d]interactive 3d flash
[I3 d]interactive 3d flash
 
[Nux]07 design
[Nux]07 design[Nux]07 design
[Nux]07 design
 
[Nux]06 ux
[Nux]06 ux[Nux]06 ux
[Nux]06 ux
 
[Nux]05 ux
[Nux]05 ux[Nux]05 ux
[Nux]05 ux
 
[Nux]03 introduction
[Nux]03 introduction[Nux]03 introduction
[Nux]03 introduction
 
[I3 d]03 information
[I3 d]03 information[I3 d]03 information
[I3 d]03 information
 
[I3 d]02 information
[I3 d]02 information[I3 d]02 information
[I3 d]02 information
 
[Nux]02 introduction pdf
[Nux]02 introduction pdf[Nux]02 introduction pdf
[Nux]02 introduction pdf
 

[MSD01]Introduction

  • 1. Mobile Service Design KGIT 2013 SPRING CLASS @ JYLEE http://msd2013.jylee6977.com/tc
  • 2. Mobile Course Service Design Introduction 2013년도 1학기 강의계획서 교과목명 모바일 서비스 디자인 교과목 구분 전공(기초) 학점/시간 2/2 교과목 코드 NM2507 수업 시간 화 8,9 수강대상 및 23415 강의실 PC 코드 성명 이정연 연구실 강서 605 담당 교수 Office 02-6393-3239 화 면담시간 오후 3시-6시 e-mail jylee@kgit.ac.kr http://HHM2013.jylee6977.com/tc http://msd2013.jylee6977.com/tc
  • 3. Mobile Course Service Design Definition 본 교과에서는 서비스 디자인 방법론을 통해 사용자의 모바일 Phase1 컨텍스트에 대한 이해(2.3.4)와 잠재된 니즈(4.5.6)를 도출하고 이에 따른 새로운 서비스를 제안(6,7,8)한다. 또한 제안된 서비스를 중심으로 모바일 앱 프로토타입 제작에 Phase2 필요한 정보디자인(9,10),인터페이스 디자인(11,12,13,14)을 체계적인 과정을 통해 진행해본다. http://msd2013.jylee6977.com/tc
  • 4. Mobile Course Service Design Definition In recent years there has been a massive increase in mobile web/App use, with the development of the iPhone and similar devices driving a huge demand for Internet access on the go. The changes in the way that we use the Internet presents fresh challenges and possibilities for web designers as sites must be compatible with both desktop and mobile platforms. This Course supports to get started in mobile site design, mobile App design essential skills in the current landscape of web/app development. This course looks at the impact our creative choices in UI/GUI have on the way we interact with screen-based design on the Web, mobile and more. Emphasis is placed on advanced techniques in constructing meaningful, responsive and contextual layouts across media. Students research, design and test their creations to inform further iterations of their ideas. http://msd2013.jylee6977.com/tc
  • 5. Mobile Course Service Design Goals 1. Learn mobile user context and eco-system 2. Develop mobile strategy 3. Build the structures of mobile app/web information design 4. Design User Experience in mobile app/web 5. Design mobile app/web GUI http://msd2013.jylee6977.com/tc
  • 6. Mobile Course Service Design Management http://msd2013.jylee6977.com/tc
  • 7. Mobile Course Service Design Weekly Schedules - 수업 및 프로젝트 소개 GOOD&BAD 모바일 앱 1 Class Orientation - 아이스 브레이킹 사례 What is Mobile App? - 모바일과 모바일 앱에 대한 이해 2 What is Service Design? - 모바일 서비스 개발을 위한 서비스 디자인 - 모바일 컨텍스트에 대한 이해 Mobile Context 3 - 모바일 사용자 경험에 대한 이해 아이디어 구축 & User Experience - 모바일 UI에 대한 이해 Mobile Service Design(1) - 무엇을 서비스화/디자인 할 것인가? 4 데스크 리서치 - Discovery Phase - Desk Research를 통한 발견 Mobile Service Design(2) - 서비스 대상에 대한 문제정의 5 사용자 리서치 - Define Phase : 문제정의 - User Research. Service Safari Mobile Service Design(3) - 문제정의에 따른 컨셉 및 전략 구축 6 원칙 수립 - Define Phase : 서비스전략 - Service Principle, Design Criteria, Mobile Service Design(4) - 전략 및 컨셉에 따른 사용자 시나리오 7 시나리오 전개 - Define Phase : 디자인원칙수립 - Persona, Service Scenario http://msd2013.jylee6977.com/tc
  • 8. Mobile Service Design Week 8 Mid Term Mid Term Exam/Presentation Project Planning http://msd2013.jylee6977.com/tc
  • 9. Mobile Course Service Design Weekly Schedules - 모바일 정보 설계 방법(안드로이드기반) 9 Mobile Information Design - 시나리오를 중심으로 한 정보설계 Mobile Interaction Structure - 모바일 앱 인터랙션/UI디자인 원칙 10 Mobile UI Structure - Wireframe을 통한 Paper Prototype제작 - Mobile app Look & Feel 사례 11 Mobile GUI Design(1) - Persona등을 통한 Tone&Manner구축 - Mobile GUI디자인을 위한 Icon제작 12 Mobile GUI Design(2) - Mobile GUI디자인을 위한 Element제작 - Mobile UI 기능 매핑 및 디자인 13 Mobile UI Design - Mobile UI Layout XML화 14 Mobile UX Design - 최종 사용자 경험 요소 점검 및 배포 http://msd2013.jylee6977.com/tc
  • 10. Mobile Service Design Week 15 Final Term Final Project Presentation http://msd2013.jylee6977.com/tc
  • 11. Mobile Service Design For Nextweek. Find Mobile Issues Around “YOU” Good & Bad Mobile APP http://msd2013.jylee6977.com/tc