2주차 심화화면설계_220709

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 모듈 정의
- 기타 반복적인 모듈 정의

 

• 공통 페이지

- APP 접근 권한 설정 페이지
- 전체 메뉴 페이지
- 로그인 페이지
- 간편 로그인 등록 페이지

• 공통 팝업

- 챗봇

- 휴대폰 인증 팝업(토스트 메시지 팝업창 = 바텀시트)
- 공유하기 팝업창
- 브랜드 소개 팝업창

※ 공통 페이지 & 팝업의 기준
전체 서비스에서 한 번 이상 등장하는 페이지 & 팝업
어떤 프로젝트에서도 적용할 수 있는 범용적 기준, 틀 마련 → 타 프로젝트 투입시, 시간 절약

4) 레이아웃
- 페이지 별 레이아웃은 목표 시간 내로 먼저 그림

5) Description
- 모든 페이지의 레이아웃이 먼저 완성되면 디스크립션은 한번에 모두 기술

​