22
タブレット向け MovableType テーマ TABLET Gallery 」と縦組みのテーマのご紹介 合同会社アライアンス・ポート CTO, クリエイティブディレクター 山辺真幸( @masakick 2011.08.09

スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

Embed Size (px)

Citation preview

Page 1: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

タブレット向けMovableTypeテーマ「TABLET Gallery」と縦組みのテーマのご紹介

合同会社アライアンス・ポート CTO, クリエイティブディレクター 山辺真幸(@masakick)

2011.08.09

Page 2: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

iPad、タブレットの普及状況

Page 3: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

TechCrunch Japan 2011.3.3http://jp.techcrunch.com/archives/20110302apple-announces-100-million-iphones-15-million-ipads-sold/

Page 4: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

iPad世界出荷台数

• 1500万台(2010.4 - 2010.12 / 9ヶ月)

• 470万台(2011.1 - 2011.3 / 3ヶ月)

• 2011.3 iPad2世界発売

• 2011.4 iPad2日本発売

Page 6: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

ブラウジング環境

Googlehttp://domain.com

Web Page Title

PC

Carrier 12:00 PM

Page Title

http://www.domain.com Google

SmartPhone Tablet

Page 7: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

ウェブブラウジングタブレットとPCとの違い

Page 8: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

操作感、デザインはタブレットでは違和感

Page 9: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

タッチインターフェイス

• 指で触れることを前提としたデザイン• 視覚情報からのアフォードが必要

Page 10: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

距離

• 物理的な距離があることが前提。たくさんの情報、たくさんナビ。

• 物理的な距離が近い。じっくり読む。少ない情報。少ないナビ。

Page 11: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

ネイティブアプリに近いインターフェイス

Page 12: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

タブレットに最適なMovableTypeのテーマ

Page 13: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」
Page 14: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

特徴

• アプリのような美しいインターフェイス• デバイスの回転、スムーズなスクロール• ムービー再生にも対応• カラーバリエーションの設定

Page 15: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

主な利用シーン

• カタログ、商品一覧、• アートギャラリー、フォトギャラリー

Page 16: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

製品サイト

• http://www.allianceport.jp/tabletgallery/

Page 17: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」
Page 18: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

特徴

• 記事を縦組みで表示• 長文が読みやすく疲れない• 文中のリンク、ルビ表示に対応• 禁則、組版機能(先頭一字下げ、追出)

Page 19: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

主な利用シーン

• 小説・文芸サイト• 電子書籍サイト

Page 20: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

提供方法(予定)

• Movable Typeのテーマとして

• 弊社サイトからのダウンロード販売• 2011年8月を予定

Page 21: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

さらに、会員型サイト構築への展開

Page 22: スマートフォン向けテーマ「Tablet Gallery」と縦組みのテーマのご紹介」

こんなことができます

• コンテンツを課金したい。• 会員限定でサイトを公開したい。