LiberkaDesign Guidelines

Liberka Layouts & Flows

Liberka共通の部品を組み合わせた画面構造、状態遷移、作業の流れを示す参照実例です。 左のカテゴリと検索から、名前を知らない項目も目的で探せます。共通規範は全項目、製品別規則はその製品が追加する差分だけを表示します。

共通規範の全11項目を表示しています。

Structure

画面の骨格と領域間の関係を確認します。

App Shell / Sidebar / Mobile Navigation

画面の骨格と領域間の関係を確認します。 派生参照ビューを読む

Workspace

概要

現在地と次の操作を、同じ場所で確認できます。

今日の状況

重要な内容を主領域へまとめます。

Overview / Dashboard

画面の骨格と領域間の関係を確認します。 派生参照ビューを読む

今週の概要

仕事の状態を一つの視点で確認します。

完了

8件

先週より2件増えました。

確認待ち

3件

対応が必要な項目です。

状態
山田 花子確認済み
佐藤 健確認待ち

List / Detail

画面の骨格と領域間の関係を確認します。 派生参照ビューを読む

8月の活動

今月の活動内容と判断をまとめます。

Input & Tasks

入力から完了までの作業の流れを確認します。

Form

入力から完了までの作業の流れを確認します。 派生参照ビューを読む

プロフィールを更新

公開される名前です。

Search / Filter / Results

入力から完了までの作業の流れを確認します。 派生参照ビューを読む

資料名や本文から検索できます。

Settings

入力から完了までの作業の流れを確認します。 派生参照ビューを読む

通知設定

必要な通知だけを選べます。

週次まとめ毎週月曜日にまとめを通知します。

Communication

発話者、責任、送信状態を区別します。

Chat

発話者、責任、送信状態を区別します。 派生参照ビューを読む

相談

回答は提案です。内容を確認してから判断してください。

あなた

今日の優先順位を整理したいです。

送信済み
Assistant

回答を生成できませんでした。

送信できませんでした

States & Recovery

状態変化、失敗、復旧のつながりを確認します。

Loading / Empty / Error

状態変化、失敗、復旧のつながりを確認します。 派生参照ビューを読む

担当一覧

今週の担当を確認します。

状態
担当一覧を読み込んでいます。

Confirmation / Destructive Action

状態変化、失敗、復旧のつながりを確認します。 派生参照ビューを読む

「週次レポート」を削除しますか

削除後は元に戻せません。共有相手からも見られなくなります。

Access & Onboarding

本人確認と導入の段階を確認します。

Authentication

本人確認と導入の段階を確認します。 派生参照ビューを読む

サインイン

登録したメールアドレスで続けます。

パスワードを再設定

Multi-step Flow

本人確認と導入の段階を確認します。 派生参照ビューを読む

ステップ 2 / 4

手続きの進捗 2 / 4

利用目的を選ぶ

後から設定で変更できます。