池田拓司のレビュー一覧

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

池田拓司

★ 引用1文
普段ユーザーとしてサービスを使っていても「なぜこの配色になったのか」「ボタンがなぜここにあるのか」といったことを考えることは少ないと思います。しかし、そのような普段目に留まることのないような何気ないデザインも、すべて意図があって作られています。

★ 感想・レビュー
1人でウェブシステムを作ることになったのでこの本を読んだ。そうそうこういうデザイン多いよね～と納得のいく具体例と説明が良い。まさに上記の引用1文のように、よくあるデザインをTIPS的に綺麗にまとめられている。実例の画面がカラーで提示されているのがさらに良い。このような書籍はなかなか貴重かと思われる。デザインにおいては最高の一冊。それゆえか値段は少し張る。

Webデザイン素人の自分が1人でをイチから考えようとすると、本書で紹介されているデザインについてキチンと意識しての導入できなかったと思う。せいぜいどこかのサイトのデザインをパクって少しでもマシにする程度だろう。
デザインをパクっても、それが自分のウェブシステムにマッチしているかどうかはわからない。

■デザインする際によく考えるべき項目
・色（メインカラー、背景色、エラー時の色など）
・ヘルプUI/お知らせUI（強制的にするか、？アイコンで説明するかなど）
・動きを楽しませる工夫（ハートマークを押すと弾むなど）
・ライトフィードバック（いいね、とそれ以外のアクション）
・未読の表示（数を出す出さない、未読が消える条件）
・ボタンのデザイン（重要度によって2パターンのボタンを用意するなど）
・コンテンツの並べ方（カードUI/リストUI）
・エラーの伝えかた（タイミング、色など）
・サイトの特性（能動的コンテンツ、受動的コンテンツ）
・待ち時間の配慮（スピナーぐるぐる、プログレスバー）
・コンテンツがない場合の案内（ユーザー側でなんとかできるものかそうでないか）
・もっと見るの見せ方（展開、画面遷移、横スクロールなど）

★ 読後の行動
・自分のウェブサイトのデザイン設計時に上記内容を考慮する。

★ 得た知識など
各社がデザインガイドラインを出している。
iOS ⇒ Human Interface Guideline
Android ⇒ Material Design

スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン

池田拓司

スマホサイト・スマホアプリのデザインを考る際に、辞書として使いたい1冊。

iPhone・AndroidのそもそものUIの違いにも言及しながら、実際のサイト事例とパターンが数多く掲載されています。

利用シーンや使用上の注意点もまとめられおり、サービス内容やサイトの性質、ユーザーの用途・ニーズによって、最適なUIを考えることが大事だと改めて感じました。

スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン

池田拓司

スマホのさまざまなUIパターンの長所・短所をわかりやすくまとめた一冊。特に重宝したのが、AndroidとiPhoneに分けて特徴を紹介している点です。普段iPhoneしか触っていないので、AndroidのUIデザインをするときに要所をおさえやすかったです。

ただ、各UIパターンの豊富なサンプルを必要としている人にはちょっとだけ量が足りないかもしれないです。
(個人的にはサンプルが良質だったのであまり不満には思いませんでしたが)

スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン

池田拓司

スマートフォンにおける基本的なUIのパターンが整理されています。
これからスマホサイト・アプリにてUIの設計・改善などを行う上で最低限何ができるかを知れる必読の書です。

スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン

池田拓司

スマートフォンサイト、Androidアプリ、iOSアプリの横断的なUIの解説書。これまで各プラットフォームごとのUIについての書籍はあったけど、横断していたものはなかったのでプラットフォームごとの違いを知る事ができて良い。ガイドラインに記載されていないUIも、最近よく見るものについてはパターンとして解説されているし、アイコンの意味にまで踏み込んで解説してくれているので、OSに限らずUIを考える際に参考になりそう。クロスOS、スマホ最適化サイトのUIを考える際に読みたい本。よりプラットフォームに即したデザインを追求する場合は各プラットフォームのガイドラインを参照すると良い。

スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン

池田拓司

既存のUIパターンを多く知れるのが良い。よく見るUIだが、呼称がわからないものも多かったので、今後仕事を進める上ではなるべくこの本に書かれている呼称で統一していきたいと思う。本書ではスマートフォンサイト、Androidアプリ、iOSアプリの解説が同時進行で進むので、多少混乱するかも。

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

池田拓司

日常で当たり前に使っている
ウェブサイトやアプリのUIデザインを
言語化。実例が豊富でとてもわかりやすいです。
「あの機能ってそういう名前だったんだ」という
発見もあり、初心者にもおすすめです。

スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン

池田拓司

最近はきれいなギャラリーサイトもいっぱいあるから、
単純にデザインの参考にということであれば、
そういうサイト見てれば事足りることも多いんだけど、
一冊手元にあるとやっぱいい。

パーツごとに利用シーンや特徴がまとまっててなかなか使いやすい。
パラパラと眺めてるだけでもけっこう楽しい。

パッと見どれも似たようでいていまいち使いにくいアプリってけっこう多い。
適当にパーツを並べるんじゃなくて、1個1個意味を考えながら作って行きたいですね。

著者はクックパッドのデザイナーさん。

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

池田拓司

アプリやWebサービスを開発するときのあるある集。
２０２５年ではやや内容が古めではあるが、今でも通じるものも多い。

「エラーと確認」の章で、必要条件が成立しないと押せないボタンの件は、本当によくある話で、永遠にこれについて議論している節がある。筆者の言うとおり、私も基本的にはボタンは押せるようにしておく派である。ただし、最近は、すべてのケースでボタンを押せるようにしておくべきかでいうと微妙だなと思っています。理由は、明らかに押しても意味ないボタンを活性化させておく必要はないからである。例えば数量が０で買えるはずのない商品に対し得て購入ボタンを活性化させておくなどは、ユーザに期待をさせておいて実際には押してもエラーなどは体験的には良くないだろうと思うため。（この場合は、そもそもボタンを非表示などがいいのかもしれない）
とにかく、ボタンはデフォルトすべて非活性よりすべて活性化の方がまだましだが、一律活性化が正義かというとそうでもないなと思いはじめています。適材適所かなと。

本当に現場でよくある事例がたくさんあるので、UIデザインの失敗をしないためにさくっと読んでおいて損はない。