6주차) 01 - 02 - Wireframe(와이어프레임)

와이어프레임

• 와이어프레임은 스토리보드의 개념이다.
• UI를 어떻게 표현할지를 그려 놓은 화면의 프로토타입이다.
• 웹 페이지, 앱 페이지의 화면을 페이지 구조, 레이아웃, 정보구조, 유저 플로우, 기능, 의도된 동작들에 대한 정의이다.
• 와이어프레임을 작성할 때 왜, 목표, 무엇, 컨셉이 항목들이 녹아져 있어야 한다.
• 왜 해야 되는지가 명확해야 한다. 
• 목표를 정확하게 해야 한다.
  어떤 목표를 잡고 가느냐에 따라서 와이어프레임이 좀 달라진다.
  목표는 변하면 안된다.
• 서비스를 하는 데 있어서 뭘 해서 사용자들과 커뮤니케이션할지 녹아져 있어야 한다.
• 웹 사용자를 이해해야 한다. 
• 웹의 구조로 표현해야 한다.
• 웹의 언어로 표현해야 한다.
• 웹/앱의 구조를 설계하고 화면 UI를 설계(콘텐츠의 적절한 배치, 서비스 화면 구조, 설득 문서)

협업을 통한 와이어프레임

• 기획자
  • 전체적인 요견에 대한 분석, 방향과 목표 설정을 통해 일정 계획을 수립하고 화면을 설계, 커뮤니케이션, 팀별 의견 조율을 위한 설득, 최종 산출물 정리 등 프로젝트의 시작과 끝의 역할을 담당한다.
  • 기획자는 예외 케이스에 대해서 많이 고민해야 한다.
• 웹/앱 서비스 기획자
  • 웹/앱에서의 서비스 기획자는 프로젝트의 요건 분석과 기술적인 검토가 반영된 서비스를 설계하고 이를 통해 서비스를 구축, 운영해 나가는 역할이다.
  • 국내 서비스 기획자는 Web Producer의 개념으로 프로젝트의 처음과 끝을 책임지며 다른 직군과의 커뮤니케이션이 가장 중요하다.
  • 요건분석 -> 서비스 설계 -> 테스트 -> 운영
  • 협업이 없이는 안된다.