見えにくい、読みにくい「困った！」を解決するデザイン

間嶋沙知

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

デザインで「困った！」を作らない！問題発見と解決のヒント31



本書は、ダイバーシティやインクルージョンを実現するために、デザインの力でできることを紹介する書籍です。具体的には、色、文字、ことば、図解、UIという観点で、基礎知識と改善例を交えて解説します。
作例はBefore/Afterで視覚的にわかりやすく、丁寧にまとめました。

■本書の特徴
SNSやインターネットの発達により、わたしたちが日常的に触れる情報量は爆発的に増えました。便利なツールやサービスが普及することで、ノンデザイナーも情報発信のデザインに携わる機会が増えています。その中で、情報が受け取れなくて困っている人、伝えたいことが伝わらなくて困っている人がいます。
本書では、そんな情報伝達に関わるみんなの「困った！」を「こうしよう！」に変える31のヒントを紹介します。

・基礎知識が身につく
色、文字、ことば、図解、UIの5つの切り口で、多様性を受け容れるデザインのための基礎知識をまとめました。関連情報や好事例を紹介するコラムも見どころです。

・Before/After形式で理解が深まる
具体的な例をとおして「困った！」を解決するデザインのコツを解説しました。困りごとの原因がわかり、問題を発見する力と改善する力が身につきます。

・6人の登場人物と一緒に学べる
登場人物の声をヒントに、印刷物、掲示物、コミュニケーション、ウェブのデザインを改善していく構成です。身近なシーンや人を思いうかべることで、デザインの捉え方が変わります。


■本書の構成
Chapter 1.みんなのデザイン
1-1.困った！はなぜ生まれる？
1-2.多様性の時代に向かうデザイン
1-3.みんなのデザインいろいろ
1-4.登場人物
Chapter 2.色で困った！
2-1.色の基礎知識
2-2.赤×黒で困った！
2-3.赤×緑で困った！
2-4.白×黄で困った！
2-5.色名で困った！
2-6.コントラスト不足で困った！
2-7.色分けで困った！
2-8.色だけで困った！
Chapter 3.文字で困った！
3-1.文字の基礎知識
3-2.小さくて困った！
3-3.読み間違えて困った！
3-4.細くて困った！
3-5.変形で困った！
3-6.ぎゅうぎゅうで困った！
3-7.視線が迷子で困った！
Chapter 4.ことばで困った！
4-1.ことばの基礎知識
4-2.難しくて困った！
4-3.見当ちがいで困った！
4-4.ばらばらで困った！
4-5.長文で困った！
4-6.聞こえなくて困った！
4-7.選べなくて困った！
Chapter 5.図解で困った！
5-1.図解の基礎知識
5-2.ちぐはぐで困った！
5-3.ミスリードで困った！
5-4.ごちゃごちゃで困った！
5-5.どっちつかずで困った！
5-6.目立たなくて困った！
5-7.見えなくて困った！
Chapter 6.UIで困った！
6-1.UIの基礎知識
6-2.勝手に動いて困った！
6-3.現在地不明で困った！
6-4.行先不明で困った！
6-5.紛らわしくて困った！
6-6.触れなくて困った！
6-7.うっかりミスで困った！
Chapter 7.おさらい
7-1.困った！さがし
7-2.チェックリスト



高知在住のフリーランスデザイナー。
大学卒業後、桑沢デザイン研究所の夜間部に学ぶ。 東京、高知のデザイン事務所を経て、2016 年に独立。高知市を拠点に県内外の企業、店舗、個人、スタートアップのサービスや商品に関わる印刷物やウェブのデザインを手がける。
目下の関心はアクセシビリティ。「個々の良さが発揮される風通しの良い世界」にデザインで貢献することを目指して活動中。
こぶたのうたちゃんと昭和の古家に暮らしている。

• カテゴリ: ビジネス・実用
• ジャンル: IT・コンピュータ / デザイン・グラフィックス
• 出版社: マイナビ出版
• 掲載誌・レーベル: Compass Booksシリーズ
• ページ数: 224ページ
• 電子版発売日: 2022年12月09日
• コンテンツ形式: EPUB
• サイズ(目安): 32MB

[ブクログ · ★★★★★]

アクセシビリティ、ユニバーサルデザインについての指南書。
デザインに関わる人なら一度は読んでみるべきというぐらいに要点が過不足なく分かりやすくまとまっている。

[ブクログ · ★★★★☆]

最初はユニバーサルデザインやインクルーシブデザインについてのことで興味深かったのたが、最後は一般的なハウトゥになってしまってる感じがする

[ブクログ · ★★★☆☆]

色の見え方が違う人がいることは知っていたのですけれど、実際のところ、どう見えているのかはわかっていませんでした。イメージ図を載せてくださっているので、理解が深まった気がします。
どう対処したらより多くの人に理解していただけるのか、解決策を示してくださっているので、これらの考えを取り入れたいです。
また、参考になるサイトを多く紹介してくださっているのが、とてもありがたいです。


この本は全体的に、情報量が多いなぁ……と感じました。ざっくり把握したい人より、もう少し詳しく知りたい人向けかもしれません。
同時期に『とりあえず、素人っぽく見えないデザインのコツを教えてください！』（著者：ingectar-eさん、インプレス）を読んでいたので、フォントやレイアウトの話は『とりあえず、～』のほうが理解しやすいと感じました。そちらは、ページを開いてパッと見てわかるので、初心者向けでした。
それを読んでいたからこそ、こちらの、『見えにくい、読みにくい「困った！」を解決するデザイン』を理解することができました。


