言葉と行動:マイクロコピーへのガイド

公開: 2022-03-11

デジタルインターフェースを見てください。 何が際立っていますか? 色? 図像? 派手な写真? もちろん。 しかし、これらすべてが消えるとしたら、デザインはどうなるでしょうか。

それでも動作します。

どうしてそれが可能ですか? 言葉。 彼らは私たちが必要とするコミュニケーション情報の95%を提供します。 それらを削除すると、デザインは役に立たなくなります。

不思議なことに、デザインの専門家は依然としてUXコピーを後付けとして扱います。特に、ユーザーがインターフェイスから必要なものを見つけるのに役立つ短いテキストスニペットであるマイクロコピーに関してはそうです。 実行が不十分な場合、ボタンラベル、エラーメッセージ、UIヒント、および召喚状は、最もエレガントなデザインでさえ破壊する可能性があります。

適切な単語を選択することで、あいまいさが解消され、コンバージョンの重要な要素であるインターフェースの信頼性が高まります。

Squarespaceのマイクロコピー。
Squarespaceはマイクロコピーを使用して、ユーザーが適切なWebサイトテンプレートを見つけられるようにします。

デザインは言葉で繁栄する

デザイナーとして、私たちは直感的でナビゲートしやすいインターフェースを作るために一生懸命取り組んでいます。

私たちは摩擦を減らし、ユーザーが目的のことを実行できるように努めていますが、エゴを膨らませる努力を集中することはできません。 それ自体を完全に説明するデザインはありません。 デザインの意図とユーザーインタラクションの現実との間のギャップを埋めるための言葉が必要です。

マイクロコピーを書くことは、長くて骨の折れる仕事である必要はありません。 チーム内で経験豊富なUXライターの恩恵を受けずに作業しているデザイナーは、すべての単語の選択に苦労する時間がありません。 しかし、彼らは、明確で説得力のあるマイクロコピーにつながる、いくつかの使いやすい原則を求めることができます。

1.単一のきびきびとした文章を書く

テキストが多すぎます。 これは、多くのアプリやWebサイトの古典的な愚かさです。 私たちは、ユーザーが知る必要があると思うすべてのことをユーザーに知ってもらいたいと思っています。ほとんどの人は、密集した段落を読むのに時間がかからないことを忘れています。 この問題は、ユーザーの注意力が最も低いモバイルインターフェースとオンボーディングシナリオで深刻化します。 ソリューション?

独身。 スナッピー。 文。

「可能な限り簡潔な方法で言う必要があるが、それでも興味深いことをすべて言うにはどうすればよいですか?」と尋ねます。 すべての綿毛を切り取り、8語を超える文を受け入れることを拒否し、きびきびとしたことを忘れないでください。 スナッピーは記憶に残り、経済的で、活気があり、場合によってはリズミカルです。

AtlassianのUXコピー。 クリックするとフルサイズの画像が表示されます。
それは質問ですか、それとも議論ですか? Atlassianは、ユーザーが他のコミュニティメンバーとの関わり方を決定するのに役立つ短い文章を採用しています。

2.専門用語を避けます

広範なドメイン知識により、専門用語が私たちの設計に忍び寄りやすくなりますが、これらの単語やフレーズは、大多数のユーザーにとって経験的な行き詰まりです。 私たちはすぐに忘れてしまいます。会社の内部知識と命名法は、顧客にとって何の意味もありません。

小さくてわかりやすい言葉は、大きくて重要な言葉よりも雄弁ですが、専門用語はそれでも私たちのインターフェースに忍び込むことができます。 この問題に対処するには、ユーザーと一緒にマイクロコピーをテストします。

予算がありませんか? 友人や家族に覗いてもらい、事前に入門書を提供しないでください。 インサイダーの理解がない人にとってテキストが意味をなすとき、それは立ち上げの準備ができています。

UXライティングのベストプラクティス。
言葉遣いを少し変えるだけでも、マイクロコピーを理解しやすくすることができます。

3.ビジュアルと単語をペアリングする

写真、アイコン、イラストなどの視覚的なデザイン要素の影響は問題ではありません。 画像は人間の目でより速く処理され、言葉では一致しない簡潔さとニュアンスでアイデアを伝える能力があります。

