본문 바로가기

제로베이스 PM 스쿨

[제로베이스 PM 파트타임 스쿨] 9주차 - Wireframe

수강한 강의

제로베이스 PM 파트타임 스쿨 

  • Chapter 14. 서비스 기획서 작성하기
  • 31. Wireframe 작성하기 1
  • 32. Wireframe 작성하기 2
  • 33. 협업을 통한 Wireframe 완성하기

주차

9주차

강의 요약

  • 와이어 프레임
    • UI(화면)를 어떻게 표현할지를 그려 놓은 화면의 프로토 타입
    • 웹페이지, 웹페이지의 화면을 페이지 구조, 레이아웃, 정보 구조, 유저 플로우, 기능, 의도된 동작들에 대한 정의
  • 왜 (Why)
    • 왜 해야 하는지가 명확해야 함
  • 목표 (Goal)
    • 목표를 정확하게 해야함
    • 목표가 와이어프레임에 들어있어야 함
  • 무엇 (What)
    • 무엇을 해서 사용자들이랑 커뮤니케이션을 할 건지 알아야 함
    • 무엇을 할지에 대해서 명확해야 함
    • 무엇을 통해 서비스가 사용자들과 커뮤니케이션을 할 건지 명확하게 담아져있어야 함
  • 컨셉 (Concept)
    • 컨셉이 명확해야 함
    • 고객이 헤매지 않아야 함
    • 서비스에 들어와서 무엇을 할 건지에 대해서 명확해야 함
    • 고객과의 커뮤니케이션할 컨셉이 명확해야 함
  • 웹 사용자를 이해해야 함
  • 웹의 구조로 표현할 수 있어야 함
  • 웹의 언어로 표현할 수 있어야 함
  • UI 설계 시 중요한 요소
    • 컨텐츠의 적절한 배치
    • 서비스 화면 구조
    • 설득 구조
  • 기획자
    • 전체적인 요건에 대한 분석, 방향과 목표 설정을 통해 일정 계획을 수립하고 화면을 설계, 커뮤니케이션, 팀 별 의견 조율을 위한 설득, 최종 산출물 정리 등 프로젝트의 시작과 끝의 역할을 담당
    • 기획자는 질문을 많이해서 서비스의 방향을 잘 잡을 수 있어야 함
    • 질문을 하지 않으면 엉뚱한 방향으로 갈 확률이 높음
    • 즉 다른 팀과의 커뮤니케이션을 굉장히 많이 해야 함
  • 결국 서비스 기획서 (와이어프레임)은 다른 팀과 커뮤니케이션이 가능한 도구가 되어야 함
  • 반드시 서비스 기획자는 다른 팀과의 협업이 필요함
  • 협업을 통해 기획서 (와이어프레임)의 완성도를 높여야 함

생각 정리 & 적용점

오늘은 와이어 프레임에 대해 공부했다.

 

와이어 프레임이 제일 중요한 산출물이기 때문에 모든 것들이 녹아있어야 한다.

 

특히 다른 팀들도 같은 방향을 바라볼 수 있게 굉장히 많은 커뮤니케이션을 해야 한다고 생각했다.

 

같은 와이어프레임을 보더라도 커뮤니케이션이 부족하다면 다른 방향을 보게 되기 때문에 엉망이 될 수 있다.

 

부족한 커뮤니케이션보다 과한 커뮤니케이션이 더 좋다.

 

커뮤니케이션을 잘 하는 기획자가 되도록 다른 팀들을 이해하는 기획자가 돼야겠다!

이 글은 제로베이스 PM 파트타임 스쿨의 강의 자료 일부를 발췌하여 작성되었습니다.