モバイル向けナビゲーションデザインには、さまざまな形やスタイルが登場しています。すべてのナビゲーションメニューが同じ構造であれば、ユーザーにとっても直感的で分かりやすいかもしれませんが、現実はそれほど単純ではありません。 独自の問題を抱えたモバイルアプリは、ナビゲーションメニューのデザインによってそれらの問題を解決することもできます。たとえば、７〜8つほどの主要メニュー項目がある場合はおそらくハンバーガーメニューを採用し、３つほどのメニュー項目の場合はタブバー形式を実装するかもしれません。 デザイナーが製品やユーザーのために最適化したナビゲーションメニュー設計では、クリエイティブで画期的なデザインがいくつか見られます。今回は、ナビゲーションメニューを作成するときに参考にしたい、革新的な実例サンプル例をまとめてご紹介します。 ハンバーガーメニューが進化中！2018年に押さえておきたい最新トレ

「Accelerated Mobile Pages」と呼ばれるGoogleが推し進めてきたプロジェクトですが、とうとう正式導入されることになりました。「Accelerated」は「加速される」という意味で、つまりモバイルページ高速化プロジェクト、といったところでしょうか。 まずは導入後のイメージを御覧ください。（英語ですが公式サイトのイメージよりもわかりやすいです） このように、検索結果にカルーセル形式で表示され、リンクをタップすると物凄いスピードでページが表示されます。 自分の携帯で試してみたい方は、下記URLのGoogle検索画面から「ニュース」というキーワードなどで検索してみてください。 http://g.co/ampdemo（※スマホからアクセスしてください） 既にTwitterやアメブロなど、様々なメディアがAMP対応を導入しています。 Googleが過去に発表してきた、モバイル

米Googleは8月23日（現地時間）、モバイルでの検索結果の表示ランクアルゴリズムの変更を発表した。ユーザーのモバイルWeb体験を損なうWebサイトのランクを下げ、「モバイルフレンドリー」なWebサイトを優遇する取り組みの一環だ。 今回の変更では、ユーザーが検索結果をタップした先で、目的のコンテンツを覆い隠すように表示されるポップアップ、目的のコンテンツを表示する前に挟まれる単体のページ、目的のコンテンツの上半分を隠す単体ページなどの、いわゆる「インタースティシャル」なコンテンツ（主に広告）を表示するWebサイトのランクを下げるようにする。 この変更は2017年1月10日から実施される。 インタースティシャルなコンテンツでも、以下のようなものはランクダウンのシグナルにはならない。 クッキー使用や、年齢制限の告知など、法的に必要な情報を表示するもの ログイン画面（メールアドレスなど個人情報

「音声検索をつかう子どもたち」を取材しました。今回は「実際に見たほうがわかりやすいだろう」と思い、動画にて用意してみました。 先日Googleが「Googleのモバイル検索（クエリ）の20％は音声検索※」と発表していましたが、その一部はこうした子どもたちなのかも。 ※サンダー・ピチャイCEOの講演（Google I/O）より。 音声検索をつかいこなす子どもたち 物心がついたときから、スマホをさわっている「真のスマホネイティブ」たちの、動画を紹介していきます。 １、YouTubeで「トーマス動画」を探す男の子。 YouTubeで「トーマスの事故」という動画を検索する男の子（4歳）。イントネーションのせいか、なぜか「遠野なぎこ」と認識される。

マイクロソフトのHoloLensなんかをみていると、これからはやはりVRとかARみたいな技術がどんどん社会を良く変えていくのだろうと、ワクワクさせられますよね。 …とはいえ、こういった技術はネイティブが主流という感じがします。リアルタイム性の高さ、ハードウェアの性能が求められるゆえに、Webだとどうしてもそういうのは難しいと考えられがちでしょう。私もそう考えていた時代がありました。 ところが、ある日のこと… 林田「なぁ、かわちゃん。NRIでハッカソンするから来てやー」 川田「は？嫌やし、なんでそんなん行かなあかんねん」 林田「そんなん言うなよー」 川田「おれ、ハッカソン苦手やねん。一人で淡々とコード書いてる方が、凄く集中できて楽しいしな」 林田「たのむってやー、モバイルWebでVRするねん！」 川田「わかった、いますぐ行く！」 学生時代の知人の誘いで、なんとなくモバイルWebでVRしに行く

