AIダッシュボード作成ツール

チームが見守る数字のためのAIダッシュボード作成ツール

チームに必要な数字、リスト、画面を書いてください。Briksが全体の枠組みと各画面を設計し、ダッシュボード向けのキットで作り上げ、専用のアドレスで公開します。

例を試す
  • サイドバー、アイコンレール、またはトップナビゲーション
  • 主要な数値、グラフ、検索できる表
  • 専用のデータベース。最初からサンプルレコード付き
Fenwick
  • 概要
  • お得な情報
  • アカウント
  • レポート
検索Ctrl K
概要営業チーム向けのパイプラインと案件
パイプライン金額$412k先月比 8%
成約数14目標20のうち
成約率31%先月より3ポイント増
サンプルデータ

ステージ別のパイプライン

サンプルデータ

未完了の大口アカウント

段階
Fieldway Logistics交渉$61,500
Linden Hotels交渉$54,100
Harbour Foods提案$48,200
Ostara Health提案$37,400
サンプルデータ4 / 6
サンプルデータで動くデモです。ぜひお試しください。

AIダッシュボード作成ツールの仕組み

ダッシュボードのビルドは、説明からすべての画面の計画へ直接進みます。ビルド前の質問とルックボードは、ホームページとアプリ向けです。

  1. 数字を説明する

    ダッシュボードを使う人と、その人が見たいもの(数値、一覧、画面)を書いてください。挙げた商品、価格、人物が、サンプルレコードになります。

  2. 気に入ったダッシュボードを見せる

    この手順は任意です。レイアウトが気に入っているダッシュボードを追加すると、Briksはそのフレーム、密度、パネル、ブロックの配置を踏まえます。文章、ロゴ、数値は一切使われません。

  3. すべての画面を計画します

    プランでは、枠組み、グループ分けされたナビゲーション、そして各画面を読む順に並べたブロックを決めます。主要な数値、グラフ、表、アクティビティ、フォームがあり、それぞれ12列のグリッド上の幅が指定されます。

  4. ダッシュボードキットから構築します

    どの表も完全なデータテーブル、どのグラフも本物のグラフです。落ち着いたパネルに、数字は等幅数字で表示されます。動きも装飾もありません。

  5. 公開されます

    ダッシュボードは専用のbriks.liveアドレスで公開され、検索には表示されず、ホスティングも含まれます。公開前に、コードでコントラストがチェックされます。

  6. 変更は言葉で行えます

    新しい列、別のグラフ、違う期間などは、スタジオのチャットで頼めます。変更はすべてバージョンとして保存され、元に戻せます。

すべてのダッシュボードプランで選ぶ3つのこと

ブロックを1つも置く前に、プランが枠組み、ライトかダークか、行の詰まり具合を決めます。このページ上部のデモで、3つすべてを試せます。

  • フレーム

    サイドバー、アイコンレール、またはトップナビゲーション

    サイドバーは、機能の領域が多いプロダクトに向いていて、ラベル付きのグループに並べて表示します。アイコンレールは、領域が少ないプロダクトに向いています。上部ナビゲーションは、並べて使ういくつかの画面に向いています。

  • モード

    ライトまたはダーク

    ご説明の内容、またはお見せいただいたダッシュボードから選ばれ、どちらも指定できます。ステータスの色は、どちらでも意味が変わりません。

  • 行

    コンパクトか、ゆったりか

    コンパクトな行は、長い表や運用の作業向きで、画面に多く表示できるぶんスクロールが減ります。ゆったりした行は、ひと目で読む画面向きです。

ダッシュボード制作に含まれるもの

ダッシュボードは、ウェブサイトのセクションではなく、専用のキットで作られます。プランナーはここにある部品から選びます。

  • 動かないフレーム

    すべての画面の周りに、サイドバー、アイコンのレール、または上部ナビゲーションを置きます。現在のエリアには印が付き、件数を指定した場所にはバッジで表示されます。

  • トップバー

    検索、通知、ご説明から取り込んだユーザー名と役割が入るメニュー、さらにプロダクトに複数ある場合はワークスペースの切り替えも備えます。

  • コマンドパレット

    CtrlまたはCmdとKを押して名前を入力すると、どの画面や操作にもすぐ移動できます。

  • 主な数値

    画面が最初に答える3〜5個の数字です。それぞれにラベル、値、変化、期間が付き、役に立つ場合は小さな推移ラインも付きます。

  • グラフ

    折れ線、面、棒、積み上げ棒、ドーナツのグラフを、1つの問いにつき1つずつ作れます。単位、ラベル、凡例も付きます。

  • データテーブル

    どの表も、上位5件の短い一覧であっても、検索、フィルター、並べ替え、ページサイズ、一括操作ができる行の選択、各行へのアクションを備えた完全なデータテーブルです。

  • 空の状態

    すべてのリスト、表、フィードは、中身がないときに何を表示する場所かを示し、それを埋めるための操作を案内します。

  • スマートフォン

    スマートフォンでは、サイドバーはメニューボタンの奥にあるドロワーになり、テーブルはパネルの中でスクロールするか、各行がカードとして縦に並びます。

