郷司陽子のレビュー一覧

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

かずやさんの「デザインの授業」から


見開きで、左側にデザインに関する用語と解説、右に実際のデザインが書かれていてとても読みやすい。


ポケットサイズで150種類のデザインパターンを紹介

身近なデザインも
「ああいう原理が働いているのか！」と思えるものも多く、読んでいて勉強になった。

・閉合

不完全な、また分断された形状やパターンを完成形として知覚しようとする傾向


・IKEA効果
ものの全体または一部を手作りしようとすると、作り手は高い価値を認めるようになる

(ただし、作業が完了する必要あり)


・方向感受性

例
路線図

垂直と水平は的確に見分けられるが、
方向の違いが30度以下だと見つけにくい

UXライティングの教科書 ユーザーの心をひきつけるマイクロコピーの書き方

キネレット・イフラ / 郷司陽子 / 仲野佑希

世界51か国で愛読されている名著の邦訳版。

マイクロコピーとは、私たちがデジタルプロダクトで目にするボタン、会員登録フォーム、捜査上のアドバイス、エラーメッセージなどのテキストのこと。

ちょっとしたマイクロコピーの工夫で、ユーザーの行動意欲を高め、実行をサポートし、エンゲージメントを強化してくれるという。

複雑なトリックや才能はいらず、ユーザー目線に立ったトンマナの世界だが、知っておくと知らないとでは大違いだなと感じた。

流し読みでじゅうぶん必要性は通じるし、該当部分があればよくよく読み込めるタイプの参考書になっている。

webデザインやマーケティングを担当している人、プロジェクトマネージャー、経営者など、ウェブビジネスに関係するあらゆる人に読んでおいてほしい一冊。

ロゴをデザインするということ。成功と失敗から伝える、君へのアドバイス ロゴデザイン・ラブ！［改訂第2版］

デイビッド・エイリー / 郷司陽子

借りたもの。
かなりの良著。もはやバイブル。
一デザイナーとして、仕事の仕方、心構えに至るまで説いている。

企業ロゴとはブランド・アイデンティティ・デザインであること、いわば顔とも言えるものである。
ブランド・アイデンティティについても丁寧に解説。企業・商品の価値、そのストーリーを導きだし、いかにロゴに反映してゆくか……
数多くの企業ロゴと、そのデザインに至るまでの草稿なども掲載。
作るにあたってのハウツー――シンプル、テーマに沿う、伝統あるモティーフ、強く印象付ける、最小サイズでの再現性、ポイントを1つに絞る――から、実際のプロジェクトの工程、さらにはお金の話まで。欧州だと国をまたいでのビジネスが多いためか、為替レートに注意…という話も。
マインドマップの活用によるアイデアの洗いだし、モノトーンデザインにからのカラー案。
交渉術についても言及！

Chapter 10 Q & A は大切。
オリジナル性をめぐる問題に、著作権(取得しない。自分のセルフプロモーション用の資料として使用する権利のみ)の話も。

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

よく知ってるものから、そうだったのか！と思うものまで、分かりやすい文章と画像を使ってコンパクトにまとめられていたので面白かったです。

随所に、本書に登場するデザインの法則が散りばめられているのも楽しかったです。(読むとわかります)

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

あらゆる分野で役に立つ知識が詰まっている本。

p20, 90, 94, 112, 115, 116, 125, 126, 144, 148, 158, 163, 166, 178, 192, 228, 234, 242, 246, 258

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

ホモサピエンスの認知特性を知り、役立てるための本。これを読んでいると、人間という生き物がどのようかものか見えてくる。

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

問題解決思考のポータルとして極めて優れた一冊。新旧様々なソリューションwの概念と使用例を2ページに簡潔に納めた150例。

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

デザインにまつわる心理的な法則が150種紹介されており、勉強になる一冊。その項に類似した項目もまとめてあるところが良いなと思いました。どちらかというとプロダクト寄りの内容かも。
内容自体は難しい言葉も多いのですが、余白が大きく、挿絵も豊富なため読みやすい。コンパクトなサイズ感なので、単に読み物としてでなく、辞書的に扱うのにも適している本だと思います。

UXライティングの教科書 ユーザーの心をひきつけるマイクロコピーの書き方

キネレット・イフラ / 郷司陽子 / 仲野佑希

デジタルプロダクトは、もっとユーザーに寄り添える

