MdNの本

スマートフォンデザイン見本帳

スマートフォンデザイン見本帳

スマートフォンデザイン見本帳

ユーザビリティや実用性にすぐれた、これからのスマホサイトと アプリのデザインのための、実践的デザインカタログ。

矢野りん 著
B5判 / 160pP
ISBN978-4-8443-6310-1 / 価格(本体2,500円+税)※電子版の価格は販売ストアにて
2012年12月26日発売

スマホやタブレット、PCなど、複数のデバイスでコンテンツを利用するユーザーが増える一方、そのデザインの在り方はいまだ発展途上であり、優れたデザインのスマートフォンサイトやアプリがどうあるべきか、悩んでいる現場も多数あることでしょう。モバイルファーストともいわれる中、ますますスマートフォンでコンテンツを閲覧するユーザーが増えるのは間違いありません。そのスマートフォンに表示されるコンテンツのデザインは、従来の平面的なデザイン概念とも、Webデザインとも違い、限られた表示領域とユーザビリティに対応したユーザーインターフェイスには、デザインの概念を超えた考え方が必要とされることになります。本書は、そんな現場に対応するべく、デザインと機能性にすぐれたスマートフォンサイトとアプリのデザインのポイントとインターフェイスの仕組みを、500点あまりの実例とともに具体的に解説しました。見た目だけのデザインではなく、ユーザビリティや実用性にすぐれた、これからのスマートフォンサイトとアプリのデザインのための、実践的デザインカタログです。

twitter facebook google+ このエントリーをはてなブックマークに追加 RSS

ページイメージ

クリックすると折りたためます
■ページ見本










目次

クリックすると開きます

【目次】
はじめに
目次
本書の見方

Part0 スマートフォン向けアプリの開発手法
スマートフォンのアプリケーションと開発
スマートフォンの定義とオペレーションシステム
 COLUMN スマートフォンの画面サイズと解像度

Part1スマートフォン UI パターンガイド
01│ドリルダウンナビゲーション Drill down Navigation
02│ダッシュボード Dashboard
03│アクションバー Action Bar
04│リストナビゲーション List Navgation
05│セグメントコントロール Segmented Control
06│エクスパンドリスト Expand List
07│タブ Tabs
08│ウィンドウシェイド Window Shade
09│カルーセル Carousel
10│ステッピング Stepping
11│スワイプのアクション Swipe for Action
12│クイックアクション Quick Action
13│ツールバー Tool Bar
14│オプションメニュー Option Menu
15│モーダルダイアログ/モードレスダイアログ Modal Dialogue /Modeless Dialogue  COLUMN ヘルプ画面と組み込み方について

Part2 用途別画面デザイン見本
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

カスタマーレビュー(出典:amazon.co.jp)

カスタマーレビュー(出典:amazon.co.jp)