대시보드 와이어프레임

보드노드 10개엔지니어링 · 대시보드 디자인한 번의 프롬프트로 생성
읽기 전용 미리보기

프롬프트

SaaS 분석 플랫폼용 대시보드 와이어프레임을 만들어 주세요

나만의 버전 만들기

프레임워크 소개

대시보드가 무엇을 우선하는지 검토하세요

이 대시보드 와이어프레임은 왼쪽 사이드바에 5개의 내비게이션 라벨을 배치하고, 메인 콘텐츠 위에 검색창과 아바타 자리 표시 영역이 있는 헤더를 구성합니다. 4개의 카드에는 MRR, 활성 사용자, 이탈률, NPS의 예시 값이 표시됩니다. 그 아래에는 수익 차트 영역과 사용자 테이블 영역이 나란히 배치되어 있습니다.

프레임 안에 9개의 콘텐츠 블록을 배치해 레이아웃을 구성합니다. 차트는 라벨이 표시된 직사각형이며, 테이블은 이름, 요금제, 상태 열과 정렬 및 페이지 매김 메모를 보여 줍니다. 두 영역 모두 실제 데이터가 입력된 시각화나 작동하는 컨트롤은 아닙니다. 카드의 수치는 설명을 위한 예시입니다.

사용자가 내려야 하는 의사결정에 맞춰 카드를 조정하세요. 시범 지표를 실제 지표로 바꾸고, 보고 기간을 지정하고, 시각적 요소를 다듬기 전에 카드나 테이블 행을 선택했을 때 무엇이 표시되어야 하는지 설명하세요.

포함 내용

얻는 것

  • 대시보드, 분석, 보고서, 사용자, 설정으로 구성된 사이드바
  • MRR, 활성 사용자, 이탈률, NPS를 보여 주는 4개의 예시 KPI 카드
  • 1월부터 12월까지의 추세를 표시한 수익 선 차트 자리 표시 영역
  • 사용자 테이블 자리 표시 영역과 헤더 및 푸터 블록
보드

대시보드 와이어프레임

와이어프레임대시보드SaaS분석UI 디자인관리자 패널

✦ Free preview · Sign in to use

자주 묻는 질문

자주 묻는 질문

KPI 수치는 실제 비즈니스 데이터인가요?

아니요. 와이어프레임에 사용된 예시 값입니다. 디자인을 비즈니스 보고서로 प्रस्तुत하기 전에 자체 라벨과 승인된 예시 수치로 바꿔야 합니다.

수익 차트에 이미 데이터 계열이 표시되어 있나요?

아니요. 직사각형은 선 그래프 영역과 1월부터 12월까지의 추세를 나타냅니다. 데이터 예시가 필요하다면 값을 제공하고 차트를 별도로 요청하세요.

이 대시보드를 모바일용으로 어떻게 조정할 수 있나요?

카드와 패널을 세로로 쌓고, 사이드바를 간결한 내비게이션으로 바꾸도록 요청하세요. 좁은 화면에서 어떤 정보가 먼저 표시되어야 하는지도 지정하면 됩니다.

대시보드 와이어프레임

무료로 시작. 신용카드 불필요.

Free preview · Sign in to use