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

[MSD01]Introduction

  • 1.
    Mobile Service Design KGIT 2013 SPRINGCLASS @ 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
  • 12.