Google I/O 2015でのセッション「The Next Generation Mobile Web(次世代のモバイルWeb)」がそこそこに激アツな気がしたのですが、予想に反し、あまり注目を集めていません。 わかります。大衆向けなメディアだと、AndroidやVR/AR、Google Photosのようなわかりやすいキーワードの方が注目されるでしょう。エンジニア向けメディアであっても、昨今のモバイル技術の状況を鑑みて、ネイティブアプリの方を扱いたいと感じるのが当然です。 先日、某懇親会で「え、モバイルをWebでやっているのですか？それ、完全に負け組じゃないですか」と言われ、そこまで印象が悪いものかと心を痛めました。負け組とか、Webがかわいそうじゃないか。 そんな状況というのもありまして、先日の「第58回HTML5とか勉強会」では、あえてGoogleらが考える「次世代モバイルWeb」

ここ最近、モバイルWebコミュニティにて、Apptimize社のトップであるLynn Wang氏がポストした「7 Mobile UX Mistakes You’re Probably Making Right Now」が話題になっています。 www.sitepoint.com その内容とは、彼女自身が、A/Bテストを使い様々なモバイルアプリの改善を行い、その中で得られた知見をまとめたものです。若干、煽り気味なタイトルに見えますが、中身はしっかりしていて、多くの人がなんとなく感じていることをキレイに言語化しています。個人的にも、参考になると感じています。 本人の許可が頂けたので、日本語らしく読めるようざっくりと意訳し共有します。 1. 不必要にサインインをさせようとする 多くの人々は、ユーザのサインインが価値を持つものだと考えています。しかし、時にサインインは、ユーザに苦痛を与えます。たとえ

私は、Proto.io.の共同創設者兼CTOです。輸出、貿易及び金融の分野のMScを有する、独学のプログラマーです。私はウインドサーフィンとテニスをしますが、私のObjective-Cスキルのほうがわずかに優れています。 アクセシビリティは、ただあれば良いという訳ではありません。モバイルアプリデザイナーとデベロッパーにとってアクセシビリティは、より幅広いオーディエンスにモバイルUIデザインがたどり着くようにし、誰にとっても利用しやすいものにするものです。しかしアクセシビリティは何を意味し、なぜ重要なのでしょうか？ アクセシビリティデザインの方法や、それが何のためにのかということに関する情報は、一冊の本を書けるほど膨大にあります。しかし、アクセシビリティがなぜ重要なのか、そしてモバイルアプリにどのようにそれを取り入れるべきかをしっかりと理解することが成功への道です。今回は、Androidとi

[レベル: 初・中・上級] Googleは、スマホ対応しているかどうかをモバイル検索のランキング要因として使用することを発表しました。 4月21日からの導入を予定しています。 またApp Indexingに対応したアプリコンテンツもランキング要因として利用するようにしました。 こちらは今日（現地時間の2月26日）から導入されています。 モバイルフレンドリーが単なるラベル表示からランキング要因に 昨年11月に、そのページがスマートフォンに対応しているときに、「Mobile-friendly」（モバイル フレンドリー）というラベルをGoogleはモバイル検索結果に表示するようにしました。 日本には、翌月の12月に導入されました。 「スマホ対応」というラベルが付きます。 導入時点では、「スマホ対応」ラベルは単純に表示だけの仕様でした。 スマホ対応しているかどうかはランキング要因にはなっていません

企画書や提案書の作成中「こんな調査結果があったら、もっとインパクトの強い企画書が作れるのに」「こんな裏付け資料があったら説得力が上がるのに」と思ったことはありませんか？今回はWeb系企画書作成に役立つ統計調査や資料をチェックできる調査レポート系のサイトをご紹介します。 モバイル関連の調査結果をチェックできる「MMD研究所」 MMD研究所は、スマートフォンやタブレットの消費者動向や市場調査、そして通信キャリアの満足度調査など、モバイルビジネスに関する調査データを無料で発表しているサイトです。 MMD研究所にアクセスするとすぐに理解できますが、様々なモバイル関連の調査資料が1週間間隔で定期的にアップされています。そのため、モバイル系のサイト構築、アプリ開発などのプレゼンテーション時などに役立つこと間違いなしのイチオシサイトといえます。 調査資料のカテゴリも幅広く、モバイルコンテンツの市場動向、

