スマホUIを劇的に改善する3つの工夫。Webアプリはネイティブアプリを凌駕する。navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。TOPモバイルファーストマーケティングラボモバイルファーストマーケティングラボスマホUIを劇的に改善する3つの工夫。Webアプリはネイティブアプリを凌駕する。2014.07.242016.08.05スマートフォンHOMEレビュースマホUIを劇的に改善する3つの工夫。Webアプリはネイティブアプリを凌駕する。ネイティブアプリかWebアプリかスマホに特化されたUIが特徴リゾートホテルや高級旅館の予約ができる「一休.com」。今はレストラン予約やショッピング、ビジネスホテルの予約にも業態を広げ総合的な予約システムを提供しています。今回は一休.comを使ってホテルの予約をしてみました。HTML5やJavaScriptを使ってネイティブアプリのような動作を実現し、スマホに特化したインターフェイスが印象的でした。一休.comはネイティブアプリでもサービスを提供していますが、今回はスマホサイトを例にスマホUIを見て行きたいと思います。http://www.ikyu.com/sd/IkSdIndex.aspxQRコード検索動線が整理されたTOPページTOPページでは検索カテゴリが整理されていて、「今日泊まれる宿」「明日泊まれる宿」「近くの宿」などユーザーが探しやすいコンテンツが配置されています。今回はスマホの動きを確認していただけるように、動画を撮影してみました。ネイティブアプリと遜色ないカレンダーを使った検索をHTML5+JavaScriptで実現しています。泊数を指定し最初に泊まる日をカレンダーから選択すれば、宿泊日数予定が色付きで表示されます。翌月を表示する動作もスムーズです。モーダルウィンドウを使って選択画面が表示されるので、いちいちカレンダー画面に遷移する必要なく通信も途切れることがありません。モバイルユーザの特性をよく理解した構成になっています。選択や、宿泊人数の設定も画面を遷移することなく画面上に選択画面が現れ、モーダルウインドウ上で検索条件の指定が可能です。子供人数も細かく設定することができ、検索条件の指定も使い勝手が高いです。宿泊施設の詳細に入るとレビューや宿の詳細写真、部屋の種類一覧を見ることができます。ECサイトでは商品詳細ページに商品ごとのレビューを遷移することなく同じ画面で表示させることができるので、こちらも参考になりそうです。株式会社IMJIMJの調査で、スマホECを利用するユーザの不満点1位は「1ページの情報量が少ない(ページ遷移が多い)」ことです。いつ、どこでネットに接続しているか分からず、移動中などの通信環境が不安定なモバイルユーザには、画面遷移をさせることなくサイトコンテンツを提供しなければなりません。上記3つの画面を遷移させない工夫で、モバイルユーザのストレスは大きく軽減されるでしょう。ネイティブアプリかWebアプリか長らく議論がされている「ネイティブアプリ」vs「Webアプリ」それぞれメリットデメリットがありますが、今回のホテル予約の一休.comを見て今後WebサービスはWebアプリに収束していくだろうと感じました。Webアプリで言われるデメリットととして「動作速度」や「オフラインでの動作制限」が挙げられます。スマートフォンの処理速度や通信回線の高速安定化、キャッシュなどの活用によってこれらの問題はほぼ解消されます。OSは全てUIをWebアプリとして開発できることが明らかになっています。HTML5、CSS、JavaScriptで動作をする仕様で、開発者は柔軟な開発ができるようになりました。MDNプラットフォームに依存しないWebアプリケーションの開発は、開発する側にとっても利用するユーザにとってもメリットがあるので、今後はWebアプリベースでの構築が主流になるでしょう。モバイルファースト・マーケティングラボ.”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。投稿一覧15歳の時に初めて携帯電話を手にして約15年。モバイルの面白さ、奥深さに魅了されて入社。中心に業種問わず様々なクライアントをサポートしております。合わせて情報サイト、「モバイルファーストマーケティングラボ」の編集長として、毎日モバイルマーケティングの情報を発信中。ECによってより便利で過ごしやすい世の中を作るお手伝いができればと思います。「インターネットでより豊かな人生を」がモットー。2013.10.31商品点数が多いECサイトになると、情報の表示方法次第で、サイトのユーザビリティが大きく変わってきます。スマートフォンサイトに限らずモバイルでのサイト運営を考える上で、外してはいけないポイントは「ユーザーにストレスを与えない」ことです。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。サイト内検索スマートフォンカテゴリの最新記事2019.02.01スマホからの売上UP!後払い決済を導入すべき理由とは2018.09.14ECサイトには必須?Google提唱のマイクロモーメントの意味と対策2018.06.06インスタグラムからECサイトで直接購入可能に!ショッピング機能「ShopNow」が日本解禁。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。