短期間でのスマホ向けWeb開発

短期間スマホウェブ開発 2012/06/14 植草学 @mauekusa

市場状況

7割スマートフォンhttp://mb.softbank.jp/biz/trend_report/114.html

タブレットも右肩上がりhttp://mb.softbank.jp/biz/trend_report/114.html

スマートフォン OSシェア iPhone その他 17% Androidで Android 19% iOS 8割 63%http://marketshare.hitslink.com/operating-system-market-share.aspx?qprid=8&qpcustomd=1&qpcd=1300

スマートフォン多種多様

スマートフォンサイト

Simple情報を絞る

文字は、13文字以内

スマホWeb

appli webダウンロード必要なし公開時申請必要なし GPS ○ ○ 写真 ○ × 今後可能性ありPush通知 ○ ×オフライン ○ ○ 圏外修正アプリ再配布即時

＋Hybrid

iPad 1024x768 iPhone 320x480

スマホ・タブレット解像度 iPad XGA 1024x768 HD 1280x720 ダブルVGA 960x640 QHD 960x540iPhone フルワイドVGA++ HVGA 960x480320x480 フルワイドVGA 854x480 ワイドVGA 800x480

解像度個別に作るか？

Responsive Web Design Web Web Web Web Web

CSSが面倒

3つのグレード

codiqa

codiqa demohttp://youtu.be/ZyyClRan3a8

Webアプリこつ

Simple

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

メニューアイコン化

メニューサムネイル

フィードバックLV. 30EXP 78/120

件数表示結果表示

プレビュー表示

ボタンサイズ OK縦横 44px 以上

リストは、３∼４行程度

入力より選択

コンポーネントに慣れる UI要素組合せ

タブレット

タップしやすい画面

タブレット特徴 View表示

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

まとめ

高速開発

目的ハッキリ

ユーザー視点

Simple

繰り返し改善

たくさんチャレンジ！Thanks. @mauekusa

http://blog.bot.vc	673
http://bikkuri.me	192
http://test.shuffle.beat.co.jp	80
http://webhoric.com	25
http://takashi209.blogspot.jp	15
http://ponnao.com	11
http://storify.com	9
http://takashi209.blogspot.com	7
http://local.tadano	6
http://us-w1.rockmelt.com	6
http://s.deeeki.com	5
http://localhost	3
http://feeds.feedburner.com	2
http://translate.googleusercontent.com	2
http://b.hatena.ne.jp	1
http://webcache.googleusercontent.com	1

短期間でのスマホ向けWeb開発

by Manabu Uekusa on Jun 14, 2012

Accessibility

Categories

Upload Details

Usage Rights

16 Embeds 1,038

Statistics

短期間でのスマホ向けWeb開発 Presentation Transcript