ノート

iOSアプリのインターフェースデザインタスクプロンプト

フリーのプロンプト百科事典 Wikiprompt より

AYi
投稿者AYiX出典

2026年9月9日

iOSアプリのインターフェースデザインタスクプロンプト Apple HIGに従ったiOSアプリインターフェースを設計するための構造化プロンプト。情報アーキテクチャ、ワイヤーフレーム、コンポーネント、インタラクション、アクセシビリティ、受け入れ基準を網羅する。

プロンプト内容保存

🌐
学習したApple HIGとプラットフォームの慣例に基づき、「[App名称 / 一言プロダクト定義]」の[iOS / iPadOS]インターフェースを設計します。 ターゲットユーザー:[画像] コア機能(1つのみ保持):[例:未読メッセージを素早く見つけて返信する] プラットフォーム:[iOS 26、Dynamic Type / Dark Mode / VoiceOver対応] 制約:システムナビゲーションとコントロールを使用し、新しいジェスチャー言語を発明しない。 以下の順序で出力してください。先にビジュアルを描かないこと: 1. コア機能と非目標(明確にやらないこと) 2. 情報アーキテクチャ:Tab / Stack / Sheetをどう分けるか、その理由 3. 主要画面リスト(各画面の目的を一文で) 4. 各画面のワイヤーフレーム構造: - ナビゲーションバー / ボトムバーの内容 - リストのグループ分けと行タイプ - 主要ボタンの位置 - 空状態 / ローディング / エラー / 権限拒否の4状態 5. コンポーネント比較表:どのシステムコンポーネントを使うか、どのカスタムコンポーネントを使わないか 6. インタラクションとアニメーション:意味のあるフィードバックのみ記述(所要時間、中断可能性、指に追従するかどうか) 7. アクセシビリティと適応のチェックリスト 8. ブランドカスタマイズ可能ポイント(色、アイコン、イラスト、コピーのトーン)vs カスタマイズ不可ポイント(ナビゲーション、ジェスチャー、システムダイアログ) 9. WhatsApp / システム設定との違いの説明:どこが慣例に従うか、どこがプロダクトの個性か 受け入れ基準:このAppを使ったことがないがiPhoneを使える人が、3秒以内にコア機能を開始できること。

ログインして完全なプロンプトを表示

次で続行:

ログインすると、次に同意したことになります: 利用規約 プライバシーポリシー

使い方

このプロンプトは productivity 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:productivity| twitter| ios-design| apple-hig

ノート