Do it! 웹 사이트 기획 입문 [전면 개정판] : 18년 차 기획자가 알려주는 화면 UI 설계의 모든 것!

18년 차 기획자가 알려주는 화면 UI 설계의 모든 것!

이정원 저자 지음

이지스퍼블리싱 2024년 01월 25일 출간 종이책 : 2024년 01월 25일 출간

작품소개

책소개

어제도 화면 정의서를 쓰다가 지친 당신을 위한 책! IT 기획의 개념부터 기획자의 역할, 웹 사이트 구조의 기초 지식, 화면 정의서 작성 방법, 기획자로서의 역량을 강화할 방법까지! IT 기획에 관한 모든 것을 배울 수 있는 《Do it! 웹 사이트 기획 입문》이 전면 개정판으로 돌아왔습니다.

이번 개정판에서 달라진 점
- IT 기획자의 역할과 웹 사이트의 구조 등 ‘기획의 기본’을 정리했습니다.
- 최신 트렌드에 맞는 화면 정의서의 UI로 디자인 업그레이드를 진행했습니다.
- 기획자의 업무 소통 방법, 역량 강화 등 자기계발 내용을 추가했습니다.

2017년 첫 출간 이후, 여러 기획자의 참고 도서가 된 《Do it! 웹 사이트 기획 입문 - 전면 개정판》과 함께 웹 사이트 기획을 시작하세요!

이 책으로 공부해야 하는 6가지 이유!
- IT 기획의 기본기를 배울 수 있다.
- 웹 사이트의 화면 구성, 구조와 같은 개념을 배울 수 있다.
- 쇼핑몰 화면 정의서의 A to Z를 살펴볼 수 있다.
- 이용자 화면 정의서, 관리자 화면 정의서까지 볼 수 있다.
- 다른 부서와 협업하는 방법도 배운다.
- 기획자로서 역량을 강화하는 방법도 알려 준다.

이 책은 이런 분께 딱 좋아요!
- 웹 기획자가 되고 싶은 취준생
- 물어볼 사수가 없어서 막막한 웹 기획 신입사원
- 웹 기획자로 전향하고 싶은 디자이너 또는 개발자
- 웹 사이트 제작 프로젝트를 맡은 PM
- 새로운 웹 서비스를 준비하는 창업가
- 웹 사이트를 의뢰해야 하는 클라이언트

목차

첫째마당 기획, 첫발을 내딛다
01 IT 기획의 필수 개념 알기
01-1 IT 기획자로 생각 전환하기
01-2 웹 사이트의 유형별 개념 이해하기
01-3 웹 서비스의 구현 과정 파악하기
01-4 웹 사이트의 구조 설계하기
01-5 기획에 필요한 4가지 주요 문서
기능 정의서 | 정책 정의서 | 화면 정의서 | 일정 산출표

02 화면 정의서의 기본 익히기
02-1 기획자는 화면 정의서로 말한다
02-2 화면 정의서의 구성 요소 이해하기
02-3 화면 정의서 작성 방법 익히기
02-4 공통 UI 구성하기
02-5 글로벌 내비게이션 바(GNB)

둘째마당 화면 정의서 작성하기
03 화면 정의를 위한 준비
03-1 라라마켓 서비스 기획서 살펴보기
03-2 화면 정의서 작성 도구 소개
04 이용자 화면 설계
04-1 헤더와 푸터
헤더 | GNB 서브 메뉴 | 푸터
04-2 회원 가입
회원 가입 프로세스 | 약관 동의 화면 | 회원 정보 입력 화면 | 회원 가입 타당성 검증 화면 | 본인 인증 화면
04-3 회사 소개
소개 화면
04-4 스타일 숍 상품 소개
상품 목록 화면 | 상품 상세(소개) 화면 | 상품 상세 - 상품 구매 버튼 및 탭 메뉴 | 상품 상세 - 상품 리뷰 탭 화면 | 상품 상세 - 상품 문의 탭 화면 | 상품 상세 - 배송 안내/교환 및 반품 탭 화면
04-5 오픈 숍 상품 소개
상품 목록 화면 | 상품 상세(소개) 화면 | 상품 상세 - 허위 상품 신고 팝업 | 상품 상세 - 댓글 기능
04-6 상품 구매 프로세스
주문 및 결제 - 구매 목록 화면 | 주문 및 결제 - 주문자/배송 정보 입력 화면 | 주문 및 결제 - PG사 연결 화면 | 주문 완료 화면
04-7 상품 리뷰
상품 리뷰 목록 화면 | 상품 리뷰 작성 팝업
04-8 이벤트 게시판
이벤트 목록 화면 | 이벤트 상세 보기 화면
04-9 고객센터
공지사항 목록 화면 | 공지사항 상세 보기 화면 | 커뮤니티 게시판 목록 화면 | 커뮤니티 게시판 상세 보기 화면 | 커뮤니티 게시판 글쓰기 화면 | 자주 묻는 질문 화면 | 상품 문의 화면 | 아이디 찾기 화면 | 비밀번호 찾기 화면
04-10 마이 페이지(1) 쇼핑 이용 정보
마이 페이지 서브 메뉴 화면 | 장바구니 화면 | 주문 내역/배송 조회 목록 화면 | 주문 내역/배송 조회 상세 화면 | 교환 신청 팝업 화면 | 교환/환불 신청 내역 목록 화면 | 교환/환불 신청 내역 상세 화면 | 포인트 이용 내역 조회 화면
04-11 마이 페이지(2) 오픈 숍 상품 관리
상품 등록 화면 | 거래 상품 목록 화면 | 주문 관리 목록 화면 | 주문 관리 상세 화면
04-12 마이 페이지(3) 게시판 이용 내역
1:1 문의 목록 화면 | 1:1 문의 상세 화면 | 1:1 문의 작성 화면 | 나의 상품 리뷰 화면 | 나의 상품 문의 화면
04-13 마이 페이지(4) 개인정보 수정, 회원 탈퇴
비밀번호 확인 화면 | 개인정보 수정 화면 | 비밀번호 변경 화면 | 회원 탈퇴 화면
04-14 메인 화면
메인 배너 기능 | 상품 호출 기능 | 게시판 글 호출 기능 | 검색 결과 화면 | 로그인 화면

