어느 기획자의 기록 저장소

1. 화면 설계에 필요한 지식/노하우 1) IT 인프라 지식 (SW/HW) ex) Web 은 Server/Client 로 구성, request/response 구조, 반면 App은 주요 파일이 Client에 거의 있고, 필요한 정보를 Server에서 땡겨옴 2) 정책서, 요구사항, 사용성 3) 정보구조(설계) 2. 화면 설계의 단계 1) IA(Information Architecture : 정보구조) 설계 2) 템플릿 가이드 3) 공통영역 설계 (공통 페이지, 팝업창은 IA에 공통 영역으로 별도 비고로 기술) 공통 네비 - 전체적인 서비스의 Depth별 네비게이션 흐름 정의 (각 모듈별 간단 설명 첨부 - 작업자들의 이해도↑) 공통 모듈 - Header, Tabbar, Footer 모듈 정의 - 기타 반..

1. 기획자가 화면 설계 전 작업 순서 1) 서비스 정책 사전 확인 필요 메인 정책 : 상품 / 주문 / 회원 보조 정책 : 오퍼 / 배송 / 게시물 등 2) 리서치 보고서로 해결안 합의하기 요구사항 정의서인 텍스트로 합의하기 보다 시각적인 것으로 합의 화면설계서 작성 후 다시 작성할 일을 방지 (합의를 안하거나 번복했을 경우 발생) 3) IA 로 전체 분량 확인 팝업 / 탭 / 스텝 별도 페이지로 산출 필요 IA 보다 평균 10% 증가분까지 감안한 여유로운 일정 산출 필요 2. 화면 설계의 방식과 각 장단점 소개 1) PPT 장점 - 정책, 이력, Flowchart 등 범용적 활용도 높음 / 작업자들이 인쇄하기 가장 좋은 수단 단점 - 업데이트 시 지속적인 파일 공유 필요(실시간 공유X), 프로토타입 ..

GNB (Global Navigation Bar) 어느 페이지에서나 주로 상단에 항상 노출되는 메뉴 바 (네비게이션 시스템) LNB (Local Navigation Bar) PC 화면에서 주로 사용되는 방식으로 특정 페이지에서 동일하거나 하위 Depth의 메뉴로 이동하기 위해 사용되는 왼쪽에 위치하는 하이퍼링크 메뉴 리스트 FNB (Foot Navigation Bar) 화면의 하단 Footer 영역에 고정적으로 노출되는 하단 메뉴. ex) 개인정보처리방침, 이용약관, 회사소개 등 SS (Sky Scraper) PC 화면에서 주로 사용되는 방식으로 스크롤에 따라 이동하며 항상 같은 자리에 위치하는 네비게이션 혹은 배너영역. 주로 오른쪽에 위치하며 '플로팅 배너'라 부르기도 한다. 헤더 (Header) 웹 ..