기획 용어 정리 (1)

☆기획 단계 용어 -와이어프레임 스토리보드의 전 단계로, 서비스의 레이아웃을 구상하는 단계에서 손으로 그리거나 PPT로 간단하게 그린 그림 -스토리보드 =화면설계서 = SB(Story Board) 디자이너/개발자가 업무 수행 전 이해해야 할 작업 지시서로, 페이지 구성과 기능들을 화면의 흐름에 따라 표현한 최종적인 산출 문서 -프로토타입 설계 후 화면이 어떻게 구동되는지 실행해볼 수 있는 데모 (XD, 피그마 사용) - 플로우차트 흐름을 특정한 순서도 기호를 활용하여 도식한 문서 -IA(Information Architecture) 정보구조도로, 스플레쉬부터 메뉴의 구조를 상세하게 분류한 문서 -백오피스 =어드민 서비스 운영을 위한 관리자 페이지로, 운영과 통계등의 관련된 모든 행동을 할 수 있는 페이지 ☆UI 관련 용어 -모달 : 현재 머무는 브라우저 창에 띄워지는 레이어 팝업 -얼럿 : 알림/경고차 등을 뜻하는 시스템 팝업 -라이트박스 (=Dimed) : 팝업이 뜨는 동시에 백그라운드 화면이 어두워지거나 밝아지는 효과 -토스트 팝업 : 주로 모니터 우측 하단에 몇초간만 표시되었다 사라지는 팝업 메시지 -드롭다운 메뉴 : 메뉴 제목을 클릭하면 메뉴가 아래로 펼쳐지는 스타일 -드롭다운 리스트 : 특정 값을 선택해야 할 경우, 아래로 펼쳐지는 스타일 -토글 : On/Off설정 할 떄 쓰이는 컨트롤 -라디오버튼 : 동그랗게 생긴 버튼형 선택 수단 (중복 선택 불가능) -체크박스 : 복수 선택 가능한 박스형 버튼 선택 수단 -콤보박스 : 드롭 다운 리스트와 입력 필드 기능을 결합한 형태 ㄴ 선택도 가능하며, 박스에 직접 입력도 가능함 -입력 필드 : 사용자가 키보드로 직접 텍스트를 입력하는 곳 -레이블 : 입력필드 상단 혹은 좌측에 입력할 정보가 무엇인지 설명해주는 문구 -플레이스 홀더 (=Input prompt) : 입력 필드 안에 짧은 구문형식으로 입력할 정보를 제공하는 문구 - 툴팁 : 마우스를 호버할 경우 1~2초 뒤에 메뉴에 대해 말풍선으로 뜨는 설명 -플로팅 버튼 : 주로 모바일에서 사용되며, 우측 하단에 떠있는 버튼 -Hiearachy : 컨텐츠의 중요도를 반영하느 시각적 배치와 표현 -모달 : 사용자가 인터랙션 하도록 강제하는 페이지나 창 이는, 기존에 있던 화면을 사용하지 못하며 종료하기 전까지는 기존창을 작업할 수 없음. ☆실무 용어 -반응형 웹 : 디스플레이 종류에 따라 화면 크기가 자동으로 최적화되도록 조절되는 웹 페이지 -복호화 : 암호화의 반댓말로 암호문을 평문으로 역 부호화하는 것 -어뷰징 : 허위 클릭, 허위 정보 등을 통해 조작한 수치 -디버깅 : 오류를 찾아내고 수정하는 작업 -캡션 : 제품의 이미지에 대한 부연 설명 (=댓글) -웹 표준 : 어떤 브라우저에서도 모두 동일한 사이트를 볼 수 있도록 세계 각국의 다양한 기존의 HTML 문서방식을 표준화 -더미 데이터 : 실제 데이터가 명목상 존재하는 것처럼 다루는 가상의 정보 데이터 -Depth : 메뉴의 단계 -Landing : 사용자가 앱을 시작하고 스플래쉬 스크린을 보고 서비스를 사용하기 시작하는 일련의 과정