池田拓司の作品一覧
「池田拓司」の「縁の下のUIデザイン──小さな工夫で大きな効果をもたらす実践TIPS＆テクニック」「スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン」ほか、ユーザーレビューをお届けします！
- 作者をフォローする
- フォローすると、この作者の新刊が配信された際に、お知らせします。
作品一覧
-
縁の下のUIデザイン──小さな工夫で大きな効果をもたらす実践TIPS＆テクニック
ビジネス・実用
4.01巻3,278円 (税込)UIデザインの中でも普段はあまり注目されることのない細かい部分にフォーカスした書籍です。デザイナーがどのような意図を持ってUIをデザインしているのかを解説します。身近なサービスを例として取り上げているので，実感を持って理解できます。筆者のデザイナーとしてのノウハウがふんだんに織り込まれているので，WebサービスのUIデザインをもっと良くするためのヒントになるはずです。 -
スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン
ビジネス・実用
4.81巻2,530円 (税込)※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ユーザーがつまずくことなく自然な操作で目的を実現できるようにするには何を知っておくべきか。UIをどのようにデザインすべきか。iPhoneアプリ、Androidアプリ、スマートフォンサイトを対象に、定番のUIコンポーネントをパターン化して解説。 ●本書「まえがき」より抜粋 ユーザーとスマートフォンの接点であるUIは、新しい体験や価値を感じてもらうためのものとしてだけでなく、ユーザーがつまずくことなく自然な操作で目的を実現でき役割を果たすものとして、デザインしなくてはなりません。 しかし、これは簡単なようでとても難しいことです。例えば、用途に合わないUIが使われていたり、iPhone（iOS）やAndroidというプラットフォームの標準デザインに沿っていなかったりと、自然で使いやすい操作ができない要因は様々です。この問題を解消する手段の1つとして考えられるのが、ユーザーがいつも見慣れて使い慣れた定番のUIを、デザインのベースにするということです。そのためには、定番のUIのラインナップと、それらの特徴を知ることが大切です。 本書は、スマートフォンアプリやサイトをデザインするうえで必要な、基本的なUIをコンポーネントごとにパターン化して紹介します。デザイナーはもちろん、ディレクターやエンジニアなどスマートフォンのサービス開発に係わるすべての人に役に立つ内容です。
ユーザーレビュー
-
Posted by ブクログ
★ 引用1文
普段ユーザーとしてサービスを使っていても「なぜこの配色になったのか」「ボタンがなぜここにあるのか」といったことを考えることは少ないと思います。しかし、そのような普段目に留まることのないような何気ないデザインも、すべて意図があって作られています。
★ 感想・レビュー
1人でウェブシステムを作ることになったのでこの本を読んだ。そうそうこういうデザイン多いよね～と納得のいく具体例と説明が良い。まさに上記の引用1文のように、よくあるデザインをTIPS的に綺麗にまとめられている。実例の画面がカラーで提示されているのがさらに良い。このような書籍はなかなか貴重かと思われる。デザインにおいては最高の一冊。それゆえか値段は少し張る。
Webデザイン素人の自分が1人でをイチから考えようとすると、本書で紹介されているデザインについてキチンと意識しての導入できなかったと思う。せいぜいどこかのサイトのデザインをパクって少しでもマシにする程度だろう。
デザインをパクっても、それが自分のウェブシステムにマッチしているかどうかはわからない。
■デザインする際によく考えるべき項目
・色（メインカラー、背景色、エラー時の色など）
・ヘルプUI/お知らせUI（強制的にするか、？アイコンで説明するかなど）
・動きを楽しませる工夫（ハートマークを押すと弾むなど）
・ライトフィードバック（いいね、とそれ以外のアクション）
・未読の表示（数を出す出さない、未読が消える条件）
・ボタンのデザイン（重要度によって2パターンのボタンを用意するなど）
・コンテンツの並べ方（カードUI/リストUI）
・エラーの伝えかた（タイミング、色など）
・サイトの特性（能動的コンテンツ、受動的コンテンツ）
・待ち時間の配慮（スピナーぐるぐる、プログレスバー）
・コンテンツがない場合の案内（ユーザー側でなんとかできるものかそうでないか）
・もっと見るの見せ方（展開、画面遷移、横スクロールなど）
★ 読後の行動
・自分のウェブサイトのデザイン設計時に上記内容を考慮する。
★ 得た知識など
各社がデザインガイドラインを出している。
iOS ⇒ Human Interface Guideline
Android ⇒ Material Design -
-
-
-
Posted by ブクログ
スマートフォンサイト、Androidアプリ、iOSアプリの横断的なUIの解説書。これまで各プラットフォームごとのUIについての書籍はあったけど、横断していたものはなかったのでプラットフォームごとの違いを知る事ができて良い。ガイドラインに記載されていないUIも、最近よく見るものについてはパターンとして解説されているし、アイコンの意味にまで踏み込んで解説してくれているので、OSに限らずUIを考える際に参考になりそう。クロスOS、スマホ最適化サイトのUIを考える際に読みたい本。よりプラットフォームに即したデザインを追求する場合は各プラットフォームのガイドラインを参照すると良い。
