Enviar búsqueda
Cargar
モバイル革命到来!世界でもっとも信用されているサービス
•
0 recomendaciones
•
686 vistas
株式会社ドーモ
Seguir
同一URLでモバイルサイトを構築するone web ソリューションを実例と共に紹介します。
Leer menos
Leer más
Vista de diapositivas
Denunciar
Compartir
Vista de diapositivas
Denunciar
Compartir
1 de 30
Descargar ahora
Descargar para leer sin conexión
Recomendados
モバイルサイト構築の大誤解!
モバイルサイト構築の大誤解!
株式会社ドーモ
iPhoneやiPadで見やすいウェブサイトの作り方
iPhoneやiPadで見やすいウェブサイトの作り方
株式会社ドーモ
先を行くユーザーさんにアンケートでできる定性調査を
先を行くユーザーさんにアンケートでできる定性調査を
Chiemi Hori
落とし物を防ぐIoTタグのUX
落とし物を防ぐIoTタグのUX
Iku KAMIYA
ユーザとの「初めまして」をより良くするために。
ユーザとの「初めまして」をより良くするために。
akatsuki174
エンジニアがUXに興味を持った経緯と初期衝動
エンジニアがUXに興味を持った経緯と初期衝動
fumicos
スマートフォン・タブレットに対応したサイト構築の考え方
スマートフォン・タブレットに対応したサイト構築の考え方
Youhei Iwasaki
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
Recomendados
モバイルサイト構築の大誤解!
モバイルサイト構築の大誤解!
株式会社ドーモ
iPhoneやiPadで見やすいウェブサイトの作り方
iPhoneやiPadで見やすいウェブサイトの作り方
株式会社ドーモ
先を行くユーザーさんにアンケートでできる定性調査を
先を行くユーザーさんにアンケートでできる定性調査を
Chiemi Hori
落とし物を防ぐIoTタグのUX
落とし物を防ぐIoTタグのUX
Iku KAMIYA
ユーザとの「初めまして」をより良くするために。
ユーザとの「初めまして」をより良くするために。
akatsuki174
エンジニアがUXに興味を持った経緯と初期衝動
エンジニアがUXに興味を持った経緯と初期衝動
fumicos
スマートフォン・タブレットに対応したサイト構築の考え方
スマートフォン・タブレットに対応したサイト構築の考え方
Youhei Iwasaki
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
株式会社ドーモ
HTML5時代のWebデザイン
HTML5時代のWebデザイン
masaaki komori
20140320ニフティクラウドmeet-up!セミナー資料1
20140320ニフティクラウドmeet-up!セミナー資料1
NIFTY Cloud
企業WebサイトにおけるグローバルWebガバナンスパターン
企業WebサイトにおけるグローバルWebガバナンスパターン
Concent, Inc.
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Masahiro Hidaka
Sixapart day-2012-ideamans
Sixapart day-2012-ideamans
Kunihiko Miyanaga
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
アシアル株式会社
次の5年のUIを考える
次の5年のUIを考える
Saori Baba
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
インフラジスティックス・ジャパン株式会社
Schoo講演資料130409
Schoo講演資料130409
Ryosuke Matsumoto
Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
Wimob Presentation - Japanese
Wimob Presentation - Japanese
Wimob
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Nobuya Sato
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Yasuhisa Hasegawa
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
Nobuya Sato
レスポンシブウェブデザインの今後を考える
レスポンシブウェブデザインの今後を考える
Akinori Kawamitsu
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
Hiroyuki Makishita
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
壽子 大倉
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Mikihiro Fujii
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
Más contenido relacionado
Similar a モバイル革命到来!世界でもっとも信用されているサービス
マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
株式会社ドーモ
HTML5時代のWebデザイン
HTML5時代のWebデザイン
masaaki komori
20140320ニフティクラウドmeet-up!セミナー資料1
20140320ニフティクラウドmeet-up!セミナー資料1
NIFTY Cloud
企業WebサイトにおけるグローバルWebガバナンスパターン
企業WebサイトにおけるグローバルWebガバナンスパターン
Concent, Inc.
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Masahiro Hidaka
Sixapart day-2012-ideamans
Sixapart day-2012-ideamans
Kunihiko Miyanaga
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
アシアル株式会社
次の5年のUIを考える
次の5年のUIを考える
Saori Baba
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
インフラジスティックス・ジャパン株式会社
Schoo講演資料130409
Schoo講演資料130409
Ryosuke Matsumoto
Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
Wimob Presentation - Japanese
Wimob Presentation - Japanese
Wimob
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Nobuya Sato
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Yasuhisa Hasegawa
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
Nobuya Sato
レスポンシブウェブデザインの今後を考える
レスポンシブウェブデザインの今後を考える
Akinori Kawamitsu
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
Hiroyuki Makishita
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
壽子 大倉
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Mikihiro Fujii
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
Similar a モバイル革命到来!世界でもっとも信用されているサービス
(20)
マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
マルチスクリーン時代のモバイルサイト構築方法~Googleのルールにかなう方法~
HTML5時代のWebデザイン
HTML5時代のWebデザイン
20140320ニフティクラウドmeet-up!セミナー資料1
20140320ニフティクラウドmeet-up!セミナー資料1
企業WebサイトにおけるグローバルWebガバナンスパターン
企業WebサイトにおけるグローバルWebガバナンスパターン
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Sixapart day-2012-ideamans
Sixapart day-2012-ideamans
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
次の5年のUIを考える
次の5年のUIを考える
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
Wimob Presentation - Japanese
Wimob Presentation - Japanese
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
Developers Summit 2013【15-E-3】モバイルファースト再考(Rethinking Mobile First)
レスポンシブウェブデザインの今後を考える
レスポンシブウェブデザインの今後を考える
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
モバイル革命到来!世界でもっとも信用されているサービス
1.
i メディア をもっと面白く! モバイル革命到来! 世界でもっとも信用されているサービス 世界でもっとも信用されているサービス Copyright
© 2014 DOMO.INC All Rights Reserved. 1
2.
i メディア をもっと面白く! モビファイ マルチスクリーン対応のための信頼のサービス Googleのマルチスクリーン アプルーブド・ベンダー」に認定 「アプルーブド・ モビファイは、米Googleによる「アプルーブド・ベンダー」に認 定されています。Googleはレスポンシブウェブデザインをマルチ スクリーン時代の推奨Webとしていますが、モビファイはレスポ ンシブウェブデザインと同じ状態をJavaScript適合で実現します 。結果、SEO対策、ソーシャルシェア、アクセス解析においても 理想的なWeb環境を作り出します。 米フォレスター・リサーチ:レポート モバイルEコマースのトップベンダー10社の 中で、Web部門において最高得点を獲得 米フォレスター・リサーチは、2013年12月27日、今後のEコマー ス・リテイラーの用途や目的にかなうトップモバイルベンダー10社 の評価を発表しました。このモバイルWeb部門において、モビファ イ社は全10社の中でもっとも高い評価ポイント(5.0point)を獲得 しました。 Copyright
© 2014 DOMO.INC All Rights Reserved. Mobile Web部門 部門 5点満点 点満点
3.
i メディア をもっと面白く! One
Web ソリューション 美しく、リッチなデザインと 同一URLを実現する 同一 を実現する ただひとつWebソリューション Copyright © 2014 DOMO.INC All Rights Reserved. 3
4.
スマートフォンの位置づけ i メディア をもっと面白く! PCがサブになり、3つのタブレット(スマホ)が主役となる。 3つのタブレット(スマホ)が主役となる 9.7inch 4~5inch 6~7inch モバイルファーストによるサイト設計 注力する作業のみ Copyright
© 2014 DOMO.INC All Rights Reserved. 4
5.
アプローチ方法のそれぞれ i メディア をもっと面白く! 混沌とするスマホサイト化へのアプローチ レスポンシブ デザイン プラグイン対応 携帯コンバート HTML5? PCコンバート CMS 組み込み 専用サイト構築 Copyright
© 2014 DOMO.INC All Rights Reserved. 5
6.
ワンソース・マルチデバイスの発想i メディア をもっと面白く! テンプレートを作成で ひとつのWebで マルチデバイスに対応! 9.7inch ×1.3(コスト) 6~7inch 製作コスト・運用コスト、 人的コストを劇的に下げる Copyright
© 2014 DOMO.INC All Rights Reserved. 4~5inch 6
7.
モバイルに必要なこと i メディア をもっと面白く! モバイルファーストに必要な条件 1.高速な表示性能(画像ローディング) 2.同一URLで統合的なWeb環境 3.7インチ・タブレットにも対応 4.確実なセキュアの確保 5.リッチなデザイン表現 Copyright
© 2014 DOMO.INC All Rights Reserved. 7
8.
i メディア をもっと面白く! ・2007年設立のテクノロジー集団 ・5年間の運用実績 ・グローバル20,000件のアカウント発効 ・mobifyプラットフォームで世界のスマホUUの20% を作りだしています。(2011年) 2011年Mobifyによるユニークビジターは、1億6700万人。世界スマートフォン人口 が8億3500万人とされるなか(モルガン・スタンレー調べ)、約20%に相当します。 Copyright
© 2014 DOMO.INC All Rights Reserved. 8
9.
i メディア をもっと面白く! 米国スターバックス・コム Copyright
© 2014 DOMO.INC All Rights Reserved. 9
10.
i メディア をもっと面白く! Copyright
© 2014 DOMO.INC All Rights Reserved. 10
11.
i メディア をもっと面白く! 世界のモバイルリーダーたちの信頼 Copyright
© 2014 DOMO.INC All Rights Reserved. 11
12.
国内における導入実績 国内における導入実績 (Mobify PRO) 花王様 エマール キュレル コーポレートサイト ソフィーナ Copyright
© 2014 DOMO.INC All Rights Reserved. i メディア をもっと面白く! スクロール様 ソフィーナプリマヴィスタ scroll shop ロマンティックプリンセス マイカジスタイル marble & marsh Rapty 12
13.
国内における導入実績 国内における導入実績 (Mobify PRO) i
メディア をもっと面白く! 「 NTTレゾナント様: goo自動車&バイク」 「トヨタマーケティングジャパン様: ドックサークル」 「 HONDA様: 社内イントラネット」 「 サンリオ様: 公式サイト」 「 アイスタイル様: @BEAUTIST」 Copyright © 2014 DOMO.INC All Rights Reserved. 「新潮社様: ニコラネット」 「ローソンHMVエンタテイメント様: ローチケ.com」 13
14.
i メディア をもっと面白く! 高速な表示性能 PCサイトの1/10以下の容量に 必要な要素しか読み込みしません。Proシ リーズはさらに90%削減。 ※モバイルの環境化では、読み込み時間は5秒 以下を推奨しています。 Copyright
© 2014 DOMO.INC All Rights Reserved. 14
15.
i メディア をもっと面白く! OneWeb
ワールド 完全な同一URL スマホも、タブレットもPCも Copyright © 2014 DOMO.INC All Rights Reserved. 15
16.
i メディア をもっと面白く! タブレット対応 ・7inch対応。Kindle
fire、Nexus7も、 iPad miniもすぐさま対応。(作り替え不要) ・Eコマースで効果をあげるタブレット対策に。 Copyright © 2014 DOMO.INC All Rights Reserved. 16
17.
i メディア をもっと面白く! リッチなデザイン&モバイルUI リッチなデザイン&モバイル ・美しいデザインを提供 ~スクラッチと同じレベルのデザインが可能 ・タッチ&スワイプのデザイン。効果をあげる UIデザインの提供 Copyright
© 2014 DOMO.INC All Rights Reserved. 17
18.
i メディア をもっと面白く! 最適化 UIデザイン 9.7インチのiPadでも、専 用のデザインにすること で、コンバージョンを上げ ています。タッチ&スワイ プの操作に併せた、UIデ ザインの最適化を行うこ とが重要です。 https://vimeo.com/42431506 Copyright
© 2014 DOMO.INC All Rights Reserved. 18
19.
i メディア をもっと面白く! セキュアの確保 ・フェールセーフな仕組み 万が一のトラブルでも、PCサイトを表示し ます。 Copyright
© 2014 DOMO.INC All Rights Reserved. 19
20.
自動変換の仕組みとは? i メディア をもっと面白く! 多くはプロキシー型による変換 タグ設置 m.yourdomain.co.jp Proxy セキュアが100%とはいえない。 サーバ SSL サーバ Copyright
© 2014 DOMO.INC All Rights Reserved. 20
21.
自動変換の仕組みとは? i メディア をもっと面白く! クラウド&Tagマネージメント方式 タグ 設置 yourdomain
.co.jp セキュアが100%確保 Cloud Copyright © 2014 DOMO.INC All Rights Reserved. 画像&テンプレート 情報のみ送信 21
22.
i メディア をもっと面白く! Professional
Services ・デザインと開発のフルサポート 初期セットアップをお手伝いします。 ・サイトの共同開発とトレーニング レクチャー、サポート、マニュアル提供などサイト 構築のサポートを行います。 Copyright © 2014 DOMO.INC All Rights Reserved. 22
23.
OneWebソリューション i メディア をもっと面白く! 方式 One
Web ソリューション スクラッチ サブドメイン domain.com m.domain.com (別ドメイン) リアルタイムコンテンツの更新 ◯ メールマーケティングの統合 ◯ リスティング広告との統合 ◯ オーガニック検索の最適化 ◯ × ソーシャルメディアの集客、拡散 ◯ × Analyticsの統合 ◯ × A/Bの最適化試験 ◯ × アフィリエイトコード&トラッキング ◯ × クーポンコード&モバイル専用クーポン ◯ Copyright © 2014 DOMO.INC All Rights Reserved. 別々に更新 × キャンペーンが二度手間、非効 率 開発・カスタマイズが必要 23
24.
i メディア をもっと面白く! 変換ツールを超えたプラットフォーム もっとも先進の ワンソース&マルチデバイス対応 サービス Copyright
© 2014 DOMO.INC All Rights Reserved. 24
25.
i メディア をもっと面白く! Copyright
© 2014 DOMO.INC All Rights Reserved. 25
26.
i メディア をもっと面白く! スマートフォン比率は4.7%から
%に増加 スマートフォン比率は %から21%に増加 %から ※2011年1月と2012年1月のデバイス比率比較 2011年1月 スマホ比率 4.7% Copyright © 2014 DOMO.INC All Rights Reserved. 2012年1月 スマホ比率 21% 26
27.
i メディア をもっと面白く! 高い所有率、今後の購入検討者も多い スマホ、タブレットの所有率
/ 今後の購入意向 iPad Android 19.4 20.0 4.9 13.5 タブレット iPhone Android 19.4 23.4 21.9 26.3 スマホ Copyright © 2014 DOMO.INC All Rights Reserved. 27
28.
i メディア をもっと面白く! 進むマルチデバイス対応 iPad Android iPhone Webアプリ Webアプリ (SP
Bata) 電子版 マーケット PC 新聞 Copyright © 2014 DOMO.INC All Rights Reserved. 28
29.
i メディア をもっと面白く! 【平日】端末別利用時間帯 PC(n=894) 100 (%) iPad用アプリ(n=372) 80 スマートフォン用アプリ(n=513) 紙 紙(n=788) 60 iPad 40 20 0 朝 出 勤 日 勤 休 め 他 め 中 め 勤 日 朝 中 勤 学 の 先 ・ 外 ・ 自 め 先 先 間 学 出 学 宅 め 時 勤 通 憩 ・ 宅 勤 自 で 夜 就 先 宅 学 移 自 ・ で 帰 途 始 ・ 業 先 / 校 先 校 上 業 学 中 ・ 空 な へ な / 前 校 に 学 い ど の ど 外 に な 校 た 外 移 外 出 ど な 時 出 動 出 出 先 外 ど 間 先 中 先 先 へ 出 の に で に か か の 先 ら ら で 動 校 宅 な 中 途 ど に 中 外 に の で Copyright
© 2014 DOMO.INC All Rights Reserved. の 29
30.
i メディア をもっと面白く! Mobifyは米 は米Googleが認定した が認定した は米 が認定 マルチスクリーンベンダーです。 http://www.google.com/think/mult iscreen/vendors.html Copyright
© 2014 DOMO.INC All Rights Reserved. 株式会社ドーモ モバイル事業部 東京都中央区築地2-11-26 築地MKビル TEL:03-6228-4616 今井・西村・山崎 30
Descargar ahora