UIデザインの教科書[新版] マルチデバイス時代のインターフェース設計
原田秀司(著)
/翔泳社
作品情報
【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】使いやすい理由とは何か本書はUIにおけるデザインの定義から、ハードおよびソフトによる制約、人間の心理による影響、そして具体的にデザインを形にする方法までを、図や画像を使いながら、わかりやすく体系的に解説していきます。Webサイトの閲覧者やアプリのユーザーは、いつのまにか迷ったり、わからなくなったり、操作がしっくりこなかったりすることがあります。本書を読むと「わかりやすさ」と「使いやすさ」の要点がわかるので、ユーザーを迷わせない、最適なUIを見つけることができます。デザイナーはもちろん、エンジニア、ディレクター、発注者など、UI制作に関わる、あらゆる方におすすめの1冊です。*本書は2013年刊行の『UIデザインの教科書』をもとにしていますが、最新環境にあわせて、構成及び内容を全面的に書き直しています。〈こんな人のための本です〉・UIデザインの基本的な考え方を学びたい・わかりやすさや使いやすさの理由が知りたい・最新のデバイスごとの違いやルールを知りたい・UIデザインのチェック項目が知りたい・UIデザインを説明するためのロジックが学びたい...etc〈目次〉第1章 デザインの目的とUI/UX第2章 物理的な制約第3章 ソフトウェアの影響第4章 人間の認知特性第5章 階層と構造第6章 ナビゲーションとインタラクション第7章 デザインを形にする※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。
もっとみる
商品情報
- 著者
- 原田秀司
- ジャンル
- コンピュータ・情報 - アプリケーション・プログラミング
- 出版社
- 翔泳社
- 書籍発売日
- 2019.01.21
- Reader Store発売日
- 2019.01.21
- ファイルサイズ
- 118.7MB
※この商品はタブレットなど大きなディスプレイを備えた機器で読むことに適しています。
文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
この作品のレビュー
平均 4.3 (10件のレビュー)
-
UI/UXのデザインに携わりたい人におすすめの1冊です。
人間の認知特性などを踏まえて学べるので「確かに!!」「なるほど…」と思うポイントが多くあります。
タイトルを見ると複雑で難しそうだと感じるかも…しれませんが、読んで損はないと思います!
デザイン学科3年続きを読む投稿日:2023.12.04
<本のタイトル>
UIデザインの教科書[新版] マルチデバイス時代のインターフェース設計
<本の紹介>
2週間ぐらい前に「Web制作者のためのUXデザインをはじめる本」を読みましたが、
今日紹介する…本は、UIデザイン部分の具体的な中身に踏み込んだ内容になります。
<感想・気づき>
・スティーブ・ジョブズが言うには
「デザインはどう見えるか(how it looks)ではなく、どう機能するか(how it works)」
・デバイスごと入力手段の違い
ーPC:マウスで操作。細かい操作が可能、縦スクロールに強い
最大の特徴はホバーが使えること
※ホバー=マウスオーバー(クリックしなくてもカーソルを合わせると対象が変化する)
ーSP:指で操作する為、各パーツがある程度の大きさが必要。細かいパーツの選択は神経を使う。
タッチパネルデザインではホバーが使えないので、目視で対象の選択可否を判別できることが重要なポイントになる
ーTV:リモコンの十字キーで操作、もしくは音声入力が大半。
十字キー操作では、いまどこにフォーカスがあるのかパッとわかることが何より重要。
なぜならPCやSPのように、直接対象をクリックすることができないため。
またフォーカス移動も「縦方向だけ」「横方向だけ」のように1方向に限定すべき。
・デバイスごとの画面の違い
ーPC:ブラウザのサイズを自由に変えられる
ー他:すべてフルスクリーン表示。
・Webサイトと専用アプリの違い
ーWebサイト:Webブラウザで利用。マルチデバイスの展開が容易。
OSの違いによる環境差異が小さい。同時に複数ブラウザを起動できる。
最も大きな特徴は「URLと不可分に結びついている」ため切り離せないこと。
また操作スピードは遅く、インタラクションも乏しい。
ー専用アプリ:OSにインストールして利用。動作が早く、操作が軽快。
データ通信量がWebサイトの場合と比較して少量で済む
デメリットはサービス毎に都度インストールが必要であり、
OSごとに異なるプログラミング言語で開発する必要がある。
またハードウェアやOSの差異がUIのデザインに大きく影響を及ぼす。
※なお最近はPWA(Progressive Web Apps)という技術を用いると「アプリのように動くWebサイト」を開発することもできるみたい。
・テキスト・画像の違い
ーテキスト:基本となるデータ形式。原則どんなOSやデバイスにも最適化されて表示可能。
テキストを画像で貼ると、検索もできないし、画質も粗いのでオススメしない。
ただし下にも書くとおり、あえてテキストを画像で貼るほうがよいときもある。
ー画像 :解像度の影響を受けるが、それ以外については環境間の差異が無く同一に表示できる。
テキストだとOSやデバイス毎に自動で(よかれと思って)最適化されてしまうので、
あえて最適化されないように画像でテキストを用意するケースもある。
ただわざわざそうまでしないといけない理由がある場合にのみやるべきである。
・HTTPとHTTP/2の違い
ーHTTP :1つのリクエストに対して1つのレスポンスを返す
ーHTTP/2:複数のリクエストに対して複数のレスポンスを非同期で返す。HTTPSが必須。
・Webサイト内の現在地を理解するため、5つの方法で「表現の差別化」を行う
ー太さ :文字の太さで現在地を表現する。太字が現在地、細字がそれ以外の場所。
ー色 :文字の色で現在地を表現する。明度差、無彩色(白黒)/有彩色(カラー)など。
ー大きさ:文字や対象の大きさで現在地を表現する。TVと相性がいい。
ー背景 :背景に色を敷くことで現在地を表現する。
ー目印 :帯やアイコンなど、目印や装飾を添えることで現在地を表現する。
・トップ/一覧/詳細の構成
だいたいのサービスはトップページ、一覧ページ、詳細ページの3構成になっている。
サービスによってはトップページ=一覧ページの場合もある。
一覧ページのインタフェースの良し悪しが、ユーザーが望んだゴールにたどり着けるかのカギ。
とはいえ一覧ページで工夫できることは、基本的には次の3つしかない。
絞り込み:何らかの制約をかけて絞る
並び替え:何らかの軸でソートする
切り替え:表示件数を変えたり、表示方法を変えたりする(リスト化/ブロック化)続きを読む投稿日:2023.02.16
新刊自動購入は、今後配信となるシリーズの最新刊を毎号自動的にお届けするサービスです。
- ・発売と同時にすぐにお手元のデバイスに追加!
- ・買い逃すことがありません!
- ・いつでも解約ができるから安心!
※新刊自動購入の対象となるコンテンツは、次回配信分からとなります。現在発売中の最新号を含め、既刊の号は含まれません。ご契約はページ右の「新刊自動購入を始める」からお手続きください。
※ご契約をいただくと、このシリーズのコンテンツを配信する都度、毎回決済となります。配信されるコンテンツによって発売日・金額が異なる場合があります。ご契約中は自動的に販売を継続します。
不定期に刊行される「増刊号」「特別号」等も、自動購入の対象に含まれますのでご了承ください。(シリーズ名が異なるものは対象となりません)
※再開の見込みの立たない休刊、廃刊、出版社やReader Store側の事由で契約を終了させていただくことがあります。
※My Sony IDを削除すると新刊自動購入は解約となります。
お支払方法:クレジットカードのみ
解約方法:マイページの「予約・新刊自動購入設定」より、随時解約可能です続巻自動購入は、今後配信となるシリーズの最新刊を毎号自動的にお届けするサービスです。
- ・発売と同時にすぐにお手元のデバイスに追加!
- ・買い逃すことがありません!
- ・いつでも解約ができるから安心!
- ・優待ポイントが2倍になるおトクなキャンペーン実施中!
※続巻自動購入の対象となるコンテンツは、次回配信分からとなります。現在発売中の最新巻を含め、既刊の巻は含まれません。ご契約はページ右の「続巻自動購入を始める」からお手続きください。
※ご契約をいただくと、このシリーズのコンテンツを配信する都度、毎回決済となります。配信されるコンテンツによって発売日・金額が異なる場合があります。ご契約中は自動的に販売を継続します。
不定期に刊行される特別号等も自動購入の対象に含まれる場合がありますのでご了承ください。(シリーズ名が異なるものは対象となりません)
※再開の見込みの立たない休刊、廃刊、出版社やReader Store側の事由で契約を終了させていただくことがあります。
※My Sony IDを削除すると続巻自動購入は解約となります。
お支払方法:クレジットカードのみ
解約方法:マイページの「予約自動購入設定」より、随時解約可能ですReader Store BOOK GIFT とは
ご家族、ご友人などに電子書籍をギフトとしてプレゼントすることができる機能です。
贈りたい本を「プレゼントする」のボタンからご購入頂き、お受け取り用のリンクをメールなどでお知らせするだけでOK!
ぜひお誕生日のお祝いや、おすすめしたい本をプレゼントしてみてください。※ギフトのお受け取り期限はご購入後6ヶ月となります。お受け取りされないまま期限を過ぎた場合、お受け取りや払い戻しはできませんのでご注意ください。
※お受け取りになる方がすでに同じ本をお持ちの場合でも払い戻しはできません。
※ギフトのお受け取りにはサインアップ(無料)が必要です。
※ご自身の本棚の本を贈ることはできません。
※ポイント、クーポンの利用はできません。クーポンコード登録
Reader Storeをご利用のお客様へ
ご利用ありがとうございます!
エラー(エラーコード: )
ご協力ありがとうございました
参考にさせていただきます。