ダッシュボードの計画のもとになる画面

最初にホーム画面を作ります。プランナーは、説明に出てくるすべての画面と、よく使われるナビゲーション項目の行き先となる画面を少なくとも2つ追加するので、ダッシュボードが1ページだけになることはありません。

各画面は、概要、一覧、詳細、レポート、フォーム、設定、チーム、請求、受信箱の9種類のうちのどれかとして設計されます。種類によって、入るブロックとその順番が決まります。各ブロックは12カラムのグリッド上で幅を取るので、グラフとアクティビティフィードを同じ行に並べることもできます。

ナビゲーションの項目はすべて、いずれかの画面につながるように計画されています。サインインやパスワードを忘れた場合などのアカウントページは、フレームなしで単独で表示され、きちんと動作します。ダッシュボードが本番環境に公開されると、サインイン済みのスタッフと Admin のアカウントだけがそのデータを見られます。

概要: 12カラムのグリッド上に6個のブロック

動作するデモです。画面を選ぶと、そのブロックが表示されます。

独自のレコードと、最初に入るサンプルデータ

ダッシュボードは、レコードをプロジェクト専用のデータベースに保存します。注文、チケット、在庫など、画面に表示するレコードの種類ごとにテーブルが作られます。最初のバージョンには、互いに矛盾のない、本物らしいサンプルレコードが入り、日付は今日より前の数か月にわたって設定されます。あなたが挙げた商品、価格、人物はレコードになり、それ以外の人には架空の名前が付きます。

表、グラフ、主要な数字は、ダッシュボード自身のルートを通してそれらのレコードを読み込み、合計や件数はすべて行から計算されるので、カードの合計は表と一致します。レコードを追加したり変更したりするフォームは、それを保存します。

レコードはプロジェクトのDatabaseタブで確認・編集でき、変更はダッシュボードに反映されます。

毎日読まれることを前提に作っています

ダッシュボードは実際に使う道具なので、ウェブサイトとは作り方が違います。

ダッシュボードは、情報が密で、静かで、正確です。ページの背景は1色、すべてのブロックはパネルの上に置き、数字は等幅数字にして桁が揃うようにし、アクセントカラーは現在の項目、主な操作、データの1色だけです。ステータスの色はステータスのためだけに使います。

ヒーロー、スクロール時のアニメーション、ぼかし、コンテンツの背後の装飾はありません。書体は数字を読みやすいよう選んだ控えめなもので、角、面、余白は、あなたの説明や見せたダッシュボードに沿います。

公開して、変更して、守る

  • 専用のアドレス

    すべてのダッシュボードは、ホスティング込みで独自のbriks.liveアドレスに公開されます。検索には表示されません。

  • チーム専用

    プレビューは、アドレスを知っている人なら誰でも開けます。本番環境に公開すると、サインイン済みのStaffとAdminのアカウントだけがデータを見られます。各ユーザーのロールは Database タブで設定します。

  • ふだんの言葉で変更

    新しい列、別のグラフ、違う期間は、スタジオのチャットで頼めます。変更では5クレジットが確保され、作業にかかった分が請求されます。

  • バージョン

    ビルドや変更はすべてバージョンとして残ります。編集権限のある方なら、元に戻す、やり直す、復元することができます。

    バージョンと元に戻す機能
  • コード

    ダッシュボード用に書かれたファイルを確認・編集でき、有料プランならダウンロードもできます。

    あなたのコード

ダッシュボードで今はできないこと

  • まだです

    ほかのツールと連携する

    ダッシュボードは自身のデータベースを読み込みます。他のデータベース、スプレッドシート、別のツールはまだ読み込めません。

