ハイライト
すべての app には独自の個性があり、それは言葉を通じて伝わります。Apple は 3 層のフレームワークを提示しています。personality(個性)は app 全体の雰囲気、voice(声)はブランド価値を言葉で表す固定スタイル、tone(トーン)は状況に応じて変化する voice の柔軟な調整です。
主要内容
多くの開発者は UI デザインに時間をかけますが、コピーも app の個性を形作ることを見落としがちです。
Apple の Human Interface デザインチームは、これを考えるための 3 層フレームワークを提示しています。最下層は personality(個性)— app 全体の雰囲気。中間層は voice(声)— ブランド価値を言葉で表す固定スタイルで、コピーを書く際に一貫して保つもの。最上層は tone(トーン)— 状況に応じて変化する voice の調整です。
講演者は Apple 自身を例に挙げます。Apple の voice には 4 つのキーワードがあります:clarity(明確さ)、simplicity(簡潔さ)、friendliness(親しみやすさ)、helpfulness(有用性)。ただし、これら 4 つの品質の比重はシナリオによって異なります。
ユーザーが 100 回目の Fitness+ トレーニングを完了したとき、それは祝福の瞬間です。friendliness を最大に—「Don’t stop now!」と感嘆符付きで、友人やコーチが応援しているように。ユーザーはすでに達成しているので、この場面では helpfulness はあまり必要ありません。
心拍数異常を通知するときは、状況がまったく異なります。clarity と helpfulness が主導—「Your heart rate rose above 120 BPM while you seemed to be inactive for 10 minutes」。数字と情報を直接伝え、煽らず、ユーザーが情報に基づいた判断をできるようにします。
どちらの例も Apple の voice に合致していますが、tone の調整により、異なるシナリオでそれぞれの役割を果たします。
詳細
Session では 3 つの演習で開発者がこの方法を身につけます。
第 1 の演習は「app を人として想像する」です。講演者は投資 app を例にします。smart、serious といった形容詞から始め、追加を続け、最終的に 2 つのカテゴリに分類します:smart 系(smart、articulate、sharp)と motivating 系。これが app の voice になります。
子供向け貯金 app でも同じ方法を繰り返します。今度は教師やコーチを想像し、fun、positive、optimistic と書き、kind、fun、encouraging の 3 属性にまとめます。
両方の app はユーザーの財務目標達成を支援しますが、voice はまったく異なります。投資 app は若手社会人向けで smart と motivating が必要。子供向け貯金 app は子供向けで kind、fun、encouraging が必要です。
第 2 の演習は、定義した voice でウェルカム画面を書くことです。ウェルカム画面は app voice を示す絶好の機会です。ユーザーが app と初めて触れる場所だからです。
講演者は Apple Stocks app のウェルカム画面を示します。「Welcome」で始まり、3 つの bullet point で機能を説明。最初の bullet は「Market Data」— 明確で簡潔、この app が何かを直接伝えます。下の行「View stock quotes, interactive charts, and other financial metrics」は詳細を加え、helpfulness を反映します。
次に投資 app の voice(smart + motivating)でコピーを書くデモ。最初のアイデアは「Save your money」でしたが、motivating でも smart でもありません。若手社会人は貯金ではなく投資で資産を増やしたい。なので「Save」をより能動的な「Customize」に置き換え、「your long-term investment strategy」を追加— より smart でターゲットに合致します。
子供向け貯金 app の例は同じ「Save your money」から始まりますが、voice は kind + fun + encouraging。冒頭を「We’ll help you」に変更し、kind と encouraging を反映。「save your money」を「save up to buy something you want」に— より fun で、子供に理由を与えます。
両方の演習は同じ出発点(「Save your money」)から、voice が異なるため最終コピーはまったく異なります。
第 3 の演習は tone の調整についてです。講演者は Apple の 4 つの voice 品質を例にします。clarity、simplicity、friendliness、helpfulness の間には緊張関係があります。friendliness を上げると、simplicity を少し犠牲にする必要があるかもしれません— 数語増やすと親しみやすくなりますが、簡潔さは下がります。このバランスが tone 調整の方法です。
各品質を上下できるノブとして想像してください。
フィットネス達成を祝福するとき(15:50)、friendliness を最大に。コピーは「Three cheers!」で始まり、headline で理由を直接述べます:「You tripled your daily Move goal」。過度に simple である必要はなく、数語増やして祝福感を加えます。ユーザーはすでに達成しているので helpfulness は優先度が低い。
ネットワーク接続がなくタスクを完了する必要があるとき(17:00)、clarity と helpfulness を最大に。headline で直接伝えます:「Cellular Data is Turned Off」。次に解決策を明確に説明:「Turn on cellular data or use Wi-Fi to access data」。ここで「data」を繰り返すのは意図的— このシナリオでは clarity が最優先です。
新機能を紹介するとき(18:25)、friendliness と helpfulness の両方が重要。Work Focus を例に、headline は機能名、その後に親しみやすい例:「When you’re working on a project or your to-do list, get things done by silencing notifications or customizing your screens and apps。」friendliness と helpfulness を増やすため、少し simplicity を犠牲にします。
講演者は 4 ステップの実践方法で締めくくります:1)voice を表す 4 つの品質を選ぶ;2)スペクトラム上に配置する;3)シナリオごとにバランスを決める;4)その tone でコピーを書く。
重要ポイント
-
午後を使って app voice を定義する。 付箋を用意し、app を人として想像し、思いつく形容詞をすべて書き、グループ化し、2〜3 の核心属性に絞る。チーム共有スペースに貼る。UI コピーを書くたびに「これは私たちの voice に合っているか」と自問する。
-
既存 app のコピーの一貫性を点検する。 特にエラーメッセージと空状態を確認— コピーが最も崩れやすい場所。「操作失敗」を「成功しなかった + 具体的な理由 + 推奨アクション」に変えるだけで、体験はすぐに向上する。
-
デザイン段階で voice 定義をデザインシステムに組み込む。 配色やフォントと同様、voice はブランドの一部。デザイナーと開発者に voice ガイドを渡し、コピーを書く際の参照基準にする。
関連セッション
- Design great visionOS apps — 空間コンピューティング app のデザイン原則。没入型体験と視線・ジェスチャーデザインをカバー
- Say hello to the next generation of CarPlay design system — CarPlay デザインシステムが自動車メーカーの車両個性とブランドをどう表現するか
- Design interactive experiences for visionOS — visionOS 向けの魅力的なインタラクティブナラティブ体験のデザイン方法
- Evolve your document launch experience — ドキュメント起動体験で app の独自の個性を示す
- Explore game input in visionOS — visionOS で優れたゲーム入力をデザイン・実装する方法
コメント
GitHub Issues · utterances