『業務レベルのツールだ』と認められたい
13個のコンポーネント
画面左(または右)の縦メニュー。管理画面の定番
管理画面にサイドバーがあると『本格的なアプリだ』って即座に伝わる。
行と列でデータを一覧表示
管理画面・ダッシュボードの主役。テーブルの出来 = 管理画面の出来。
検索・ソート・フィルター・ページネーション・行選択・列カスタマイズ付きの高機能テーブル
管理画面の真骨頂。これが使いやすいアプリは『ちゃんとした業務ツールだ』と思われる。
売上・ユーザー数などの大きな数字 + ラベル表示
ダッシュボードに統計カードがあると一発で『本格的』な印象。
クリックで表示内容を切り替えるUI
情報量が多い画面をスッキリ整理できる。使いこなすと『UI上手いな』感が出る。
ページ送り。1, 2, 3 ... 10 の切り替え
大量データを扱えてる感。これ無しで全件表示はアマチュア。
出来事を時系列で縦に並べるUI
履歴表示がタイムラインだと『UXわかってる人だ』感が出る。リスト表示とは格が違う。
進捗をバーで可視化するUI
数字だけより視覚的に進捗がわかる。ダッシュボードの定番パーツ。
月表示のカレンダーUI。予定や予約の表示・選択に使う
カレンダーUIがあると『業務アプリレベル』の印象になる。個人開発の域を超える。
ドラッグでパネルの幅や高さを変更できるUI
VS Code的な操作感。開発者ツール感が出て『本格的すぎる』と思われる。
画面を左右/上下に分割し、境界をドラッグで調整できる
IDEやコードエディター風のレイアウト。技術系ツール感が強烈に出る。
フォルダ構造のような階層データをツリー表示
ファイル管理やカテゴリ管理で使う。管理機能の充実度が伝わる。
左右のリスト間で項目を移動するUI
権限管理・メンバー割当の定番。管理画面の本格度が伝わる。