デジタルサービス、プロダクトが私達の生活にますます浸透し、WEBページやアプリで情報のやり取りをすることが質・量ともに増えている。

ユーザーの立場からサービスの質を向上する取り組みは、ユーザビリティ、UX、CX、カスタマジャーニー、カスタマーサクセスなど、より長期的、俯瞰的に顧客価値を向上する形で拡張してきた。

だがいくら全体として最高の体験がデザインされていても、細部の詰めで価値が半減、あるいは台無しになることもある。例えば外観も内装も味も最高のレストランで、ウェイターが下品なジョークでおもてなしとか。

デジタルプロダクトでは、タイトルやラベル、説明の言葉がその細部にあたる。UIにおけるそうした文字列を「マイクロコピー」といい、それをデザインすることをUXライティングという。

本書は、イスラエルのマイクロコピー専門企業の代表によるUXライティングの文字通り教科書だ。マイクロコピーとは何か、なぜ大切なのか、から、UXライティングの始め方（ボイス&トーン）、具体的なインターフェース場面のヒントと事例まで、一通りの知識とノウハウを披露する。

404エラーページを、ただのエラーでなくブランド価値を伝えエンゲージメントの機会とするなど、知らなかったことも多い。ちなみに、国内企業ホームページで色々な404エラーを出してみたところ、サーバーの素のエラーを出すところは流石になかった（セキュリティ対策として、かもしれない）が、UXの観点からは違いが合って参考になった。

B2CのWEBページやアプリだけでなく、仕事で利用するシステムにおいても、従業員のやる気、エンゲージメントのために適切なマイクロコピーは意味がある。本書の最終章は、そういう複雑なシステムを扱っている。本書でも触れているとおり、投資効果の点で難しいのだけど。

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

実用性があるのかどうかはわからないが、人間の心理、知覚、判断に関する法則が端的にまとめられている。"デザイン"が本業でなくとも、そういったことに興味がある人には面白い本ではなかろうか。

たまにパラパラめくるだけでも、ためになる。

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

見開き1ページの左が説明、右が解説図が並ぶ構成になっていて、どのページも一目見ただけでおよそどんな内容か把握できるようになっている。
本そのものが小さいサイズでできているので、手元に置いておくとよい感じ。

UXライティングの教科書 ユーザーの心をひきつけるマイクロコピーの書き方

キネレット・イフラ / 郷司陽子 / 仲野佑希

特にお客さんをおもてなしするサイトでは大事かなと思った。ただ、海外と日本では言葉のトーンが違うので本の通りの言葉使いだとやや違和感ある。マイクロコピーという分野で食っていくのは現実的じゃないかもしれないけど、制作現場では必要なスキルかと思う

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

前の色編と同じく、こう言う形状はカッコいいとか書いてあるだけだと思って購入。

しかしどちらかと言えば、本書はデザインや設計全般に対してだけの基本的におさえる必要がある知識に対しても言及している。
デザイナーハンドブックに近い内容だったし、よりわかりやすく書かれていたと思う。
期待以上の良書だった。

UXライティングの教科書 ユーザーの心をひきつけるマイクロコピーの書き方

キネレット・イフラ / 郷司陽子 / 仲野佑希

UXライティングのお勉強。

■会話体ライティングの６原則
・ユーザーに直接語りかける
・あくまでも自然に
・短くまとめ、ポイントを押さえる
・耳慣れた、いつも通りの言葉を使う
・能動態を使う
・流れを作る

■ユーザーはどのくらい会員登録を避けたがるか？
　ある大企業は、商品を購入する前に必ず会員登録をするという仕組みを廃止したところ、年に３億ドルも利益が増えたそうです。人々はそれほど会員登録を嫌います。
　会員登録が任意であっても必須であっても、会員登録のページのライティングには、ユーザーが障壁と受け取る要素を取り除いて、快適に登録手続きを進められるようにすることが求められます。彼らが私たちとひとつの関係性を築くのは望ましいことであり、会員登録をすれば彼らに利益がもたらされるということを、きちんと理解してもらいましょう。

■メールマガジンの配信登録を促す方法
１．タイトルを変更する
２．配信登録をしたら何が得られるかを伝える
３．障壁を取り除く
４．最後に、ボタン、成功メッセージ、エラーメッセージの仕上げを忘れずに。

