スマートフォンデザイン見本帳
MDN
著者：矢野りん
はじめに
目次
本書の見方
PART 0 スマートフォン向けアプリの開発手法
スマートフォンのアプリケーションと開発
スマートフォンの定義とオペレーションシステム
COLUMN スマートフォンの画面サイズと解像度
PART I スマートフォンUIパターンガイド
01 ドリルダウンナビゲーション
02 ダッシュボード
03 アクションバー
04 リストナビゲーション
05 セグメントコントロール
06 エクスパンドリスト
07 タブ
08 ウィンドウシェイド
09 カルーセル
10 ステッピング
11 スワイプのアクション
12 クイックアクション
13 ツールバー
14 オプションメニュー
15 モーダルダイアログ／モードレスダイアログ
COLUMN ヘルプ画面と組み込み方について
PART II 用途別画面デザイン見本
01 新着情報 一覧性を極めて機能的に、華やかさで魅力的に
02 アクティビテイ 本当に有効な情報を厳選して取りあげる
03 記事の表示 動きながらでも読めるデザイン
04 このアプリ／サイトについて 遊び心が個性になる
05 カレンダー表示 日付に関連する情報の整理方法
06 カメラアプリのレイアウト 「特別な風景」を作る装置
07 チェックイン 機能をアイコンで表現し、常駐させる
08 アプリの使い方説明 自己紹介も兼ねた情報提供
09 ツールチップ 操作しながら学習できる仕組み
10 コメント欄 アプリに「人の気配」を与える部品
11 テキスト入力／編集画面 ソフトキーボードのサイズを予測しておく
12 リスト表示 リズムのある使用感を提供する
13 ログイン画面 入カフィールドの他に説明も入れる
14 メッセージの表示 ユーザーとの対話手段
15 独創的なナビゲーション 斬新な課題設定で目新しさを出す
16 ニュースー覧 時間軸を意識してできるだけ多く並べる
17 ノーティフィケーション(通知) 登場の仕方に工夫を凝らして気づきを与える
18 写真のサムネイル表示 正方形で並べやすく、面白みも出す
19 吹き出し 会話に近い内容を吹き出し表示にする
20 ユーザーのプロフィール 遊び心のあるデザインで書き込みやすく
21 検索画面 必要時に入カフィールドを呼び出す
22 設定画面 後から追加できる柔軟な設計が望ましい
23 記事の共有機能 デバイスに応じて設計を変える
24 ユーザー登録 時間短縮とアプリの勉強の両面で検討
25 スプラッシュ画面 アプリの顔でプログレスを表示する
26 凝ったタブバー アプリの問題を解決し美しい装飾を作る
27 タイムライン 自由なスタイルでコメントを読んでもらう
28 メニュー OSや環境によって設置場所を変える
掲載サイト／アプリ出典―覧
索引 INDEX