iPadレジで「予約革命」──外食産業「実はIT化が重荷」なぜ？：ネット予約が急増、悩む飲食店（1/3 ページ） 「IT化」は私たちの生活を豊かに、便利にすると言われている。 一方、実は「逆に重荷だ」と悩む業種もある。意外だが「外食産業」なのだという。 レジ業務をiPadやiPhoneでできるPOSレジアプリ「Airレジ」を展開するリクルートライフスタイルが「スマートデバイスで変わる外食産業の未来像」と題したイベントを開催。同社のグルメ・クーポン情報サイト「ホットペッパーグルメ」とより密な連携を進めていく方針とともに、システム連携を通じて実現できる“新たな外食のあり方”を紹介した。 Airレジは、小売業や飲食業を中心とする各種サービス業に必須のPOSレジ環境をiPhoneやiPadで実現できるクラウド型のPOSレジアプリ／サービスだ。初期登録費用、月額費用は無料。決済の操作や注文処理の機能

米Amazon.comは8月13日（現地時間）、カードリーダー式のモバイル決済システム「Amazon Local Register」を発表した。先行する米Square、米PayPalのサービスより低い手数料と実績のあるサポートサービスで市場に参入する。まずは米国内でスタートした。 Amazon Local Registerは端末のイヤフォンジャックに差し込むカードリーダーと無料のアプリで構成される。OSはAndroid、iOS、AmazonのFire OSに対応し、カードリーダーはVisa、MasterCard、American Express、Discoverのクレジットカードやデビットカードをサポートする。入金はSquareと同じ翌営業日。 カードリーダーは10ドルで、Amazonで購入できる。手数料は、10月31日までに加入すれば2016年1月まで決済当たり1.75％、それ以降は2.

「下を向いて、のっぺりとしたガラスの画面をこすって歩く姿が、はたして最終形なのだろうか？」 グーグルの共同創業者で技術部門担当社長を務めるセルゲイ・ブリン氏は、今年2月に開かれたプレゼンテーションイベント「ＴＥＤ2013」の壇上で、自分のスマートフォン（スマホ）の画面をのぞき込みながらこう話した。 「この姿勢が『グーグルグラス』のプロジェクトを始める理由の一つとなった」 グーグルグラスというのは、グーグルが開発を進めているメガネ型の情報機器。実際に目で見ている風景にコンピュータ情報を重ね合わせる「拡張現実（ＡＲ）」と呼ばれる技術を活用して、ウェブ検索やカメラ撮影、通話やチャットといったスマホでできる機能を、完全ハンズフリーで操作できる。 ブリン氏の言葉からわかる通り、まさに「スマホの次」に位置づけられる製品だ。 かつてマイクロソフトの創業者ビル・ゲイツ氏は「すべてのリビングルームにＰＣを」

Welcome to Startups Weekly — Haje‘s weekly recap of everything you can’t miss from the world of startups. Sign up here to get it in your inbox every Friday. In…

米Amazonは、モバイル端末などに向けて、Webアプリケーションを提供する。日本を含む200カ国で受け付ける。 米Amazonは2013年8月7日、Kindle Fireや一部のAndroid端末に向けて、Webアプリケーションを提供できるようになったと発表した。日本を含む200カ国で受け付けている。 開発者は、HTML5で制作したWebアプリや、モバイル端末に最適化したWebサイトを「Amazon Mobile App Distribution Portal」を通じて提出し、AmazonのAppstoreを通じてネイティブアプリとともに販売する。 Webアプリの最適化に必要なツールは「Amazon Web App Resources」で提供する。プロダクション風の開発環境でWebアプリの動作確認やデバッグができる「Web App Tester」が用意されている。そのほか、アプリ内課金を

Game Review, Đánh Giá Chi Tiết – Thủ Thuật Mới Nhất Tại Markethack.net, chúng tôi cam kết mang đến cho người chơi những bài đánh giá game chính xác, khách quan nhất. Dù bạn là người mới hay game thủ kỳ cựu, những thủ thuật mới nhất và lời khuyên hữu ích từ các chuyên gia của chúng tôi sẽ giúp bạn nâng cao kỹ năng chơi game. Đừng bỏ lỡ cơ hội khám phá kho tàng thông tin đa dạng về thế giới game tại