〔電子〕縁の下のUIデザイン──小さな工夫で大きな効果をもたらす実践TIPS＆テクニック

【なぜそうするのか？ UIデザインの意味と意図】 UIデザインの中でも普段はあまり注目されることのない細かい部分にフォーカスした書籍です。デザイナーがどのような意図を持ってUIをデザインしているのかを解説します。身近なサービスを例として取り上げているので、実感を持って理解できます。筆者のデザイナーとしてのノウハウがふんだんに織り込まれているので、WebサービスのUIデザインをもっと良くするためのヒントになるはずです。 （こんな方におすすめ） ・自分のデザインの視点を今以上に広げたいUIデザイナー ・UIデザインに興味を持っているデザイナー ・UIデザインも担当しているエンジニア ・デザインラフまで自分で考えることがあるディレクター （目次） 第1章：色、文字、動きによる見せ方の工夫 　　赤の使い方──色が与える直感的な印象を活かす 　　上手に配色するためのコツとテクニック 　　ユーザーに使い方を文字で説明するためのUI 　　動きによる楽しさの演出──コンテンツの変化や操作へのフィードバック 第2章：機能表現の工夫 　　「いいね！」の効果的な使い方 　　保存のデザインの使い分け 　　未読と既読のデザイン 　　情報の更新をどう表現するか 第3章：UIコンポーネントの使い方による工夫 　　ボタンのデザインと使い分け 　　数値の入力・選択に適したUI 　　カードUIの向き不向き 　　メッセンジャーサービスにおけるデザインの工夫 第4章：ユーザーの行動への配慮 　　エラーと確認──スムーズな手続きを実現するには 　　受動的な体験のデザイン──「なんとなく眺める」を快適にするには 　　異なるユーザー層へのデザイン 　　待ち時間中のユーザーへの配慮 　　待ち時間を短く感じさせる方法 　　コンテンツがないときに考えること 第5章：画面と画面遷移の設計 　　画像はどう置く？──位置、大きさ、そろえ方 　　長くなりがちなコンテンツをどう見やすくするか 　　横配置メニューの項目数が多くなった場合の表現 　　「もっと見る」をちゃんとデザインする 　　入力フォームを1画面にする？ 分割する？ 　　画面単位ではなく、画面遷移を意識した改善 第6章：コミュニケーションとツール 　　エンジニアに意識してほしいこと 　　初期リリースにおける理想像とのずれをどうするか 　　「○○っぽいデザイン」のエッセンス 　　デザインシステムで、使い勝手・デザイン・コードに統一感を持たせる 　　UIデザインのためのGoogle アナリティクス 　　説得力・納得感のあるデザインにする工夫 第7章：考察、雑感 　　今、iOS/Androidアプリのデザインガイドラインにどう向き合うか 　　業務利用サービスのデザイン──多くの情報、専門用語をどう見やすく表示するか 　　中国のスマートフォンアプリの共通項──所変わればデザイン変わる 　　長押しを使ったデザインの可能性 　　「当然そうなるだろう」という思い込みを考慮する (著者プロフィール) 池田 拓司（いけだ たくじ）：2002年多摩美術大学卒業後、ニフティ（株）、（株）はてな、にて様々なサービスの開発及び新規サービスの立ち上げにデザイナーとして関わる。2012年よりクックパッド（株）にて、スマートフォン向けのUIデザイン及びフロントエンド開発を担当。グローバル向けプラットフォームアプリの設計、デザインマネジャー、執行役なども経験。2017年にデザインアンドライフ（株）を設立し代表取締役に（現任）就任。2021年に（株）くふうカンパニー執行役（現任）に就任しデザイン開発領域を管掌。2022年よりデザイナーのコミュニティ組織（株）CLAN、多摩美術大学 情報デザイン学科非常勤講師としても活動を行う。ウェブ・アプリなどのサービスの設計、及びデザインシステムの構築支援、デザイナーの組織づくりを中心に活動中。