<aside> 📢 안녕하세요. 해당 섹션은 PM이 자신의 아이디어를 실제 서비스로 만들 때 필요한 ‘아이디어 구체화’ 단계를 위한 팁입니다. 3기 UMC 일정상 이미 PM분들은 어느 정도 아이디어 구체화를 끝내놓으셨을 거라 생각합니다. 보다 일찍 제공해 드렸어야 했는데 그러지 못해 죄송합니다🥲 그래도 중앙에서 제공한 가이드라인과 미션들을 통해 다들 잘 마무리하셨을 거라 생각합니다! 시기는 지났지만, 여러분에게 혹시나 도움이 될까 하는 마음에서 이렇게 준비해 보았습니다.

🤍 Thanks to Jay (Inha Univ.)

</aside>

와이어프레임(Wireframe)

와이어프레임이란?

• 제품을 구성하는 서로 다른 레이아웃을 정적인 로우 피델리티* 상태로 재현한 것

  • 와이어프레임은 정적으로 화면을 표현하는 방법입니다.
  • 로우 피델리티(lo-fi: Low-Fidelity)란 낮은 수준의 프로토타이핑을 의미합니다.
  • 여기서 피델리티(Fidelity)란 프로토토타이핑에서 쓰이는 용어인데요, 계획한 최종 제품과 프로토타입이 얼마나 비슷한지를 의미합니다.

• 쉽게 말해 간단한 모양만으로 인터페이스를 시각적으로 묘사한 것입니다.

• 와이어프레임은 주로 구조, 콘텐츠, 기능을 설명하는데 사용됩니다.

  구조	페이지 요소의 구성 방식
  콘텐츠	페이지에 표시될 내용
  기능	인터페이스 작동 방식

• 와이어프레임은 용도 측면에서 건축 청사진과 유사합니다.

  • 참고로 건축 설계 청사진을 보면 각 방마다 특정한 공간이 할당되어 있는 것은 알 수 있지만,
  • 완성된 집은 확인할 수 없습니다.

와이어프레임을 제작하는 주요 목적

• 와이어프레임은 디자이너가 작업을 시작하고, 팀의 작업 방향을 설정하는 기초 역할을 합니다.
• 와이어프레임은 팀이 다음 작업 단계로 넘어가기 전에 꼼꼼하게 계획할 기획을 제공하고, 누락된 작업을 위해 다시 뒤로 돌아가야 하는 위험성을 줄여줍니다.
• 디자이너는 시각 디자인의 세부 묘사에 너무 치우치지 않고 전체적인 디자인 전략을 확인할 수 있습니다.

와이어프레임 제작 팁