ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 8. SB
    개발자 수업/HTML5 2021. 11. 5. 17:42

    1. 벤치마킹
        1) 사례 분석을 통해 기존에 발견하지 못했던 새로운 포지셔닝을 도출하기 위해 실시

    2. 정보구조 설계
        1) 메인 화면
            - 검색
            - 서비스
            - 설정
        2) 계층 구조
            - 레이블링
            - 내비게이션

    3. 화면 레이아웃 구성
        1) 헤더
            - 페이지 상단
            - 로고, 홈, 회원가입, 로그인, 마이페이지, 장바구니 검색 등 메뉴 위치
        2) LNB
            - GNB 하위 계층의 서브 메뉴 영역
        3) 콘텐츠 영역
        4) 푸터
            - 페이지 최하단 위치
            - 회사명, 전화번호, 사업자 등록번호, 이용약관 등

    4. SB (Story Board)
        1) 화면 설계서
        2) 화면 구성, 내용, 흐름, 동작 방식, 기능을 설계하고 정의하는 것
        3) 각 화면 상세 설계를 통해 가이드라인 역할 수행
        4) 구체적인 디자인 작업 이전 프로토타이핑 작업
        5) 프로젝트에 참여하는 모든 구성원들과의 효과적인 커뮤니케이션을 하기 위해서 필요함

    5. SB의 구성
        1) 서비스 흐름도
            - 회원가입, 로그인, 결제와 같은 각각의 메뉴와 상세 프로세스를 파악할 수 있는 서비스 흐름도가 표시
        2) 화면 설계

    '개발자 수업 > HTML5' 카테고리의 다른 글

    9. CSS 기본 문법3  (0) 2021.12.20
    7. BS (웹스톰)  (0) 2021.11.04
    6. CSS 기본 문법2  (0) 2021.11.02
    HTML5/src/main/webapp/lab03  (0) 2021.11.02
    5. CSS 기본 문법  (0) 2021.11.01

    댓글