플래니지

안녕하세요. 플래니지 해리입니다. 웹기획에서 핵심적인 역할을 하는 와이어프레임에 대해 설명을 해보겠습니다. 해리가 주로 와이어프레임의 작성 방법과 핵심 노하우를 소개해 드리겠습니다. 웹기획에서 와이어프레임 : 정의 작성 방법과 노하우 와이어프레임(Wirefreme)이란? 와이어프레임은 웹사이트나 앱의 구조와 레이아웃을 간단하게 시각화한 것입니다. 이는 디자인 요소나 그래픽보다는 콘텐츠와 기능에 초점을 맞추기 때문에 색상과 오브젝트의 디자인이 모두 빠진 형태이며, 보통 기획자의 화면설계서에 포함되는 요소 중 하나입니다. 이 단계에서는 콘텐츠의 배치와 사용자 경험(UX)을 고려하여 레이아웃을 그리게 되는데, 상세 설계를 진행하기 전에 간단하게 만드는 심플한 와이어프레임과 본격적인 설계에 진입하여 그리게 되는..

안녕하세요. 플래니지 해리입니다. 실무에서 사용하시기 편리한 화면설계 샘플 공유드립니다. 다운로드하시기 전에 댓글+공감 부탁드립니다. 해당 샘플은 자유롭게 사용해도 무방하니 샘플의 내용을 확인해 보시고 그냥 사용하시거나, 사용 목적에 맞게 커스터마이징 하시기 바랍니다. 문서 설명 1. 표지 안내 프로젝트 설명이 들어가는 영역입니다. 빈 화면에 가이드를 지정하였으니 마음대로 조정하셔도 좋습니다. 2. 문서이력(Document History) 화면설계 문서 작성 이력을 지정하는 영역입니다. 날짜, 버전, 문서 작성이력(Description), 날짜를 입력할 수 있습니다. 입력할 내용이 많아지는 경우 표의 행수를 조절하여 사용하시기 바랍니다. 문서 이력이 많은 경우 페이지를 추가하는 경우가 있을건데 상관없습니..

안녕하세요. 플래니지 해리입니다. 오늘은 웹기획자 업무의 꽃인 화면설계서입니다. 화면설계서가 무엇입니까? 프로덕트 매니저, 기획자(웹, 앱, 어플리케이션 등등)의 업무 중 가장 많은 업무 비중을 차지하는 UI설계서(혹은 화면설계서)는 다양하게 불려집니다. 화면설계서 화면정의서 스토리보드 MMI(Man Machine Interface) 다 똑같은 의미로 화면 안에 들어가는 구성요소, 기능, 정책 등을 자세하게 정의하고 서술하는 문서입니다. 화면설계서를 작성하는 이유는 프로젝트 담당자들이 요구사항정의, 기능정의에서 협의된 내용을 기준으로 목표 서비스(혹은 시스템)를 설계합니다. 프로젝트 담당자들은 이 설계화면을 보고 디자이너는 GUI작업을, 개발자는 기능을 구현하게 됩니다. 대부분의 화면설계는 몇년전까지만해..