ダッシュボードを作るのにかかる費用

ダッシュボードも、ホームページやアプリと同じクレジットとプランを使います。

50新しいダッシュボードのビルド中に確保されるクレジット
5変更のために確保されたクレジット
5チェックのために確保されたクレジット

作業の実行中は、クレジットが一時的に確保されます。その後、各ジョブは実際にかかった分だけ請求され、使わなかった分は戻ります。確保した分を超えた場合は残高から引かれ、失敗したリクエストには請求されません。

  • Free

    $0開始するには

    • 登録時に一度だけ 50 クレジット
    • 1サイト
    • briks.liveのアドレス
    • 500 MBのストレージ
  • Starter

    $16月

    または年額$160、2か月分無料

    • 月175クレジット
    • 1サイト
    • 独自ドメイン
    • 5 GBのストレージ
  • Pro

    $29月

    または年額$290、2か月分無料

    • 月400クレジット
    • 3サイト
    • お持ちのドメイン 3 件
    • 10 GBのストレージ
  • Studio

    $79月

    または年額$790、2か月分無料

    • 月1,200クレジット
    • 10サイト
    • お持ちのドメイン 10 件
    • 25 GBのストレージ
  • Agency

    $199月

    または年額$1,990、2か月分無料

    • 月3,000クレジット
    • 30サイト
    • お持ちのドメイン 30 件
    • 100 GBのストレージ

Free プランの50クレジットは1回だけ付与されます。毎日の追加付与はありません。有料プランは、月払いまたは年払いで、チェックアウトでオンライン購入できます。すべてのプランを比較する

AIダッシュボード作成ツールについてのよくある質問

AIダッシュボード作成ツールとは?

チームが見ている数字の説明を、動くダッシュボード画面に変えるツールです。Briksでは、数値、一覧、画面を言葉で伝えるだけで、計画から構築まで進み、ダッシュボードを専用のアドレスで公開します。

ダッシュボードの数字はどこから来ていますか?

ダッシュボード自身のデータベースからです。最初のバージョンには、お使いの製品に合わせたそれらしいサンプルレコードが入り、すべての数値はそのレコードから計算されます。プロジェクトのDatabaseタブでレコードを変更すると、ダッシュボードにも反映されます。

ダッシュボードはデータベースやスプレッドシートに接続できますか?

専用のデータベースがあります。レコードはプロジェクトのデータベースに保存され、Databaseタブで編集でき、フォームもそこに保存されます。ほかのデータベースやスプレッドシートには、まだ接続できません。

チームもダッシュボードにサインインできますか?

はい。登録、サインイン、パスワード再設定のページが使えます。プレビューの間は、アドレスを知っている人なら誰でも開けます。本番環境に公開すると、サインイン済みのStaffとAdminのアカウントだけがデータを見られます。スタジオで使っているメールアドレスで登録するとAdminになり、チームのロールは Database タブで付与します。

気に入ったダッシュボードをもとに作れますか?

はい。参考サイトを追加すると、Briksはそのフレーム、密度、パネル、ブロックの配置に沿って作成します。文章、ロゴ、数字は一切使いません。

ダッシュボードを作る前に、Briksは質問しますか?

いいえ。構築前の質問とルックボードは、ウェブサイトとアプリ向けです。ダッシュボードは、説明からすべての画面の計画へ直接進みます。

ダッシュボードはスマートフォンで使えますか?

スマートフォンにも対応しています。サイドバーはメニューボタンの奥にあるドロワーになり、表はパネル内でスクロールするか、各行がカードとして縦に並びます。

ダッシュボードにアニメーションは付きますか?

いいえ。ダッシュボードは動きや装飾、ぼかしを使わずに作られるので、まず数字が目に入ります。

作ったあとで変更できますか?

はい。スタジオのチャットで普段の言葉で、何度でも頼めます。変更はすべてバージョンとして保存され、元に戻す、やり直す、復元するができます。

ダッシュボードを作るにはいくらかかりますか?

新しいダッシュボードは作成中に50クレジットを確保し、変更では5クレジットを確保します。それぞれ実際に行った作業の分だけ消費されます。最初は50クレジットを1回だけ無料で使え、有料プランは月額$16からで、チェックアウトでオンライン購入できます。

チームにはどの数値が必要ですか?

ひとことで説明してください。50クレジットを無料で、カード不要で始められます。

またはテンプレートから始める