短期間 スマホウェブ開発

2012/06/14植草 学 @mauekusa

市場状況

7割 スマートフォン

http://mb.softbank.jp/biz/trend_report/114.html

タブレットも右肩上がり

http://mb.softbank.jp/biz/trend_report/114.html

スマートフォン OSシェア

その他17%

Android19%

iOS63%

http://marketshare.hitslink.com/operating-system-market-share.aspx?qprid=8&qpcustomd=1&qpcd=1300

iPhoneAndroidで

8割

スマートフォン多種多様

スマートフォンサイト

Simple情報を絞る

文字は、13文字以内

スマホWeb

or

ダウンロード 必要 なし公開時申請 必要 なしGPS ○ ○写真 ○ ×

今後可能性ありPush通知 ○ ×オフライン圏外 ○ ○

修正 アプリ再配布 即時

appli web

＋

Hybrid

iPad 1024x768

iPhone320x480

iPhoneHVGA320x480

HD 1280x720iPad XGA 1024x768

ダブルVGA 960x640QHD 960x540

ワイドVGA 800x480

フルワイドVGA++ 960x480

フルワイドVGA 854x480

スマホ・タブレット 解像度

解像度個別に作るか？

Web

WebWeb

Web

Web

Responsive Web Design

CSSが面倒

3つのグレード

codiqa

codiqa demo

http://youtu.be/ZyyClRan3a8

Webアプリこつ

Simple

ビジュアル メニュー直感的

メニューアイコン化

メニューサムネイル

LV. 30EXP 78/120

フィードバック

件数表示 結果表示

プレビュー表示

OKボタンサイズ

縦横 44px 以上

リストは、３～４行程度

入力より選択

UI要素 組合せ

コンポーネントに慣れる

タブレット

タップしやすい画面

View表示

タブレット特徴

ワンコイン（ 100円 ）で簡単に、スマホ・タブレットを活用するサービス

Mobile Perfect SP

まとめ

高速開発

目的ハッキリ

ユーザー視点

Simple

繰り返し改善

たくさんチャレンジ！

Thanks. @mauekusa