05 관리자 화면 설계
05-1 IA 설계와 로그인 화면
IA 설계 | 로그인 기능 | GNB | 서브 화면 레이아웃
05-2 주문 관리
스타일 숍 주문 - 주문 관리 목록 화면 | 스타일 숍 주문 - 주문 관리 상세 화면 | 스타일 숍 주문 - 주문 취소 관리 목록 화면 | 스타일 숍 주문 - 주문 취소 관리 상세 화면 | 스타일 숍 주문 - 교환 신청 관리 목록 화면 | 스타일 숍 주문 - 교환 신청 관리 상세 화면 | 오픈 숍 주문 - 주문 현황 목록 화면 | 오픈 숍 주문 - 주문 현황 상세 화면 | 오픈 숍 주문 - 포인트 지급 현황 화면
05-3 게시판 관리
스타일 숍 공지사항 관리 화면 | 고객센터 공지사항 관리 화면 | 커뮤니티 관리 화면 | 상품 문의 관리 화면 | 1:1 문의 관리 화면 | 상품 리뷰 관리 화면 | 자주 묻는 질문 관리 화면 | 이벤트 관리 화면 | 허위 상품 접수 관리 화면 | 게시판 구분 관리 화면
05-4 회원 관리
회원 목록 화면 | 회원 정보 상세 화면 | 탈퇴 회원 목록 화면 | 메일 관리 화면 | SMS 관리 화면 | 대량 메일 발송 화면
05-5 메인 상품 및 배너 관리
메인 상품 관리 화면 | 배너 관리 화면
05-6 상품 관리
스타일 숍 - 상품 등록 화면 | 스타일 숍 - 상품 목록 화면 | 스타일 숍 - 상품 카테고리 관리 화면
05-7 통계
통계 화면 준비사항 | 방문자 수 통계 화면 | 회원 수 통계 화면 | 상품 조회 수 통계 화면 | 카테고리 조회 수, 상품 판매 순위 통계 화면 | 포인트 통계 화면 | 탈퇴 사유 통계 화면
05-8 기본 정책 관리
약관 관리 화면 | 정책 관리 화면 | 결제 방법 관리 화면 | 메뉴 접근 권한 화면
05-9 메인 화면과 사내 게시판 관리
메인 화면 | 사내 게시판 화면

셋째마당 일 잘하는 기획자로 거듭나기
06 화면 설계 이후 웹 기획자의 업무
06-1 디자인, 퍼블리싱, 개발 진행 및 검토
06-2 완료된 웹 사이트 검증하기
06-3 사이트 오픈 후 웹 기획자의 운영 업무

07 웹 기획자로서 역량 강화하기
07-1 웹 기획자답게 생각하기
07-2 온라인 사업 준비 단계의 업무 알기
07-3 웹 기획자의 메일 작성 방법
마치며
찾아보기

작가정보

저자(글) 이정원 저자

웹 에이전시 근무를 시작으로 18년 차 웹 기획자로 일하고 있다. 제조, 유통, 식품, 비영리 재단 등 다양한 분야의 웹 사이트 기획 · 제작 · 마케팅 경험이 있다. 주요 경력으로 LG유플러스 웹하드 사이트 운영 · 관리를 5년간 담당했고, LG전자 스마트월드 앱, 농협 B2B 쇼핑몰 리뉴얼 프로젝트에 참여했다. 현재 웹 기획 전문 회사에서 UI · UX 연구와 플랫폼 서비스 기획을 담당하고 있으며, 웹 기획 입문자를 위한 멘토링도 병행하고 있다.이메일 [e-mail]블로그 sitemade.co.kr