Monday, October 19, 2015

[class: PM Camp@Fast Campus#10] UX #2 – 사용자 알아보기 (my note is WIP)



6. 10 수
UX #2 – 사용자 알아보기
사용자 리서치 맛보기
  • 다양한 사용자 리서치 방법을 익히고
  • 조별 활동으로 간단한 리서치 활동을 수행
Mr.M


  1. User research [Sanghun Woo@Naver, UGC Development Center (Cafe, Blog, Knowledge Man)]
    1. lesson:
      1. user scenario is used in acceptance test
      2. user modeling: e.g. movie audience type (e.g. single, friends, couple, family)
        1. user property: age, gender, etc.
        2. important property: e.g. marriage, children, living location
      3. user research: e.g. unfocused group interview (i.e. expert)
      4. group activity (윤희, 혜경, 유라, 지현, 길수)
        1. topic: discuss challenging area in using mobile services through personal story
        2. precondition: capital 20억, technology well-supported
      5. affinity diagram
        1. affinity
        2. affinity column
      6. persona making process
        1. name, picture
        2. motivation, needs
        3. scenario, feature
        4. behavior
      7. homework
        1. install PowerMockup
        2. install Pixate

    1. personal takeaway:
      1. help all meeting participants to say something: start conversation with ice-breaking e.g. what’s your feeling color?

[class: PM Camp@Fast Campus#9] UX #1 – UX의 이해 (my note is WIP)



5주차
6. 6 토
UX #1 – UX의 이해
UX 트랜드와 이론을 살펴보고, 제품의 가치에 대해 이해한다.
  • 대표적인 모바일 트랜드와 이를 학습하는 방법
  • UX와 UI의 개념
Mr.M


  1. Understanding UX trends and theory [Sanghun Woo@Naver, UGC Development Center (Cafe, Blog, Knowledge Man)]
    1. lesson:
      1. homework
        1. try task management tool such as Trello, Jira, Slack
        2. install Sketch 3 (for wireframe design) and Pixate
        3. test most popular apps of the year
        4. study flow chart for exceptional cases
        5. next Wed: challenging area in using mobile services
        6. consider soft.macx.cn/index.htm for free software trial :)
      2. project management process: feature -> design -> develop -> QA
      3. data based mobile trends
        1. mobile: fast growing sales, time spent on mobile devices
        2. app vs. web: rate of interactivity, content update frequency
        3. myth vs. fact: homepage visitors, PV, time spent
        4. popular content type in Korea: time killing content (contact, connect, communication, entertainment, productivity)
        5. tablet usage: watching TV, lying in bed
      4. UX
        1. gesture: e.g swipe (for contextual function) vs. flick
        2. terms
          1. UI component: e.g. menu, window, drop-down
          2. module: term used in architectural sense
          3. standard vs. customized component: e.g. changing color on menu
          4. contextual function: displaying things (e.g. right-click, pop-up, contextual menu)
        3. input design:
          1. try to eliminate input, otherwise make inputting experience (e.g. recent destination for flight destination input area)
          2. put critical content top of page
        4. care for exceptional cases
          1. consider drawing a flow chart
        5. purpose
          1. of storytelling: sales
          2. of UX design: maximizing UX through repurchase
        6. characteristic of good UI (can be measured quantitatively): good mental model, fast response, consistency (c.f. UX can be measured qualitatively)
          1. c.f. good UI for good UX is basic
        7. definition
          1. of UX: all emotion and experience when users experience product/design before (e.g. ad), during (e.g. UI) and after (e.g. after service)
          2. of design: problem-solving process
      5. UI: medium connecting users and machine
        1. in wireframe design, priority of information is important
      6. presentation prep: summarize a topic by including a subject and finishing your summary in one sentence
      7. insight for product: consider ideas which improved previous paint points just a little bit instead of introducing radical features
      8. UX development and deliverables
        1. define service: service concept and goal
        2. define user: persona
        3. define user’s needs: persona (+ mental model)
        4. define function: function list (which solves users’ needs)
        5. define IA (information architecture): service flow
        6. design UI: wireframe
        7. design interaction: storyboard (final reference before design and development; purpose is to launch fast)
      9. behavior-based interview (avoid good, evil, emotion): asking about fact (e.g. frequency, behavior)
      10. developer's challenge: sync, backup, mobile & PC

    1. personal takeaway:
      1. tell developers exceptional cases

[class: PM Camp@Fast Campus#8] 개발 #6 – 요즘은 이런 기술이 뜬다며?! (my note is WIP)




6. 3 수
개발 #6 – 요즘은 이런 기술이 뜬다며?!
유행하는 기술 용어를 통해 트랜드 살펴보기
  • HTML5/CSS3
  • Cloud, NoSQL, IoT, Big Data
김태곤


  1. Tech trends through the eyes of popular tech terms [Taegon Kim@Fancy.com, software engineer]
    1. lesson:
      1. HTML5
        1. 2000 HTML4.01 -> 2014 HTML5
        2. semantic element tags: e.g. <main>, <nav>
        3. HTML5 API added: application related e.g. WebFont, Seamless iframe
          1. WebSocket: real-time networking possible
          2. Offline Web Application, Service Worker: offline online look-alike e.g. email
          3. Local Storage, Indexed Database, WebSQL: large amount of data stored on users’ computer
          4. Canvas (e.g. game), SVG (e.g. icon), <video>, <audio>, requestAnimationFrame: enhanced multi-media function (c.f. be careful with coded)
            1. codec: avi for Windows, mp4, mp3 (c.f. ogg for Firefox)
            2. video support: example
          5. Media stream: real-time video streaming
          6. Web Speech, Speech Synthesis: e.g. Web Speech demo, Speech Synthesis demo
          7. File, Clipboard, Desktop Notification: file (e.g. data, size), notification demo
          8. Vibration, Accelerator, Geolocation, Screen Orientation, Game Pad: control device function
          9. WebRTC: p2p communication (used media streaming, transfer technology) e.g. opentokrtc
      2. Cloud Computing
        1. save and execute data and application on the Internet
        2. c.f. Person of Interest drama
      3. WebGL: WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D computer graphics and 2D graphics within any compatible web browser without the use of plug-ins.<source: Wikipedia> e.g. strategy game
      4. NoSQL: A NoSQL (often interpreted as Not only SQL) database provides a mechanism for storage and retrieval of data that is modeled in means other than the tabular relations used in relational databases. <source: Wikipedia>
        1. e.g. Redis (fast!), MongoDB,
        2. e.g. $db.get(“key”), $db.set(“key”,”abc”)

    1. personal takeaway:
      1. vimrc
      2. read taegon.kim
      3. resource: collection of great libraries, etc. e.g. awesome list, awesome_python, awesome_programming
      4. PM communication:
        1. provide supported boundary
        2. setup priority for tasks
        3. specify milestone and functions