2K Views
June 01, 24
スライド概要
会社で行われたワークショップでUXライターの業務内容や役割を説明したときの資料です。
コミューン株式会社でUXライターをしています。
Learning session UXライターとは? UXライター 原嶋 あずさ
はじめる前に Meetのリアクションはいつでも大歓迎! むしろ、たくさんください 緊張しているので早口になるかも 聞き取りにくい場合は遠慮なく教えてくださ 質問はチャット or Notionに書くか、最後に聞いてください チャットの場合、返答可能なものはデザインメンバーが答えてくれるハズ!
今日のスピーカー テクニカルライター UXライター ローカライズ マネージメント はらしま あずさ 小学生のママ SHIROのFREESIA MISTの 香りが大好き ペーパードライバーから 脱却したい! 名前を覚えてもらえるとうれしいです
今日のゴール 誰に 何と言ってもらいたいか UXライターって何するの?と 思っている方に UXライターの役割や 業務内容がざっくり分かった! と言ってもらいたい
目次 UXライターってどんなことしているの 【ワーク】UXライティングをやってみよ UXライティングとコピーライティングの違 CommuneでのUXライターの役 今日のまとめ
UXライターって どんなことしているの?
UXライターとは? UX = User Experienc ユーザーと接するすべてのタッチポイントで、 「ユーザーの体験」をサポートするためのライティングを行う プロダクトやサービスに記載される言葉を専門にすることが多い が、タッチポイントのテキストであれば何でも (リリースノート、Readme、各種フォーム、ホワイトペーパー ... 会社によっては、 テクニカルライター、コンテンツライターと呼ばれていることも
プロダクトやサービスに記載される言葉とは? メニュー、ナビゲーショ ボタンなどのCTA CTA = Call-To-Action ユーザーに特定の望ましい行動を促すパー プッシュ通知、メー エラーメッセー alt text 画面上の画像がどのようなものかを説明するテキス ちょっとしたメッセージやガイド ...
なぜ「ユーザーの体験」をサポートするライティングが必要? どんなに使い慣れたサービスでも、 テキストがなくなると操作できません。 「ここで何をすべきか」を理解する情報 が必要です。 その情報をテキストで補うと、読み手の 不安を抑えられ、スムーズな操作につな がりやすくなります。
短ければ or テキストがあればOKではない 目的語を想像しないといけない ボタンの違いはわかるが、一貫性なく冗長 予想を外すと操作やり直しが発生 品質が微妙なのかな?という印象にも
一貫性ある言葉であればOKではない 「サインアップ」「サインイン」 どう違う?と、とまどう人も 急いでいる場合には押し間違いにも 列挙するボタンでも 一読でアクションの違いが分かる
UXライティングの5つのポイント The 5 C’s of UX Writing(3Cや、Clear/Concise/Usefulで語られることもある) Clear(明瞭である 文章自体の読みやすさや Concise(簡潔である 分かりやすさに関係 Consistent(一貫性がある Constructive(建設的である) UXやBranding //物事をより良くするために役立つこ (Voice and Tone)に関係 Conversational(会話のように)
ほかにも気に留めることはたくさん 今日は触れません ターゲット像 年齢、言語、文化、職業、利用シーン... ターゲットに伝わる言葉選 利用環境(Web、App パーツの表示幅(〇〇文字以内じゃないと切れるとか ローカライズのしやす アクセシビリティ、インクルーシブネス、 ...
ワーク UXライティングをやってみよう (書けばいいではない、とは?)
長いフライトでずっとトイレをガマンしてきたあなた トイレ行きたい!!!! まわりをキョロキョロ : : 看板があった!
そこにあった看板とは 出発ラウンジのメインエリアにある カフェ ビアンカの隣にもトイレ施設があります。 There are additional toilet facilities located in the main area of the departure lounge next to Cafe Bianca.
あなただったら、どう書き直しますか? 図や色を使わず、テキストだけで改善案を考えてみてください。 焦っている人、急いでいる人はどんな情報がほしい 看板を目にする年齢層は? 大人だけ?日本語・英語が堪能な方だけ 看板で知れる情報はどんなものがいい? :
改善してみよう 5分 出発ラウンジのメインエリアにある、 カフェ ビアンカの隣にもトイレ施設があります。 There are additional toilet facilities located in the main area of the departure lounge next to Cafe Bianca.
改善例 - 設定情報 焦っている人、急いでいる人はどんな情報がほしい? → ほかにトイレあるかな?近くにあるかな 看板を目にする年齢層は? → 空港 を考えると、年齢層は幅広そう。一番分かりやすさを必要とする 「こども」「日英ともに不慣れな人」をメインターゲットにす 看板で知れる情報はどんなものがいい? → この場所からどれくらいかかるのか分かるほうが、 このまま並ぶか、別のトイレに移動するか判断しやすい → 初めての場所の場合、場所名を書かれてもヒントになりにくい → 移動するとなったら、地図を探したり、職員に聞いたりできる
改善例 - 既存文を活かす場合 出発ラウンジのメインエリアにある、 カフェ ビアンカの隣となりにもトイレ施設があります。 There are additional More toilets facilities located in the main area of the departure lounge next to Cafe Bianca.
改善例 - 作り変える場合 トイレはカフェ ビアンカのとなりにもあります。 ここから、あるいてすぐです。 Restrooms are also located next to Cafe Bianca. It is only a few minutes walk.
書けばいい、というわけではないことが 少しでも感じてもらえたら何よりです
比べてみると 出発ラウンジのメインエリアにある カフェ ビアンカの隣にもトイレ施設があります。 トイレはカフェ ビアンカのとなりにもあります。 ここから、あるいてすぐです。
こんな冗長な看板、日本だけでしょ?と思ったあなた どの地域でもあります。 出典: LinkedIn
こんな楽しい看板もある つい読んじゃう書き方だけど、これはどう?という余地がなくなるよう、 ダメなアクションを網羅して伝えている 出典:UX microcopy: size matters
これであなたも、 看板見ると改善案を考えたくなる症候群 になったことでしょう
UXライティングと コピーライティングの違い
ここまでセッションを聞いて やってることは何となくわかったけど、 コピーライティングとの違いってなんだろう 看板もコピーライティングだと思って 同じじゃないの? : 目的が違うんです
違い UXライティング 目的: 読み手に必要な情報を伝える → スムーズに使ってもらいた 目にするタイミング: プロダクトやサービスの利用 特徴: さりげない(記憶に残らない) コピーライティング 目的: 読み手に商品への興味を持ってもらう → ゆくゆくは購入につなげた 目にするタイミング: プロダクトやサービスの利用 特徴: 注目させる、惹きつける(記憶に残す)
UXライティングの例 - iPhone ふむふむ 分かった!と 思ってもらえればヨシ ↓ 記憶に残らない
コピーライティングの例 - iPhone いいじゃん!ほしい! と思ってもらいたい ↓ 記憶に残す
でも融合してるケースない? あります! コンバージョンパーツ(申込や購入などのCTA)がある場合によく見られます。
融合しているように感じるのは コンテンツに、マイクロコピーが含まれているから マイクロコピー UIテキスト (画面上の言葉すべて) UI上の 説明文など プロモーションの コンテンツ コピーライティング ボタン リンク メニュー エラー文言 プロダクトの タッチポイントになる : コンテンツ UXライティング
プロダクト内にも、コピーライティングはある
言葉に関する知識やストックはあればあるほど良い 作業は似ているので、コピーライティングとUXライティングの双方の知 識があるとより良いですね。 コンテンツの中身やパーツに応じて、適切なライティングをするのが一 番です。 今だと案だしをAIに頼ることも。
Communeでの UXライターの役割
ここまでセッションを聞いて やってることは何となくわかったけど、 ライティングってデザインに関係あるの UXライターはUIデザインもやるの? : デザインにも関係します 人によっては、UIデザインやUXデザインを担う方も
なぜデザインチームにUXライターがいるのか UIデザインとUXライティングはセットで 機能するため デザインだけよくても、テキストだけよ くても 両方良い塩梅でそろうことで、使いやす いUIになります。 (もちろん、エンジニアの協力があって こそ)
デザインチームにUXライターが入ることで、 デザイン決定までの連携が取りやすく、 各デザイナーは専門領域に注力できます。
CommuneでのUXライターの役割 インタラクションデザイン How it works UXデザイン How it flows and reaches user's goal プロダクト / サービス How it looks ビジュアルデザイン What it says コンテンツデザイン
UXデザインも積極的に見ていきたい インタラクションデザイン How it works UXデザイン How it flows and reaches user's goal プロダクト / サービス How it looks ビジュアルデザイン What it says コンテンツデザイン
ここまでセッションを聞いて コンテンツのくくりだと、 UIテキスト(プロダクト)もコピー(プロモーション)も どちらもできたほうが良さそうでは ヘルプなんかもライティングに入るんじゃないの? : そう、コンテンツは幅広い
コンテンツを一挙に引き受けるチームを作る会社もある コンテンツチーム UIテキスト ヘルプサイト UXライティング テクニカルライティング コンテンツマネジメント ローカライズ などすべてを担う プロモーションコンテンツ 翻訳・ローカライズ ・・・ 人員や体制などの兼ね合いで CommuneではUIテキストにフォーカス たまに+アルファもする
今日のまとめ
UXライターとは? ユーザーと接するすべてのタッチポイントで、 「ユーザーの体験」をサポートするためのライティングを行う人
プロダクトでのタッチポイントとは? プロダクトの画面に出てくる言葉すべて プロダクトを使うにあたって目にするコンテンツすべて
書けばいい、というわけではない 考慮することはたくさん 言葉の引き出しをたくさん作っておくのがポイント
UXライティングとコピーライティングの違い 役割が違う UXライティングは「読み手に必要な情報を伝える」のが目的 でも、作業は似ているし、双方の知識があるとより良い
なぜデザインチームにUXライターがいるのか UIデザインとUXライティングはセットで機能するから デザインチームにいると連携がとりやすい
CommuneでのUXライターの役割 インタラクションデザイン How it works UXデザイン How it flows and reaches user's goal プロダクト / サービス How it looks ビジュアルデザイン What it says コンテンツデザイン
今日のゴール 誰に 何と言ってもらいたいか UXライターって何するの?と 思っている方に UXライターの役割や 業務内容がざっくり分かった! と言ってもらいたい
達成できているとうれしいです