しかし、画像の解釈は言葉と比較して大きく異なります。 文化、年齢、性別、社会経済的地位、およびその他の多くの要因により、画像の翻訳は困難になります。 いくつかのよく選ばれた単語は、即座の明快さを提供することができます。

UXライティングのヒント。 クリックするとフルサイズの画像が表示されます。
最も一般的なシンボルは、誤解に対して脆弱です。 ユーザーがウォルマートのナビゲーションアイコンにマウスを合わせると、ラベルが表示されます。

4.最新かつ人間的であること

当時、Windows 95インストールウィザードは驚くべきものでしたが、四半世紀が経過し、UXのベストプラクティスのベンチマークではなくなりました。 「「次へ」を押してインストールを開始する」や「下のボタンの1つをクリックする」などのフレーズで時間を遡るマイクロコピーは、エンゲージメントの機会を無駄にします。

これは、マイクロコピーが10代のYouTubeインフルエンサーによって書かれたように聞こえる必要があるという意味ではありません。 新鮮です。 本物であること。 怠けないでください。

Windows95セットアップウィザードのクリエイティブコピー。 クリックするとフルサイズの画像が表示されます。
今日の日付ですが、Windows 95インストールウィザードの手順は、現在のデジタルリテラシーと一致していました。

5.2人称または一人称のガイドユーザー

文法規則を忘れた私たちのための簡単な復習:

  • 二人称=あなたまたはあなたの
  • 一人称=私、私、または私の

これらの観点をどのように使用して、ユーザーをインターフェースに誘導しますか?

二人称(あなたまたはあなたの)は、私たちが通常会話相手と話す方法です。 ほとんどの場合、UIが直接アドレス指定しているようにユーザーに感じさせるため、2人目がマイクロコピーオプションになります。

コンテンツまたはアクションのユーザーの所有権を強調するときは、一人称(私または私の)を使用します。

*ボーナス:リソースを活用する

マイクロコピーに関しては、考慮すべきことがたくさんあります。 それを上手に書くためには、継続的な学習意欲が必要です。 ユーザーとテクノロジーは、予測不可能なダンスのパートナーです。 彼らは頻繁にリードを切り替えます—時にはシームレスに、そして耳障りに。

デザイナーは、現在のUXライティングに依存することに満足することはできませんが、関連するマイクロコピーを書くために前衛的な小説家の精神を向ける必要があるわけではありません。 そのためのリソースがあります。

マテリアルデザインの執筆ガイド、Apple HIGの用語の推奨事項、または気の利いたHemingwayアプリのいずれであっても、ウェブは豊富で効果的なマイクロコピーの執筆に向けたリソースで溢れています。

マイクロコピーUXデザイン。 クリックするとフルサイズの画像が表示されます。
ヘミングウェイは彼の簡潔な散文で知られていました—無駄な言葉ではありません。

使命を持ってマイクロコピーを書く

マーク・トウェインはかつて次のように書いています。 あなたがしなければならないのは、間違った言葉を消すことだけです。」 正しい言葉に苦しんでいる人は誰でも皮肉を理解することができます。

言葉は、どのような文脈においても重要です。 私たちのデジタル製品では、それらは並外れたユーザーエクスペリエンスとつまらないユーザーエクスペリエンスの違いを生み出します。 マイクロコピーは、「Xを実行すると、Yが発生する」という明確さと自信をユーザーに提供する必要があります。

それを超えて、マイクロコピーは、ブランドの声の側面をインターフェースの機能と組み合わせることによって、企業がユーザーを引き付ける機会です。

私たちがよく知っているテンプレート化された言葉(ここをクリック、サインアップ、送信)から抜け出すのは簡単ではないかもしれませんが、ユーザーを喜ばせ、コンバージョンを促進するマイクロコピーの詳細を明らかにすることは、努力する価値があります。

•••

Toptal Designブログでさらに読む:

  • 言葉の問題–UXコ​​ピーの真の価値
  • マイクロインタラクションによる優れたUX
  • 新しいWeb注文:コンテンツファーストデザインの概要
  • これらの成功したインタラクションデザインの原則でUXを後押しする
  • 製品戦略:コアコンセプトとプロセスのガイド