■適切なエラーメッセージを書くために確認しておくべき４つの事柄
１．エラーが発生したとき、ユーザーは何をしようとしたか？
２．システムはなぜエラーという反応を示したか？
３．ユーザーが何をすれば操作を続行し完了できるか？
４．解決策がない場合、別の選択肢をユーザーに提供できるか？
　（サポートセンターに問い合わせるなど）

■クリックトリガー
　ジョアンナ・ウィーブは、…、ボタンのすぐ近くに書かれる短いメッセージが、ボタンの上に書かれるメインのマイクロコピーと同じように、コンバージョン率を劇的に増加させ得ることを報告しています。そして、それらの短い文章をクリックトリガーと呼びます。
　クリックトリガーの目的は、ユーザーが次の局面に本当に進むかどうかを決める瞬間に、的確な言葉でそれを後押しすることです。その言葉にユーザーが即座に反応し、その気持ちを行動に移してくれれば成功です。

■必要なら躊躇せず援助の手を差し伸べる
　簡潔に書くことは必須ですが、本当の問題は、どのくらいの分量のマイクロコピーをフォームに書き加えるかではなく、ユーザーが実際に援助を必要としているかどうかです。もしその答えがイエスなら、ライティングを進め、文字でユーザーをサポートしてきましょう。
　サラ・ウォルシュは、素晴らしいスピーチをネットで公開しています。それは、キャピタル・ワンのウェブサイトで、フォーム画面の言葉を２倍に増やしたときのことです。彼女は、余白をすべて潰して、操作上のアドバイスを入力欄の周囲に書き加えました。その結果、入力完了率は26％から96％になったとのことです。つまり3倍です。
　入力フォームの中に、ユーザーが迷ったり、ミスをしたり、安全性に不安を感じたりしそうな箇所が見つかったら、それらの問題を解決するための言葉、またはユーザーに確証を与えるための言葉を、ためらうことなく書きましょう。ユーザーに口を出しすぎないつもりで、重要な説明まで省くことは禁物です。そうではなく、彼らは困ったときには助言してもらえることを喜びます。助言があれば彼らは、わざわざ問い合わせをする必要がなく、サイトを訪問した目的の達成を諦めることもなく、探しているものをスムーズに見つけることができます。
　…操作上の指示や説明は、当然ながら、できるだけ短く簡潔にまとめましょう。最小限の言葉で最大限の情報を提供する言い方が理想です。また、指示や説明が本当に必要になるまではそれらを非表示にしておく方法もあるので、個々の状況に応じていろいろな工夫をしましょう。

■フォーム入力完了率を上げるための、マイクロピーのチェックリスト
ライティングに取り掛かる前に
１．ユーザーが納得して入力を完了するだけの、十分な理由がありますか？
２．フォーム内のマイクロコピーが多すぎませんか？
３．フォーム内のマイクロコピーが足りなくないですか？
わかりやすさを大切に
４．会話体ライティング
５．ユーザーが操作するエレメントのラベル
　※NG
　・より平易な言葉で言い換えられるはずの専門用語
　・内部でのみ適用するような、一般的でない言葉
　・抽象的な言葉や、曖昧で紛らわしい言葉
６．ユーザーに複数の選択肢を提示する場合
　・簡単に、即座に理解できる
　・それぞれの選択肢の名称が、直接的または間接的に、その内容をわかりやすく言い表している（そうでないときは、ツールチップを追加することを検討する）
　・個々の選択肢の違いが明確である
７．プレースホルダー
　・ユーザーが文字入力の最中に確認したくなるような情報は、プレースホルダーにしない
　・ここに記載するのは、関連性のある追加情報だけとし、ラベルの言葉の繰り返しは避ける
　・アクセシビリティのガイドラインに従い、高コントラストで表示する
８．ツールチップ
　・定位置に持続的に表示したい重要な情報は、ここには含めない。
　・入力欄がフォーカスを得たときに自動的に表示されるツールチップは、1回限り、またはごく稀にしか入力する必要のない項目に向く。
何にも煩わせないスムーズな操作のために
９．エラーメッセージは見飽きた、うんざりだ、と思わせないように
10．必須項目/任意項目の表示
11．オープンクエスチョン
　・回答文の書き出しの文例を提示するとよい。文例は、ユーザーが質問の意味を確実に理解し、テーマを絞り込むのに役立つ。
12．スイッチとスイッチボックス
　ユーザーが、スイッチかチェックボックスを使ってオンかオフかを選択する項目を作るときは、オンまたはオフのいずれかを選択するために必要なすべての情報を、確実にユーザーに提供してください。
13．添付ファイル
　ファイルの種類やサイズに制約がある場合は、事前にわかりやすく伝えましょう。
14．エラーメッセージ
　・その入力フォームで発生し得るあらゆるエラーのシナリオを、開発チームから受け取っているか？
　・ユーザーのための、有用で良質なマイクロコピーが書けているか？もっとも望ましいエラーメッセージを書くための原則に従ったか？
疑問や懸念への適切な対応
15．個人情報（メールアドレス、社会保障番号、電話番号、誕生日など）の提供を求めるとき
　・理由を説明する。
　・それによってユーザーが何を得るのかを伝える。
16．特殊な情報を提供してもらうとき
　・ユーザーは、どこを探せばその情報が得られるかわかるでしょうか？わかりづらそうなら、探すべき場所をきちんと伝えましょう。
17．セキュリティ
　・提供された情報は保護され、外部に漏らされることはないと伝える。
18．入力値の変更
　・フォームへの入力値を後から変更できる場合は、その旨を明記する。そうすればユーザーは、あまり悩まずに入力操作を進めることができる。
クリックすれば終わりではない
19．待ち時間
　・待ち時間をうまくやり過ごせるようなメッセージを用意しましょう。
20．成功メッセージ
　・タスクを完了し、フォームを送信した直後にユーザーが目にするのは、どんなメッセージですか？ユーザーの成功を心から喜び、その努力を讃え、あなたが目指した良質なエクスペリエンスを締めくくるに相応しいメッセージが書けましたか？

