モバイルアプリの UI テキスト文字数設計ガイド
モバイルアプリの UI テキストは、限られた画面スペースの中でユーザーを導く重要な要素です。ボタンのラベルが長すぎると画面が崩れ、エラーメッセージが短すぎると問題が伝わりません。iOS と Android のデザインガイドラインに準拠しつつ、多言語対応も考慮した文字数設計が求められます。本記事では、モバイルアプリの各 UI 要素における推奨文字数と、ユーザビリティを高める UX ライティングのテクニックを解説します。
UI 要素別の推奨文字数
| UI 要素 | 推奨文字数 | iOS ガイドライン | Android ガイドライン |
|---|---|---|---|
| ボタンラベル | 2〜8 文字 | 短く動詞で始める | 大文字で簡潔に |
| ナビゲーションタイトル | 5〜15 文字 | 画面の目的を示す | Top App Bar に表示 |
| テキストフィールドラベル | 5〜15 文字 | 入力内容を示す | フローティングラベル |
| プレースホルダー | 10〜25 文字 | 入力例を示す | ヒントテキスト |
| エラーメッセージ | 15〜50 文字 | 問題と解決策 | フィールド下に表示 |
| トースト通知 | 15〜40 文字 | 一時的な情報 | Snackbar |
| 空状態メッセージ | 20〜60 文字 | 次のアクションを示す | イラスト付き推奨 |
| タブラベル | 2〜6 文字 | アイコン + テキスト | 最大 2 行 |
ボタンラベルは「送信」「保存」「次へ」のように 2〜4 文字が最も使いやすいとされています。「送信してデータを保存する」のような長いラベルは、ボタンの視認性を低下させます。
UX ライティングの原則
- 簡潔さ: 同じ意味をより少ない文字数で伝えます。「入力されたメールアドレスは正しくありません」→「メールアドレスが無効です」
- 明確さ: 曖昧な表現を避け、ユーザーが次に何をすべきかを明示します
- 一貫性: アプリ全体で同じ操作には同じ言葉を使います。「削除」と「消去」を混在させない
- 人間らしさ: 機械的な表現を避け、自然な言葉遣いにします。「エラー 404」→「ページが見つかりません」
多言語対応の文字数設計
| 言語 | 日本語比の文字数 | UI への影響 |
|---|---|---|
| 英語 | 1.5〜2 倍 | ボタン幅の拡大が必要 |
| ドイツ語 | 2〜2.5 倍 | 最も長くなる言語の一つ |
| 中国語 (簡体字) | 0.8〜1 倍 | 日本語とほぼ同等 |
| 韓国語 | 1〜1.3 倍 | やや長くなる |
| アラビア語 | 1.2〜1.5 倍 | RTL レイアウト対応必要 |
アクセシビリティと文字数
- VoiceOver / TalkBack: スクリーンリーダーで読み上げられるテキストは、30 文字以内が聞き取りやすい
- Dynamic Type: iOS の Dynamic Type に対応する場合、テキストが 200% に拡大されても画面が崩れないよう設計します
- コントラスト比: 小さいテキスト (14pt 未満) は 4.5:1 以上、大きいテキストは 3:1 以上のコントラスト比を確保します
まとめ
モバイルアプリの UI テキストは、ボタンが 2〜8 文字、エラーメッセージが 15〜50 文字、空状態メッセージが 20〜60 文字が目安です。簡潔・明確・一貫性のある UX ライティングが、ユーザビリティを高めます。UI テキストの文字数確認には、文字数カウントスをぜひご活用ください。