翔泳社の公式通販SEshopは全国送料無料!
ヘルプ 法人のお客様へ 新規会員登録 ログイン
SEshop

現場の「あるある」から学んだ 今すぐ使える「UIデザイン」41の法則【紙+PDFセット】 発売予定

佐々木 祐真(著) , 直原 杏花(著) , 岩本 あかり(著) , 大林 志帆 (著) , 株式会社アイスリーデザイン(監修)

商品番号
SESET202604
販売状態
発売予定
納品形態
宅配便にてお届け
発売日
2025年07月24日
キーワード
デザイン  ビジネススキル  電子書籍【PDF版】  Web制作  UI・UX

5,280円(税込)(本体4,800円+税10%)
送料無料

720pt (15%)
ポイントの使い方はこちら

予約商品

初回購入から使えるポイント500円分プレゼント

紙書籍のみはこちら PDF版のみはこちら

※1点の税込金額となります。 複数の商品をご購入いただいた場合のお支払金額は、 単品の税込金額の合計額とは異なる場合がございますので、予めご了承ください。

  • ポスト
  • 本商品は紙の書籍とPDF版電子書籍のセット商品です。
  • ご購入いただいたPDFには、購入者のメールアドレス、および翔泳社独自の著作権情報が埋め込まれます。
    PDFに埋め込まれるメールアドレスは、ご注文時にログインいただいたアドレスとなります。
    Amazon Payでのお支払いの場合はAmazonアカウントのメールアドレスが埋め込まれます。
  • 本製品を無断で複製、転載、譲渡、共有および販売を行った場合、法律により罰せられる可能性がございます。
  • ご購入の前に必ずこちらをお読みください。

商品概要

本商品は紙の書籍とPDF版電子書籍のセット商品です。 PDF版の内容は、書籍版と同じです。

「このUI、なんか使いづらい……」を「いいね!」に変える即効テクニック!
パッと見て納得、即マネできる、最前線のプロが実践している41のデザイン改善術とは?

【デザイナー&発注者必携! UXを劇的に向上させる最強バイブル!】
著者が自ら様々なクライアントのプロダクト・サービスのデザイン改善を行っていく中で得た、ユーザビリティをより良くするための41のヒントを一挙公開します。
本書では「UIとは何か?」の基礎から、業務支援システムのデザインの例を通して実践的なUIデザインの考え方と改善のプロセスまでを現場に則した形で解説していきます。
UIデザインの基本的な知識や観点を整理し、それをどのように具体的なシステムの設計・改善に活かすことができるかを「現場のあるある」を交えながら紹介しています。

【株式会社アイスリーデザインとは?】
アプリやWebサービスのデザイン&テック企業。
企業のデジタルプロダクトにおけるUI/UXデザイン支援を行っており、これまでに100件を超えるプロダクトの設計・改善に携わってきた。
その中で「ユーザーにとって使いやすいUIにするための視点は、業界やシステムの種類に関わらず一定の共通点がある」と感じるようになり、それをまとめたのが本書。

【対象読者は?】
・UIデザインを学び始めた方
・自社プロダクトの使いやすさを向上させたいと考える方
・業務支援システムに関わる関係者全般(プロダクトマネージャー、エンジニア、デザイナー、営業企画職など)
・デザイン発注をする一般ビジネスパーソンとその決裁権者

【本書の特徴】
・「Before→After」図解で、見ればすぐに違いがわかる!
・「ここが悪い!」が一目で分かる! UI改善の最短ルートを示すオールカラーのビジュアル解説
・現場で求められる“本当に使いやすい”UIの作り方がわかる!

ユーザーの「使いやすさ」から逆算したデザインの心得を一挙公開!

商品の発送、データのダウンロードについて

書籍版は、ご注文日当日もしくは翌営業日に、ヤマト運輸の宅急便で発送いたします。
PDF版は、会員メニューからダウンロードしてご利用ください。ご注文確定後、ダウンロードが可能な状態になりましたら、「発送のご連絡」という件名のメールをお送りいたしますので、記載のURLからSEshopにログインしてダウンロードしてください。

商品のダウンロード方法

  1. ご購入後、SEshopにログインし、会員メニューに進みます。
  2. ご購入電子書籍およびデータ > [ご購入電子書籍およびダウンロードデータ一覧]をクリックします。
  3. 購入済みの商品タイトルが表示されますので、リンクをクリックしてダウンロードしてください。

序章 UIデザインとはなにか?
・UIはユーザーとシステムをつなぐ「接点」
・UIデザインと混同されやすい領域のデザイン
・UIデザインに求められる視点
・「良いUIデザイン」の3つの指針
・指針(1)10のユーザビリティヒューリスティックス
・指針(2)UX5段階モデル
・指針(3)WCAG
・本書の「読み方」

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.情報をグループ化する
・22.要素に優先順位をつける
・23.アイコンは補助的に使用する
・まとめ

【データ詳細(2)削除】
・24.「削除」はほかの機能と区別する
・25.削除のしやすさを情報の重要性と合わせる
・26.ボタンテキストは動詞で表現する
・まとめ

【データ詳細(3)フィードバック】
・27.操作に対するフィードバックを返す
・28.操作箇所とフィードバックの位置を近づける
・29.ユーザーの操作を中断させない
・30.ボタン・リンクであることを示す
・31.リンクと遷移先の画面タイトルを揃える
・まとめ

【新規データ入力(1)入力】
・32.入力条件は事前に提示する
・33.定型的な内容の入力時は選択肢を提示する
・34.同じように使えるコンポーネントを使い分ける
・35.複数の入力方法を用意する
・36.「戻る」「閉じる」「キャンセル」を正しく使い分ける
・まとめ

【新規データ(2)エラー】
・37.システムメッセージは内容に応じた見た目にする
・38.システムメッセージは「身近な言葉」を使う
・39.エラーメッセージはエラーの近くに表示する
・40.メッセージにエラーを解消する方法を記載する
・41.エラーを過剰に表示しない
・まとめ

各種問い合わせは以下のリンクからご連絡ください

関連商品

おすすめ特集

【2024年】SEshop人気書籍 ベスト20

2024年にSEshopで人気だった本を20冊ご紹介!IT技術、生成AI活用、マネジメント本など

プログラミング入門書大特集

翔泳社のプログラミング書籍の中から、入門・初級者向けの書籍をピックアップ!

エンジニア必携特集

【エンジニア必携特集】開発現場で使える!ITエンジニアの業務に役立つ書籍を一挙ご紹介

ライティングおすすめ本

ライティングのスキルアップにおすすめの本。Webライティングやコピーライティングなど

手帳術

毎日をもっと楽しく、充実させる手帳・ノートの活用術書をご紹介

電気工事技術者

第二種電気工事士、電験3種など、電気工事技術者関連の資格参考書はこちら

特集をもっと見る