UXライティングの教科書 ユーザーの心をひきつけるマイクロコピーの書き方

キネレット・イフラ / 郷司陽子 / 仲野佑希

普段は気にも留めない、定型文
「ダウンロードが完了しました」
「下書きを保存しました」

などなど。
蔑ろにされがちなこうした文章にスポットライトを当てているのは面白い。
業務でライティングをしている人にとってはかなり有益な気付きが得られるんじゃないか。

最近でいうと、「note」なんかは本書の発想を上手く使いこなしてると思う。

下書きを保存しました。だけでなく、「続きが気になります」「お疲れ様でした」など、特徴的なマイクロコピーが並ぶ。

今後、この考えが日本でもさらに流行るのかどうかに注目していきたい。

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

日常の些細なデザインの意図を知ることができる本。色が暗示する効果など、約150種類のデザインの法則が書かれており、広告業界の人には特におすすめの一冊。興味本位で買う人にもとてもおすすめな内容となっていると思います。

ロゴをデザインするということ。成功と失敗から伝える、君へのアドバイス ロゴデザイン・ラブ！［改訂第2版］

デイビッド・エイリー / 郷司陽子

タイトルそのものの内容。ものすごく分かりやすく、ロゴデザインのプロセスや、自身の経験したこと、デザイナーあるあるなどが書かれている。こういった本があれば、非デザイナーでもロゴが作れるような気がする。

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

人の認知に関わることが150の項目に分かれて
さらっと書かれている。読みやすい。

人がどのように行動するのか、認知するのかを
体系的に学べてよかった。

・サンクコスト効果
小さな事象（宝くじ）とかもあるが、
自分の人生においても、ひとつのスキルを身に着けるとそれに固執するというのもここに当てはまるかもしれない。
今後の自分のキャリアを見たときに、
スキルに縛られるのではなく、スキル取得のプロセスから学びをもって、時代に合わせた何かを得ていけるかがカギな気がする。

UXライティングの教科書 ユーザーの心をひきつけるマイクロコピーの書き方

キネレット・イフラ / 郷司陽子 / 仲野佑希

ボタンやフォーム、ちょっとした注記などのコピーまで気を配ることで、アプリやウェブの質を高める事ができるよ。コピーにだってデザインと同じようにトンマナが必要ですよ。という、言われてみれば当たり前の内容。しかしながら、ある程度の規模のサイトを分業で作っていたり、クライアントの言いなりで、提供されたコピーを機械的に組み込んでいる場合などにはそこまで配慮できてない事も多い。

Design Rule Index 要点で学ぶ、デザインの法則150

ウィリアム・リドウェル / クリティナ・ホールデン / ジル・バトラー / 郷司陽子

博物館の常設展といった感じ。
どちらかというとテーマ性のある特別展のような構成のものを求めていたのでちょっと残念。
けれどところどころ参考になる。