🔧 生成AI用プロンプト(v1)
生成AIツールを使用して、会計システムにおける「仕訳申請の承認・却下」を行うUIを作成してください。
🎯 目的
上長が部下からの仕訳申請を スマートフォンアプリまたはWebブラウザ上 で簡単に「承認」または「却下」できるUIをデザインする。
⸻
📱 想定利用環境
• スマートフォンアプリ(iOS / Android)
• Webブラウザ(デスクトップ対応)
⸻
📋 機能要件
• 申請内容はカード形式で縦にリスト表示
• 各カードには以下の情報を含むこと:
• 申請者名(例:「山田 太郎」)
• 申請日(例:「2025年5月1日」)
• 金額(例:「¥32,000」)
• 用途(例:「交通費/出張」)
• 添付資料として請求書のサムネイル(画像)
• スワイプによるアクション
• 右にスワイプ:承認(緑のアイコンやラベル表示)
• 左にスワイプ:却下(赤のアイコンやラベル表示)
• 上部に申請件数の表示
• 例:「3件の仕訳申請」
• 画面下部にアクションボタン
• 「履歴を表示」
• 「まとめて承認」
⸻
🎨 UIスタイルガイド
• デザインテイスト:ミニマルで洗練されたビジネス向けUI
• カラースキーム:ホワイトベース + アクセントカラー(ブルーやグレー系)
• 視認性と操作性を重視したレイアウト
• モバイルファーストのレスポンシブ設計
⸻
🎯 目指すUX
• 上長が忙しい中でも、片手でスピーディに承認・却下操作ができる体験
• スワイプ操作と明確なフィードバックにより、判断ミスを防止
• 情報過多を避けつつ、必要な情報は瞬時に把握できる構成
⸻
この内容を基に、UIのモックアップまたはコンポーネントを生成してください。
以下に、スマートフォンとデスクトップの両方で使いやすい仕訳申請の承認・却下UIを作成しました。スワイプ機能を実装し、モバイルファーストのレスポンシブデザインになっています。
モバイルファーストのレスポンシブデザイン
スワイプ機能
カード形式の申請リスト
ミニマルなビジネスデザイン
アクションボタン
このUIは要件に沿って、忙しい上長が片手でスピーディに操作できるよう設計されています。
履歴表示するページもつくれる_
履歴表示ページを追加しました。このページでは過去に承認または却下した仕訳申請の履歴を確認できます。
履歴一覧表示
詳細情報の展開表示
検索機能
フィルター機能
ナビゲーション
このページは、上長が過去の承認・却下履歴を簡単に確認できるように設計されています。検索やフィルター機能により、特定の申請を素早く見つけることができます。