11 / USER EXPERIENCE
밤가이드 사용자 경험
사용자 경험은 화면의 분위기만으로 결정되지 않습니다. 무엇을 읽고 있는지 이해하고, 다음에 어디로 이동할지 선택하고, 필요한 정보로 돌아올 수 있는 흐름을 함께 살펴보아야 합니다.
영상 콘텐츠를 만나는 새로운 경험
01 / BAMGUIDE GUIDE
첫 방문에서 방향 파악하기
지금 보고 있는 공간의 목적
소개 홈페이지에 처음 도착하면 브랜드 이름과 공식 안내 문구, 영상 사이트로 이동하는 버튼을 통해 이 공간의 목적을 확인할 수 있습니다. 본문은 브랜드의 생각과 이용 정보를 설명하고 실제 영상 재생은 별도 사이트에서 이루어집니다. 이 구분은 방문자가 현재 화면에서 무엇을 할 수 있는지 이해하도록 돕습니다. 사용자 경험의 출발점은 많은 요소를 한꺼번에 보여주는 것이 아니라 목적을 분명히 전달하는 데 있습니다. 소개 페이지의 표현을 실제 서비스의 기능으로 혼동하지 않도록 안내합니다.
자신의 목적을 선택하는 화면
어떤 방문자는 브랜드를 먼저 알아보고 싶고 다른 방문자는 바로 영상 사이트로 이동하고 싶을 수 있습니다. 메인 화면은 설명을 읽는 경로와 공식 연결 경로를 함께 제공합니다. 버튼이 강조되어 있어도 선택하지 않으면 다른 사이트로 이동하지 않습니다. 방문자는 문서를 읽거나 관련 페이지를 열거나 공식 영상 사이트로 이동하는 행동을 스스로 정할 수 있습니다. 이런 선택의 구분은 실제 이용자의 만족도를 측정한 결과가 아니라 소개 공간에서 의도한 정보와 이동의 설계 방식입니다.
목차와 메뉴 구성 자세히 보기
02 / BAMGUIDE GUIDE
읽을 내용을 찾는 경험
메뉴 이름으로 목적 판단
상단 핵심 메뉴와 전체 메뉴는 정보를 브랜드, 콘텐츠와 이용 안내라는 흐름으로 나누어 보여줍니다. 방문자는 페이지를 열기 전에 제목을 통해 어떤 내용을 읽게 될지 판단할 수 있습니다. 메뉴의 이름만 다른 채 같은 설명을 반복하기보다 각 문서가 답하는 질문을 구분하는 것이 중요합니다. 예를 들어 콘텐츠 소개는 정보를 읽는 관점을, 콘텐츠 탐색은 원하는 대상을 찾는 과정을 다룹니다. 메뉴의 역할을 분명히 하면 다음 행동을 결정하는 데 필요한 맥락을 얻을 수 있습니다.
목차로 긴 본문의 흐름 확인
페이지 목차는 문서의 주요 주제를 먼저 보여주고 원하는 섹션으로 이동할 수 있게 합니다. 처음부터 읽거나 궁금한 부분부터 읽는 선택이 모두 가능합니다. 이동한 소제목에서는 앞뒤 문단을 함께 살펴볼 수 있어 짧은 답변만 볼 때보다 맥락을 이해하기 쉽습니다. 이 기능은 해당 문서 안의 위치를 바꾸는 것으로 영상 콘텐츠를 검색하는 기능과 다릅니다. 읽기 경험을 위한 요소와 실제 서비스의 탐색 기능을 구분하면 화면에서 어떤 동작을 기대할 수 있는지 명확해집니다.
이용자 관점에서 살펴보는 편의
03 / BAMGUIDE GUIDE
관련 정보를 이어 읽는 경험
링크 문구가 알려주는 다음 내용
본문의 관련 링크는 어떤 정보를 더 읽을 수 있는지 설명하는 문구로 표시합니다. 방문자는 링크를 열기 전에 이동 목적을 이해하고 필요한 경우에만 선택할 수 있습니다. 같은 브랜드명을 반복하는 것보다 현재 문맥에 맞는 설명을 연결하는 방향입니다. 내부 링크는 소개 홈페이지의 다른 문서로 이어지고 공식 바로가기는 실제 영상 사이트로 이동합니다. 두 종류의 링크가 수행하는 역할을 나누어 안내하면 정보를 이어 읽는 과정과 외부로 접속하는 행동을 혼동하지 않을 수 있습니다.
현재 읽는 주제에서 벗어나지 않기
관련 페이지로 이동하더라도 브랜드와 메뉴의 표현을 일관되게 유지하면 방문자가 여전히 같은 소개 공간에 있다는 점을 알 수 있습니다. 다른 정보를 읽은 뒤에는 상단 메뉴나 브라우저의 뒤로 가기로 이전 흐름에 돌아올 수 있습니다. 필요 이상의 새 창을 강제로 여는 방식은 사용하지 않습니다. 이 설명은 소개 홈페이지의 이동 구조에 관한 것입니다. 실제 영상 사이트에서는 화면 구성과 동작이 달라질 수 있으므로 도착한 뒤 안내를 다시 살펴보아야 합니다.
화면과 입력 환경 이해하기
04 / BAMGUIDE GUIDE
시각적 표현을 받아들이는 경험
강조와 장식의 역할
블랙과 골드의 대비, 큰 제목과 배너는 브랜드 분위기와 정보의 우선순위를 표현합니다. 다만 이미지와 움직임만으로 중요한 내용을 전달하지는 않습니다. 제목과 버튼의 역할은 텍스트로도 확인할 수 있어야 합니다. 그래픽은 실제 영상 화면이나 콘텐츠 목록이 아니라 브랜드 표현이라는 점도 구분합니다. 시각적으로 눈에 띄는 디자인이 실제 서비스의 성능을 증명하는 것은 아닙니다. 방문자는 분위기를 경험하면서도 구체적인 기능은 확인된 안내를 통해 판단할 수 있습니다.
움직임을 줄여도 유지되는 정보
메인 CTA의 빛과 발광, 펄스 효과는 움직임 설정으로 줄일 수 있습니다. 효과를 끄더라도 링크와 메뉴, FAQ는 같은 의미와 기능을 유지합니다. 기기의 움직임 감소 설정도 반영하도록 구성합니다. 이 선택은 이용자가 읽는 환경을 조절하기 위한 것으로 실제 영상의 재생 속도나 자동 재생을 변경하는 설정은 아닙니다. 장식적 움직임과 서비스 기능을 분리하면 효과가 없어도 필요한 정보를 읽고 목적지로 이동하는 경험을 유지할 수 있습니다.
선택을 존중하는 브랜드 방향05 / BAMGUIDE GUIDE
이용 환경에 따른 경험의 차이
화면 크기에 맞춰 재배치
PC와 모바일에서는 문단의 길이와 메뉴를 여는 방식, 이미지 위치가 달라질 수 있습니다. 그러나 문서가 설명하는 주제와 정보의 의미는 같도록 구성합니다. 화면을 확대하거나 작은 기기로 볼 때에도 주요 설명이 이미지에만 의존하지 않도록 텍스트를 제공합니다. 실제 이용 환경에서는 키보드와 보조 기술을 포함한 검토가 필요합니다. 이 방향은 소개 홈페이지의 설계에 관한 설명이며 모든 기기에서 영상 서비스가 같은 기능을 제공한다는 보장은 아닙니다.
고정 요소와 본문의 균형
스크롤 후 나타나는 상단 버튼이나 모바일 하단 버튼은 접속 경로를 다시 찾는 수고를 줄이기 위한 구성입니다. 동시에 본문이나 FAQ를 가리지 않도록 공간을 확보해야 합니다. 하위 페이지에서는 상단 내비게이션만으로 공식 연결을 안내하여 읽는 화면에 버튼을 과도하게 반복하지 않습니다. 고정 요소가 많다는 사실이 사용자 경험을 자동으로 좋게 만들지는 않습니다. 정보 열람과 이동의 필요를 함께 고려해 역할과 위치를 구분하는 것이 이 소개 공간의 원칙입니다.
공식 접속까지의 기본 흐름06 / BAMGUIDE GUIDE
경험을 설명할 때 지킬 기준
설계 의도와 실제 평가 구분
이 홈페이지가 무엇을 의도해 구성되었는지 설명하는 것과 실제 이용자 만족도를 측정했다는 주장은 다릅니다. 현재 이 자료에는 이용자 설문이나 성과 수치가 제공되지 않았으므로 만족도와 재방문율을 임의로 제시하지 않습니다. 대신 메뉴와 목차, 링크와 움직임 선택처럼 직접 확인할 수 있는 요소를 설명합니다. 방문자의 느낌은 목적과 환경에 따라 달라질 수 있습니다. 하나의 디자인 요소를 모든 사람에게 같은 효과가 있는 성과처럼 표현하지 않는 것이 정확한 안내의 기준입니다.
필요한 정보로 이어가는 마무리
현재 페이지는 정보를 읽고 이동하는 과정을 설명합니다. 각 구성 요소 자체는 특징 페이지에서, 그로 인한 편의는 장점 페이지에서, 화면별 조건은 플랫폼 환경에서 더 자세히 살펴볼 수 있습니다. 실제 영상 사이트의 기능과 이용 조건은 별도로 확인해야 합니다. 밤가이드가 지향하는 사용자 경험은 정보를 이해하고 선택할 수 있는 흐름입니다. 소개 공간의 설계와 브랜드의 생각을 구분하여 읽으면 현재 사용할 수 있는 요소와 앞으로 중시하는 방향을 함께 이해할 수 있습니다.
QUESTIONS & ANSWERS
자주 묻는 질문
밤가이드 사용자 경험 주제와 관련된 질문을 모았습니다.
08 QUESTIONS / BAMGUIDE
01처음 방문했을 때 이 홈페이지의 목적을 어떻게 알 수 있나요?
소개 홈페이지에 처음 도착하면 브랜드 이름과 공식 안내 문구, 영상 사이트로 이동하는 버튼을 통해 이 공간의 목적을 확인할 수 있습니다. 본문은 브랜드의 생각과 이용 정보를 설명하고 실제 영상 재생은 별도 사이트에서 이루어집니다. 이 구분은 방문자가 현재 화면에서 무엇을 할 수 있는지 이해하도록 돕습니다. 사용자 경험의 출발점은 많은 요소를 한꺼번에 보여주는 것이 아니라 목적을 분명히 전달하는 데 있습니다. 소개 페이지의 표현을 실제 서비스의 기능으로 혼동하지 않도록 안내합니다.
02브랜드 설명을 읽는 것과 바로 접속하는 것 중 선택할 수 있나요?
어떤 방문자는 브랜드를 먼저 알아보고 싶고 다른 방문자는 바로 영상 사이트로 이동하고 싶을 수 있습니다. 메인 화면은 설명을 읽는 경로와 공식 연결 경로를 함께 제공합니다. 버튼이 강조되어 있어도 선택하지 않으면 다른 사이트로 이동하지 않습니다. 방문자는 문서를 읽거나 관련 페이지를 열거나 공식 영상 사이트로 이동하는 행동을 스스로 정할 수 있습니다. 이런 선택의 구분은 실제 이용자의 만족도를 측정한 결과가 아니라 소개 공간에서 의도한 정보와 이동의 설계 방식입니다.
03비슷한 메뉴가 여러 개 있어도 내용을 구분할 수 있나요?
상단 핵심 메뉴와 전체 메뉴는 정보를 브랜드, 콘텐츠와 이용 안내라는 흐름으로 나누어 보여줍니다. 방문자는 페이지를 열기 전에 제목을 통해 어떤 내용을 읽게 될지 판단할 수 있습니다. 메뉴의 이름만 다른 채 같은 설명을 반복하기보다 각 문서가 답하는 질문을 구분하는 것이 중요합니다. 예를 들어 콘텐츠 소개는 정보를 읽는 관점을, 콘텐츠 탐색은 원하는 대상을 찾는 과정을 다룹니다. 메뉴의 역할을 분명히 하면 다음 행동을 결정하는 데 필요한 맥락을 얻을 수 있습니다.
04목차는 긴 글을 읽는 데 어떤 역할을 하나요?
페이지 목차는 문서의 주요 주제를 먼저 보여주고 원하는 섹션으로 이동할 수 있게 합니다. 처음부터 읽거나 궁금한 부분부터 읽는 선택이 모두 가능합니다. 이동한 소제목에서는 앞뒤 문단을 함께 살펴볼 수 있어 짧은 답변만 볼 때보다 맥락을 이해하기 쉽습니다. 이 기능은 해당 문서 안의 위치를 바꾸는 것으로 영상 콘텐츠를 검색하는 기능과 다릅니다. 읽기 경험을 위한 요소와 실제 서비스의 탐색 기능을 구분하면 화면에서 어떤 동작을 기대할 수 있는지 명확해집니다.
05본문 링크의 문구에는 어떤 의미가 있나요?
본문의 관련 링크는 어떤 정보를 더 읽을 수 있는지 설명하는 문구로 표시합니다. 방문자는 링크를 열기 전에 이동 목적을 이해하고 필요한 경우에만 선택할 수 있습니다. 같은 브랜드명을 반복하는 것보다 현재 문맥에 맞는 설명을 연결하는 방향입니다. 내부 링크는 소개 홈페이지의 다른 문서로 이어지고 공식 바로가기는 실제 영상 사이트로 이동합니다. 두 종류의 링크가 수행하는 역할을 나누어 안내하면 정보를 이어 읽는 과정과 외부로 접속하는 행동을 혼동하지 않을 수 있습니다.
06관련 페이지를 읽은 다음 원래 내용으로 돌아올 수 있나요?
관련 페이지로 이동하더라도 브랜드와 메뉴의 표현을 일관되게 유지하면 방문자가 여전히 같은 소개 공간에 있다는 점을 알 수 있습니다. 다른 정보를 읽은 뒤에는 상단 메뉴나 브라우저의 뒤로 가기로 이전 흐름에 돌아올 수 있습니다. 필요 이상의 새 창을 강제로 여는 방식은 사용하지 않습니다. 이 설명은 소개 홈페이지의 이동 구조에 관한 것입니다. 실제 영상 사이트에서는 화면 구성과 동작이 달라질 수 있으므로 도착한 뒤 안내를 다시 살펴보아야 합니다.
07블랙·골드 디자인은 어떤 정보를 전달하나요?
블랙과 골드의 대비, 큰 제목과 배너는 브랜드 분위기와 정보의 우선순위를 표현합니다. 다만 이미지와 움직임만으로 중요한 내용을 전달하지는 않습니다. 제목과 버튼의 역할은 텍스트로도 확인할 수 있어야 합니다. 그래픽은 실제 영상 화면이나 콘텐츠 목록이 아니라 브랜드 표현이라는 점도 구분합니다. 시각적으로 눈에 띄는 디자인이 실제 서비스의 성능을 증명하는 것은 아닙니다. 방문자는 분위기를 경험하면서도 구체적인 기능은 확인된 안내를 통해 판단할 수 있습니다.
08움직임을 끄면 다른 기능도 제한되나요?
메인 CTA의 빛과 발광, 펄스 효과는 움직임 설정으로 줄일 수 있습니다. 효과를 끄더라도 링크와 메뉴, FAQ는 같은 의미와 기능을 유지합니다. 기기의 움직임 감소 설정도 반영하도록 구성합니다. 이 선택은 이용자가 읽는 환경을 조절하기 위한 것으로 실제 영상의 재생 속도나 자동 재생을 변경하는 설정은 아닙니다. 장식적 움직임과 서비스 기능을 분리하면 효과가 없어도 필요한 정보를 읽고 목적지로 이동하는 경험을 유지할 수 있습니다.