「次のモバイルファースト」がやってくる！UIと機能設計をIonic 2を使って学んでみよう
「次のモバイルファースト」がやってくる！UIと機能設計をIonic 2を使って学んでみよう 榊原昌彦（一般社団法人リレーションデザイン研究所 ...） レスポンシブデザインが生まれたばかりの2009年には、はやくも「モバイルファースト」という言葉が使われ始めていました。 WebサイトはPCから見るものだったのは今や昔。今ではスマートフォンの普及により、多くのWebサイトではPCとモバイルからのアクセス数が逆転してるWebサイトも多く、「モバイルファースト」な開発も当たり前になりました。 しかし、2009年の「モバイルファースト」と、今の「モバイルファースト」は大きく中身が成長しました。モバイルフレームワークであるIonic 2も先日リリースされましたので、ここで改めて「モバイルファースト」とは何かを考え、モバイルの設計を見直していきます。 レスポンシブとモバイルファースト モバイルファース
モバイルファーストインデックスについてGoogleに何でも聞いてみた #inhouseseo ―― 内部リンクの評価は? 導入時期は? 分割数が異なるページネーションは? など
In-house SEO Meetupが主催したGoogle MFI Nightで、Google社員にさまざまな疑問を質問するAMA with Google セッションを先週金曜日の記事でレポートしました。 日本語検索独自の品質評価アップデートがテーマでしたが、このイベントのメインテーマはモバイル ファースト インデックス (MFI) です。 当然AMAもMFI関連の質問が大部分を占めていました。 そこでこの記事では、Googleの金谷さんと長山さんを相手にしたMFIについてのQ&Aをレポートします。 MFIに関して2人のGoogle社員に何でも質問してみた [質問に答える長山さん] Q. 内部リンクの必要性 モバイル向けページではUXを考慮して、内部リンクをPC向けページよりも減らしている。 しかし、内部リンクが評価（ランキング）にも影響するなら、PC向けページと同じリンクをモバイル向け
モバイルのUXデザインにおけるベストプラクティス
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 アプリはコンテンツやサービスを提供するための、今日（こんにち）の主流かつ確かな方法です。しかし、飽和状態の市場でユーザーを満足させ、その興味をつなぎとめるために、どうすればモバイルアプリは意義や価値のあるものとなるのでしょうか。 この記事では、素晴らしいモバイルUXを作る鍵となる、UXデザインのための７つのヒントをご紹介します。 １. 一つの画面につき、一つの操作 ユーザーが情報を取得する際の努力を軽減する 皆さんがデザインするアプリの画面では、ユーザーにとって最も価値のある一つの動作を助長するものでなければなりません。各画面を一つの目的だけのためにデザインし、Call to Action（行動喚起）は一つに留めましょう。こうすることで、ユーザーはアプリを理解・
モバイルファーストインデックスへの準備と対応方法
SEOで影響のありそうな、モバイルファーストインデックス（Mobile First Index : MFI）について準備しておくべきこと、対応方法をまとめました。 だいぶ私の推測が含まれていますので参考までに。 そもそもモバイルファーストインデックスとは？ モバイルファーストインデックスとは、スマホの検索比率が高まっていることを受けて、いままでPC向けのページを基準に順位を決めていたものを、モバイル向けのページを基準とするように切り替えられることを指しています。 近いうちに導入予定とアメリカで開催されているウェブマーケティングカンファレンスPubConで米Google のGary Illyes（ゲイリー・イリーズ）さんによって発表されました。 Googleの公式ブログでも発表されています。 Google ウェブマスター向け公式ブログ: モバイル ファースト インデックスに向けて PCとモバ
【重要発表】Googleがモバイル版とPC版を分離する事を発表！数ヶ月以内に実施の予定 | モバイル時代のSEO情報ブログ
米国のSEOニュースサイト「Search Engine Land」によると、これまでGoogleのモバイル版の検索結果はPC版の順位に対してスマートフォン最適化をしているかどうかでプラスマイナスを加味するという順位決定方式だったのを数ヶ月以内に分離して、モバイル版Googleは独自の検索結果を表示することになりました。 Within months, Google to divide its index, giving mobile users better & fresher content Currently, Google has a single index of documents for search. Google's Gary Illyes announced they plan on releasing a separate mobile search index, whi
モバイルページの高速化！ AMPの利点と対応HTMLの作り方 - ICS MEDIA
AMP（Accelerated Mobile Pages＝アンプ）とは、2016年2月にGoogleが導入した、モバイル端末（スマートフォン・タブレット）でのウェブページの表示を高速化するためのプロジェクトです。AMP対応のウェブページは従来に比べ平均4倍程の速度で表示できるため、さまざまなメリットがあります。 本記事ではAMP導入のメリットと作り方を紹介します。AMP対応することによってアクセス数が増大した話もありますので、記事のシリーズで紹介します。 導入の利点① ページ表示が超高速になる モバイルブラウザで、AMPページにアクセスしたときにものすごいスピードでウェブページが表示されます。読み込み待ちのイライラがなくなるため、ユーザーストレスの軽減につながります。 導入の利点② 検索結果でAMP（稲妻マーク）が表示される モバイルでのGoogle検索で、AMP対応のウェブページは稲妻マ
GoogleのピチャイCEO、「時代はモバイル第一からAI（人工知能）第一へ」
米Googleは4月29日（現地時間）、同社が2004年から毎年公開している「創業者からの手紙」の本年版を公開した。 同社は毎年、企業としての取り組みや方針についてをこの公開書簡で説明している。例年は共同創業者のラリー・ペイジ氏（現AlphabetのCEO）とサーゲイ・ブリン氏（現Alphabetの社長）の連名あるいはブリン氏の署名で公開してきたが、今回はGoogleが持ち株会社Alphabet傘下になった際にCEOに就任したスンダー・ピチャイ氏が主文を綴った。 ピチャイ氏は、Google創業のころは、わずか3億人がデスクトップからインターネットにアクセスしていたのが、今では30億人がモバイル端末からアクセスするようになったという変化はあるが、「世界の情報を整理し、誰もが活用できる価値あるものにする」というGoogleの創業ミッションは変わらず、むしろモバイル中心になった今こそ、より重要に
iPhone/iPad/iPad mini用メディアクエリ一覧 | ENTEREAL/エンタリアル
Blog Posts List ブログ記事一覧 検索 CakePHP3を始めた方に CakePHP 3.X 2016年01月16日(土) 14時23分 2つの住所から距離を計算する API 2015年12月18日(金) 10時23分 「:target」セレクタについて CSS 2015年12月12日(土) 12時23分 外部サイトからの画像への直リンクを防ぐ Apache 2015年12月04日(金) 12時23分 CSS3だけで作るブラウザタブ CSS 2015年11月17日(火) 21時23分 CSS3だけで作るパンくずに関する件 CSS 2015年11月12日(木) 12時23分 Bootstrap4のブレイクポイント計算機 Bootstrap 2015年11月11日(水) 19時23分 Bootstrap4のブレイクポイントに関する件 Bootstrap 2015年11月11日(水
モバイルナビゲーションを考察する – ハンバーガーメニューに代わるもの | POSTD
「Webサイトやアプリのナビゲーションに ハンバーガーメニュー を使うべきかどうか」というテーマに関して、UI/UXデザイナーの間で交わされる、すばらしい議論や記事を目にする機会があります。 もし、ハンバーガーメニューの始まりや歴史が気になる場合は こちらの記事 をご覧いただくといいでしょう。 しかし、今回はハンバーガーメニューについて語る気はありません。この記事ではハンバーガーメニューの代わりとなり得る他のナビゲーションを模索し、その説明をしたいと考えています。 なぜこの記事でハンバーガーメニューを扱わないのでしょうか？ それは、ハンバーガーメニューは簡単で便利なソリューションであると同時に、以下に列記するような数多くの欠点を併せ持っていると、私が個人的に確信しているからです。 * 効率性の低下（インタラクションが遅くなる） * 視認性の低下（メニューが隠れる） * 不要アイテムの増加
「2016年は『プッシュ通知』機能の転換期になる」：NYタイムズ特命チームの試み | DIGIDAY［日本版］
モバイルアプリに多大な投資をしてきたパブリッシャーにとって、いまや最大の課題となっているのは、アプリをユーザーにダウンロードさせるだけではなく、実際に使ってもらうことだろう。そこで期待を寄せられているのがプッシュ通知機能だ。 プッシュ通知にはパーソナライズ化の余地が大いにある。その意味で「ニューヨーク・タイムズ」は、速報のアラートだけでなく、世間の人々が興味を抱くであろうニュースの通知配信のカスタマイズ化を、いかに実現するかを模索している。 複数の配信形態でプッシュ通知のパーソナライズ化を行えるとしている同紙。1つ目は、閲覧履歴からプッシュ通知をカスタマイズ化していくというもの。2つ目は、1日における配信時間帯や、希望する言語に基づくカスタマイズ化だ。 本記事では、パブリッシャーがモバイルにシフトしていくうえで直面する、デザイン、コンテンツ、マネタイズにおける課題の解決手段として、スマート
Amazonに見られる、UI変更を伴わないUX改善
Web マーケター。 ソフトウェアのテクニカルサポートからキャリアチェンジし、Web/アプリ業界へ。株式会社ファンコミュニケーションズを退職後フリーランスとなる。独立した理由は髪の毛を伸ばしたかったから。 Webやアプリ等のデジタルなサービスに触れていると、UXと言えばUIを前提としたものと考えがちです。 今回は、ECサイトを例にとり、UI変更を伴わないUX改善について触れてみたいと思います。 2015年9月9日、Amazonジャパンが携帯電話番号があればメールアドレスなしでもアカウント作成できるよう仕様変更を行いました。これはあまり大々的にニュースに取り上げられていませんが、実際にはEC業界にとって大きな意味を持ちます。また、UXの観点からも、UI変更を伴わないながら大きな意義があると思えます。 メアドを持たない若者たち ECの歴史が始まってより長く、メールアドレスをベースとしたユーザー
広告ブロックについての私見
（以下の文章はできるだけ公正に、というかどちらかというと自分へのメモとして、書いたつもりだが、私自身がモバイル広告業界で働いているので、見方にいろいろな偏りがあるかもしれない） iOS9で導入された広告ブロックの仕組みはすでに大きな話題になっているし、これからさらに普及していきそうだ。ユーザとしてはただインストールすれば広告が消えるわけで、すでに無料アプリもあり、導入に対する目立ったデメリットはなにもない。 一部パワーユーザの導入に留まるという見方もあるようだが、「とりあえずこれ入れておけばいいらしいですよ」という感じで、老若男女がインストールする日も近いのではないだろうか。なんの根拠もないようなバッテリー節約アプリでさえあれだけ流行ってるのだから。 その結果、モバイル広告業界は、検索型からディスプレイ型、ネットワーク型まで、例外なく被害を受けるだろう。いま人気の広告ブロックアプリは海外産
神戸大学サイトへの最新アクセス状況 | 国立大学法人 神戸大学 (Kobe University)
b.サイトへの訪問者が多い検索キーワード: c.閲覧数が多いページ: d.アクセス数: 昨年の同時期 [] a.アクセス端末の比率: b.サイトへの訪問者が多い検索キーワード: c.閲覧数が多いページ: d.アクセス数: 英語版サイト (en) 過去数日間 [] a.アクセス端末の比率: b.サイトへの訪問者が多い検索キーワード: c.閲覧数が多いページ: d.アクセス数: これはどのようなデータなのでしょう？ 上記のデータは、神戸大学サイト www.kobe-u.ac.jp への学外からのアクセスを随時集計して、過去数日間における最新のアクセス状況を提供しているものです。一年前の同時期から数週間先のデータも表示しています。これは、大学サイトへのアクセス傾向には一年周期のサイクルがあると仮定し、今後のアクセス傾向を予測するためです。これらのデータの更新は一日に数回、自動的に行います。 広報
第1回 Webの「速さ」について考える | gihyo.jp
はじめに スマートフォンの流行、ソーシャルの活発化が進む中で、Webは単にPVを求めるのみならず、ユーザのエンゲージメントを掴みとるUXが求められるようになりました。 特に注目すべきはモバイル。デスクトップ主流の時代より制限が強くなったネットワーク、狭いスクリーン、そしてマウスやキーボードはどこにもありません。ちょっとしたことで、ユーザは「待つ」という行為を強いられるでしょう。 インターネットの情報は日々増え続け、モバイルでいつでもつながれる以上、それをどのような形でユーザへ届けるのかが、競合との勝負に勝つカギとなってきます。「待つ」という行為は、人の集中を発散させ、気持ちを別の関心事へと吸い寄せてしまいます。たとえ欲しいと思う情報がそのWebサイトにあったとしても、「待つ」という行動が伴っただけで、簡単に諦めさせてしまいます。他のもっと楽しいことに、時間を使おうとしてしまいます。 で
モバイルファーストの時代、74％の消費者はパソコンを使って商品を購入している - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
Image Credit: Skimlinks Skimlinksが15ヶ月分の商業関連コンテンツを調査した結果、全体の4分の3近い商品は、スマートフォンやタブレット端末からの購入ではなく、デスクトップパソコンやノートパソコンから購入していることが判明した。 ウェブデザイナーから大手検索エンジンのGoogleまでもがモバイル上でウェブサイトとオンライン体験を優先的に提供していながらも、もっとも重要なインタラクションはまだパソコン上で起こっているようだ。 コマース関連コンテンツ、もしくはSkimlinksが名付ける「コムテント」とは、収益を生むという唯一の目的だけの為に考えられたコンテンツのことを指す。例えば、購入案内、商品レビュー、人目を引く記事、バウチャー、取引、セールス、またはある商品やサービスを中心としたリストなどのようなコンテンツが挙げられる。 では何故、いざ商品を購入する時になる
「スマホサイト以外で買い物は無理」--高校生は“スマホオンリー”
「スマホしか持っていない」が高じて、「スマホ以外触らない」という10代が増えてきた。高校生や大学生には、「フォルダ」「クリック」「ドラッグアンドドロップ」などは知らない、分からないという人は多い。 「10代だけでなく、新入社員も同じようなもの」という話を聞いた。ある会社では、新入社員のほぼ全員がPCが使えないため、最初の1週間はキーボード練習やPCの使い方講習に明け暮れたという。IT関連部門の新入社員も例外ではない。「現在のスキルではなく将来のポテンシャルを見込んで採用した」と人事採用担当者は言う。 ジャストシステムの「モバイル＆ソーシャルメディア月次定点観測（総集編）」（2015年2月）によると、15～19歳における12月の主要メディアの平均接触時間は、「スマートフォンからのインターネット接続」が135.3分でトップ。「PCからのインターネット接続」（104.1分）、「テレビ」（101.
サイトをモバイル対応化させたら良い事しか無かったのでまとめてみた！[WordPress]
4/21以降、グーグルがスマホ対応サイトの優遇化政策をするということで、慌ててサイトをスマホ対応化させてから約１ヶ月半経ちました。今回はサイトをモバイル対応化したことで変化した事について数字を見ながら紹介してみようかと思います。結果的にはほとんど「良い事しか起こらなかった！」と言って良い感じです。 順位をガッツリ落とされる？？ ２月末にGoogleから非常に重要なアナウンスがありました。 -(参考)Google、「スマホ対応」をランキング要因に利用することを決定。4/21から導入。 簡単に言えば、「4/21以降、モバイル端末での検索結果はモバイル対応化しているサイトを優遇しますよ！（=モバイル対応してないサイトは順位落とすからな！）」ということです。 結構前から本家のブログであるstudio9もモバイル対応化しないとなぁと思いつつも重い腰が上がらない状態が続いていたのですが、上記アナウンス
![サイトをモバイル対応化させたら良い事しか無かったのでまとめてみた！[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9145897df30d90f484a030669895987ff25a3a89/height=288;version=1;width=512/https%3A%2F%2Fpersonal-studio9.com%2Fwp-content%2Fuploads%2F2015%2F05%2Fth02-570x680.jpg)
モバイルユーザーエクスペリエンス：制約と長所
モバイル機器であるスマートフォンには、小さな画面や短いセッション、一度に見られるウィンドウが1つだけ、一定でない接続環境、といったもともとの制約がある。しかし、そうした特徴の中にはスマートフォンでしかできないことを与えることもある。モバイルデザインの原則は、こうした制約や長所を反映したものである。 Mobile User Experience: Limitations and Strengths by Raluca Budiu on April 19, 2015 日本語版2015年5月18日公開 モバイル機器によって、我々の暮らし方や日々の活動の仕方が変わってきている。モバイル機器によりほぼすべての種類のコンテンツにアクセスできるようになっただけでなく、今や、たいていのスマートフォンでは小切手の預金をはじめ、クレジットカードの利用、料理の注文、食料品の支払い、デジタル文書への署名、さらには
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BLOGOS サービス終了のお知らせ
完全負け組なモバイルWebが、これから復活する(多分)
