スマホページ・アプリのさまざまなUIの特徴と実装の注意点がまとめられた無料のeBook -UXPin
Post on:2014年7月10日
スマホページやスマホアプリで実際に使用されているさまざまなUIエレメント・コンテンツの見せ方・アニメーションの特徴、そしてそれらの実装の際の注意点などを一冊のPDFにまとめた無料のeBookを紹介します。

Mobile UI Design Patterns 2014
本書は以前、紹介したUXPinのシリーズで、ウェブ制作の参考になるPDFが他にも無料でダウンロードできます。
eBookは全編英語ですが、英語が苦手な人でもグラフィックを見るだけで十分にためになると思います。
本書の中身を簡単に紹介します。

まずは表紙、本書はオールカラー全135ページです。

1章は本書の紹介、2章から本格的な内容がスタートします。まずはスマホのジェスチャの解説。

スマホでよく使われるアニメーションの説明。

3章はユーザーが入力するUI。

実際のUIを参考にその特徴と利点、実装の際の注意点などが解説されています。

4章はナビゲーション。

例えばスティッキータイプのナビゲーション、これはいつでもアクセスできることを目的としたもので、ユーザーがよく使うアイテムのみを配置させておきます。

スライドするサイドバーは、現在表示しているコンテンツを表示したまま別のコンテンツを表示し、異なるセクション間の移動を違和感なく実現させます。

5章はコンテンツマネジメント。スマホならではのコンテンツの見せ方、データの扱い方がたくさん掲載されています。

インタラクティブなコンテンツレイヤー。

透過パネルを使ったコンテンツ。

地図を背景に使ったコンテンツ。

データがない状態のコンテンツ。
PDFをダウンロードするには、下記ページの下方にメールアドレスを入力します。

Mobile UI Design Patterns 2014
「Send Me the Book」ボタンをクリックすると、ダウンロードページに移動するので、左上の「Download」からPDFをダウンロードできます。

ダウンロードページ
sponsors