플래니지

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

안녕하세요. 플래니지 해리입니다. 오늘은 어제에 이어서 피그마 이전에 사용하던 툴인 Adobe XD에 대해 장점과 단점 그리고 XD를 활용하는 방법에 대해서 안내해 드리겠습니다. 저는 기존에도 여러 가지 UI/UX를 위한 툴을 사용해 봤습니다. 그중 네이버의 Prototype, 카카오의 Oven 기획 초반에는 발사믹(Balsamiq)이라는 와이어프레임 툴과 전통적으로 사용하는 PPT의 Power Mockup 정도가 있었습니다. 이외에 더 많은 툴들이 있었지만 주력으로 사용하진 않아 패스하겠습니다. 본격적인 UI/UX 툴을 사용하면서 한때 많은 매력을 느끼게 한 XD에도 장점과 단점은 극명하게 나뉘어졌습니다. 최근 피그마가 어도비의 XD를 인수하는 소식이 있어 화제가 되었습니다. 그리고 현재 XD는 유지 ..

안녕하세요.플래니지 해리입니다. 오늘은 본업으로 돌아와서 피그마에 대한 얘기를 해보겠습니다.   지난번 화면설계서를 안내해 드리면서 다양한 툴의 발전이 있었다고 말씀드린 적 있습니다.PPT부터 시작해서 PPT에서 지원하는 Power Mockup 그리고 현재는 XD, Figma, Sketch, Framer 등 다양한 디자인 협업툴이 탄생하였고 많이 사용중입니다.   [웹기획 필수]화면설계서 작성방법 노하우 공개안녕하세요. 플래니지 해리입니다. 오늘은 웹기획자 업무의 꽃인 화면설계서입니다. 화면설계서가 무엇입니까? 프로덕트 매니저, 기획자(웹, 앱, 어플리케이션 등등)의 업무 중 가장 많은 업무planez.kr  피그마(Figma)는 무엇입니까?Figma(피그마)는 웹/앱프로젝트 UI/UX 디자인과 협업을 ..

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

안녕하세요. 플래니지 해리입니다. 화면을 설계하는 작업은 웹 개발과 디자인 프로젝트에서 핵심적인 작업 중 하나입니다. 그러나 많은 경우, 화면설계서가 엉망으로 끝나는 상황을 경험해본적이 있을 텐데요. 익숙한 화면설계 작업의 벽을 느끼고 엉망으로 처리한 뒤 수정하는 일이 종종 발생합니다. 오늘은 우리들의 화면설계서가 엉망이 되는 이유를 살펴보고, 조금 더 정리가 잘 된 화면설계를 위해 우리는 무엇을 어떻게 해야 되는지 얘기해 보겠습니다. 1. 프로젝트 이해문제 문제 많은 화면설계서가 엉망이 되는 이유 중 하나는 프로젝트에 대한 충분한 이해가 부족한 경우입니다. 이해하지 못한 프로젝트의 목적, 목표, 사용자 요구사항, 비즈니스 프로세스 등을 충분히 파악되지 않았으니 당연히 설계서는 엉망이 될 수밖에 없습니다..