出版社内容情報
「このUI、なんか使いづらい……」を「いいね！」に変える即効テクニック！
パッと見て納得、即マネできる、最前線のプロが実践している41のデザイン改善術とは？
【デザイナー＆発注者必携！ UXを劇的に向上させる最強バイブル！】
著者が自ら様々なクライアントのプロダクト・サービスのデザイン改善を行っていく中で得た、ユーザビリティをより良くするための41のヒントを一挙公開します。
本書では「UIとは何か？」の基礎から、業務支援システムのデザインの例を通して実践的なUIデザインの考え方と改善のプロセスまでを現場に則した形で解説していきます。
UIデザインの基本的な知識や観点を整理し、それをどのように具体的なシステムの設計・改善に活かすことができるかを「現場のあるある」を交えながら紹介しています。
【株式会社アイスリーデザインとは？】
アプリやWebサービスのデザイン＆テック企業。
企業のデジタルプロダクトにおけるUI/UXデザイン支援を行っており、これまでに100件を超えるプロダクトの設計・改善に携わってきた。
その中で「ユーザーにとって使いやすいUIにするための視点は、業界やシステムの種類に関わらず一定の共通点がある」と感じるようになり、それをまとめたのが本書。
【対象読者は？】
・UIデザインを学び始めた方
・自社プロダクトの使いやすさを向上させたいと考える方
・業務支援システムに関わる関係者全般（プロダクトマネージャー、エンジニア、デザイナー、営業企画職など）
・デザイン発注をする一般ビジネスパーソンとその決裁権者
【本書の特徴】
・「Before→After」図解で、見ればすぐに違いがわかる！
・「ここが悪い！」が一目で分かる！ UI改善の最短ルートを示すオールカラーのビジュアル解説
・現場で求められる“本当に使いやすい”UIの作り方がわかる！
ユーザーの「使いやすさ」から逆算したデザインの心得を一挙公開！
【目次】
序章 UIデザインとはなにか？
・UIはユーザーとシステムをつなぐ「接点」
・UIデザインと混同されやすい領域のデザイン
・UIデザインに求められる視点
・「良いUIデザイン」の3つの指針
・指針（1）10のユーザビリティヒューリスティックス
・指針（2）UX5段階モデル
・指針（3）WCAG
・本書の「読み方」
・ナビゲーター「UIじぃ」
Part1 飲食店の注文管理システムを通じて、業務支援システムUIの基礎知識を学ぶ
【アカウント登録（1）全体】
・プロダクトを使い始める準備をスムーズに進める
・01.要素の意味は「色の違い以外」で伝える
・02.重要な情報は常に表示する
・03.「ユーザーの現在地」を示す
・まとめ
【アカウント登録（2）入力】
・ユーザーの操作の手間を最小限にする
・04.自動入力を活用する
・05.デフォルトの値をユーザーに合わせる
・06.入力内容に合ったサイズにする
・まとめ
【オンボーディング】
・プロダクトの機能や操作方法を簡潔に伝える
・07.「スキップ」をできるようにする
・08.操作方法を分かりやすく提供する
・09.内容に合ったオンボーディング手法を選ぶ
・まとめ
【データ一覧（1）カードビュー】
・複雑な情報をひとまとまりでわかりやすく表示する
・10.並び順や絞り込み条件を表示する
・11.「情報の総量」を表示する
・12.押した結果が想像できる見た目にする
・13.コントラスト比は一定以上に保つ
・14.テキストの行間や文字数を読みやすくする
・まとめ
【データ一覧（2）操作】
・ユーザーの予想を裏切らない
・15.操作が正確に行えるサイズにする
・16.スクロールできることを示す
・17.「機能の違い」を見た目に反映する
・まとめ
【インサイト：道具としてのユーザーインターフェース】
・UIの本質を理解する
・「道具的UI」
・「広告的UI」
・デザインの目的の違いが生むもの
・中間的な存在～ECサイトの例～
・データとの関係性～「道具的UI」の核心～
・なぜ「道具的UI」が重要なのか
Part2 従業員の評価管理システムを通じて、複雑な機能を使いやすくデザインするポイントを学ぶ
【データ一覧 テーブルビュー】
・機能や見た目を業務フローに合わせて最適化する
・18.コンポーネントらしさが伝わる見た目にする
・19.データがない状態であることを表現する
・20.日付・時間をわかりやすい表記にする
・まとめ
【データ詳細（1）閲覧】
・情報の優先度を判断し、視覚的に表現する
・21.情報をグループ化