うーん……。この本、良い情報が載っているのに、見せ方がところどころもったいない感じがします。デザインに関する本なのに、示し方が初心者向けではないような気がします……。


（以下、読みながら綴った感想）


2023/03/07　p.003-045

p.005
“身の回りの「困った！」を解決するデザインを見つけたとき、良い改善案がうかんだとき、「＃困ったを解決するデザイン」でSNSに投稿してみてください。”
現代ですねえ……。人びとが情報発信をする前提にあるところが。
その情報を得て、活用できる人が多いのもまた、凄い時代です。

p.011
“障害のある人だけでなく、状況や年齢によっても壁を越えられないことがあります。”
そうなのですよねえ……。「できない」人のことを強く批判したり、無下にする人がいるのですけれど、あなたは一生同じ悩みにぶち当たらない自信があるのですか？　と疑問に思います。
もちろん、問題によっては一生困ることはないでしょう。けれど人生で必ず、どこかで、誰かの助けを必要とする場面が来ます。生きていたら必ず。人はひとりでは生きられないのですから。

p.017
“2019年6月には読書バリアフリー法が成立しました。障害の有無に関わらず、すべての人が読書による文字・活字文化の恩恵を受けるための法律です。”
素晴らしいですね。すべての人が好きなように、本に触れる機会があるべきだと、本好きのひとりとして思います。

p.018
“ユニバーサルデザインは障害者や高齢者だけでなく、すべての人を対象にしています。はじめから障壁を作らないように設計し、できるだけ多くの人が利用できるようにする考え方です。”
バリアフリーとユニバーサルデザインの違いを把握できていませんでした。
そもそも、「ユニバーサルデザイン」ということばがきちんと頭に入っていませんでした。「なんとなく、聞いたことがあるような……」というレベル。

バリアフリーは、作ったものに後付で対応すること。
ユニバーサルデザインは、作る段階で多くの人に対応できるようにすること。
なるほど……。確かに、あらかじめ考えているユニバーサルデザインのほうが、コストもかからないし、多くの人のためになるし、いいですね。

p.023
「ユーザビリティ」と「アクセシビリティ」ということばも、きちんと把握できていませんでした。
ユーザビリティ：特定の状況での使いやすさ
アクセシビリティ：使える度合いや状況の幅広さ
障害、年齢、国籍によって、使えない人も出てきてしまうのが「アクセシビリティ」なのですね。

p.038
“そして残りの5％、日本人男性の約20人に1人、女性の約500人に１人が「色弱」です。日本人男性で血液型がAB型の割合が約5％ですので、色弱者の割合は決して少なくないことがわかります。”
このAB型の例え、『魔女の下僕と魔王のツノ』にも出てきました。そちらは、同性愛者の割合だったはずです。
5％という数字のものは意外と世の中にたくさんあるのかもしれませんね。そして、その5％はとても少ない割合ではないのでしょう。「人生で一度もAB型の方に出会ったことがない」という人はいないでしょうから。

p.40
“P型の人には濃い赤と黒が見分けにくく、D型の人には赤と緑が見分けにくいのが特徴です。”
赤の見づらさに驚きます。赤は強調する際によく使いますし、使われている印象もあるのですけれど、人によっては見づらくなってしまうのですね……。

p.042
“OS標準のカラーフィルタ”
これ、パソコンにもある機能なのですね。iPhoneにあるので、時々使っています。わたしの場合、スマホの使いすぎ防止のためなのですけれど……。

p.045
“板書には白か黄色のチョークを使うか、”
基本的には白で書かれている気がするのですけれど、それは合っているのですね。良かったです。白が見えづらかったら、困ってしまう人の数が増えるでしょうから。

p.045
“緑色のレーザーポインターは赤色よりも明るく、誰にとっても視認性が高い光が使われています。”
緑がいいのですね……。なるほど。
そもそも、レーザーポインターって、光が小さくて見づらいです。当たり前ですけれど、チラチラ動くので、追いかけるのも大変です。それが見づらい色だったらなおさらですよね。


2023/03/09　p.046-085

p.075
白い線を入れるの、いいですね。わかりやすいです。


2023/03/11　p.086-219

p.128
“やさにちチェッカー”
わぁ、これ、いいかもしれませんね。母国語が日本語ではない方にメッセージを送る前、このサイトで確認してみます。

p.146
“音声や動画よりもテキストの方が素早く要点を把握しやすい人もいるでしょう。”
テキストがあるほうが安心します。自分の耳と、理解能力をあまり信用していません。

p.148
“電話でしか申し込めないなら、やめておこうかな”
本当に……電話が苦手です。病院等で、Web予約ができないところは避けてしまいます。
電話も慣れたら、それほどこわくないとわかっているのですけれど……。

p.171
“7.吹き出しのツノはスマートに”
このバランスがむつかしいです……。わたしはあまりとんがっていないほうが好きなのですけれど、短すぎるかもしれません。

p.200
“詳しくはこちらをご覧ください。”
これ、多用してしまっています……。そっか。どのページに遷移するのか、きちんと書いたほうがいいのですね。
次から文章を変えることにします。

p.214～
ここから先、問題を示すのは良いのですけれど……その隣に正解を示してほしいです。もやもやしたまま終わってしまいます。
もちろん、該当のページに戻ればいいのでしょうけれど……。それは面倒です。