Googleモバイルファーストインデックス、導入は早くても2018年以降か
Googleウェブマスタートレンドアナリストの Gary Illyes氏は2017年6月13日、モバイルファーストインデックス（Mobile First Index, 以下 MFI）の導入は早くても2018年以降との見解を示した。米国シアトルで開催中の検索マーケティングのカンファレンス・SMX Advanced のセッションで答えた。 モバイルファーストインデックスとは MFI は検索仕様の大きな変更の1つとして昨年発表された。現在の Google検索は、パソコン版ページの情報をもとに検索順位を決めているが、MFI はスマートフォン版ページの情報をもとに検索順位を決めるようになる。同社創業から2000年代はパソコンが主要な検索デバイスだったが、2017年現在は検索の過半数がモバイル端末から行われている。世界がモバイルに移行したことに伴い、Google の検索も「モバイルファースト」、つまり
「次のモバイルファースト」がやってくる！UIと機能設計をIonic 2を使って学んでみよう
「次のモバイルファースト」がやってくる！UIと機能設計をIonic 2を使って学んでみよう 榊原昌彦（一般社団法人リレーションデザイン研究所 ...） レスポンシブデザインが生まれたばかりの2009年には、はやくも「モバイルファースト」という言葉が使われ始めていました。 WebサイトはPCから見るものだったのは今や昔。今ではスマートフォンの普及により、多くのWebサイトではPCとモバイルからのアクセス数が逆転してるWebサイトも多く、「モバイルファースト」な開発も当たり前になりました。 しかし、2009年の「モバイルファースト」と、今の「モバイルファースト」は大きく中身が成長しました。モバイルフレームワークであるIonic 2も先日リリースされましたので、ここで改めて「モバイルファースト」とは何かを考え、モバイルの設計を見直していきます。 レスポンシブとモバイルファースト モバイルファース
ビジュアルヒエラルキー | Accessible & Usable
公開日 : 2015年1月30日 カテゴリー : 情報設計 (IA) ウェブサイトのユーザビリティを高めるためには、ユーザーのニーズや目的を十分理解したうえで、スムーズなユーザー行動を後押しするような情報デザインが必要です。実際のデザインプロセスにおいては、提示すべき情報を厳選し、優先度を付けることになりますが、その際に意識したいのが、ビジュアルヒエラルキー (視覚表現による情報の重み付け) です。 ビジュアルヒエラルキーを表現する要素 ビジュアルヒエラルキーを表現するための視覚的な要素としては、以下のようなものがあります。 位置関係 情報の位置関係によってビジュアルヒエラルキーが表現されることがあります。上に配置されているほど、上位に見えます。また、一般的な横書きのコンテンツであれば、右より左に配置されているもののほうが、上位に見えるでしょう。 サイズ (大きさ、広さ) 文字の大きさや太
デバイスと利用シーンへの最適化から学べること
Web サイトデザインでは 2, 3 年くらい前から モバイルファーストでデザインをするという考え方が浸透し始めていますが、最近アプリでも似たような傾向が見られるようになってきました。先週 Foursquqre が チェックインとショップガイドを分けると発表しました。一方、Facebook は、メッセージアプリを分断しようとしています（Google+ は、Hangout を分断してしばらく経ちます）。 デスクトップ版の使い勝手に慣れ親しんでいる方にとっては『改悪』なのかもしれません。しかし、モバイル（又はスマートデバイス）中心で活用している方には、適したアプローチといえます。モバイル中心の利用者は、操作すれば何でも手に入るアプリではなく、文脈に応じて適した量の情報や機能を提供するアプリを求めています。つまり、アプリを立ち上げれば、ニーズに応えてくれるものを求めているわけです。 Facebo
PopApp Magazine - Popular Magazine
About Us Welcome to PopApp.in, your trusted source for the latest news, information, and insights. We are dedicated to delivering high-quality content that informs, engages, and entertains our diverse readership. Our MissionAt PopApp.in, our mission is clear: to provide you with accurate, unbiased, and timely news that matters. We believe in the power of information to shape perspectives, drive co
スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか
iPhoneやAndroidなどのスマートフォン、「新しいiPad」などのタブレット、そしてデスクトップなど、さまざまなデバイスの幅に対応させるResponsive Web Designのために、どのようにレイアウトの幅を設計し、いくつレイアウトを用意するのか3つの方法を紹介します。 各デバイスの幅は、2012年3月のデータです。 A Simple Device Diagram for Responsive Design Planning [ad#ad-2] 下記は各ポイントを意訳したものです。 キャプチャに使用している画像は元記事よりPSDファイルでダウンロードできます。 各デバイスのサイズ レイアウトを3つ レイアウトを4つ レイアウトを6つ 各デバイスのサイズ まずは、2012年3月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段：ポートレイト（縦置き）、下段：ランドスケ
“モバイルファースト”の本当の意味と、Web担当者が知っておきたい基本＆実践3ステップ | Web担当者Forum
「モバイルファースト」というキーワードをご存知だろうか。その名の通り、まずモバイルサイトを中心にコンテンツを考え、PCなど他のデバイスへと対応させていく考えだが、その本当の意味を勘違いしている人も多いようだ。 スマートフォンの登場で注目を集めているモバイルファーストでは、「ワンソースから各デバイスに対応していく考え方」がポイントになる。そのとき重要になるのが、コンテンツを一元管理できるマルチデバイス対応CMSの存在だ。 この記事では、Webサイト制作現場だけでなく、企業Web戦略の面でも重要な意味を持つ、モバイルファーストの基本について解説する。 スマートフォンの普及で見直しが迫られるPCサイトスマートフォンの普及が加速している。ケータイキャリアのプロモーションや新製品ラインナップを見れば、これは当然の流れだろう。インターネットにアクセス可能なデバイスとして見ると、PC、フィーチャーフォン
モバイルファースト/コンテンツファーストという考えかた | Accessible & Usable
公開日 : 2012年2月23日 (2018年1月20日 更新) カテゴリー : 情報設計 (IA) スマートフォンの普及によって、モバイル環境で Web を利用することが当たり前になってきました。goo リサーチによるスマートフォン意識調査 (2011年6月、10代から60代以上のインターネットユーザー1,148名を対象に実施) によると、スマートフォンを持ちたい理由として「パソコン用サイトにアクセスできるから」を挙げる人がダントツで多かったそうで (参照 : インターネットコムの記事)、スマートフォンは Web 端末としてユーザーに高く期待されていると言えそうです。 たしかにスマートフォンでは PC 用サイトを閲覧することができます。ただ、画面が小さいので、ピンチ＆ズームを繰り返さなければならず、かなり面倒だったりします (途中でユーザーが投げ出してしまうことも十分あり得るでしょう)。
レスポンシブにデザインするために克服すること : could
画像の課題は解決されつつある 先日 Web担当者 Forum で、レスポンシブ・ウェブデザインの功罪とモバイルファースト という記事が掲載されました。Media Queries を活用するなど実装のための概要を説明した上で、非表示だけど読み込まれているから膨大な画像素材が存在する PC サイトのレスポンシブデザインは不適切であると書かれています。 現存の Web サイトを Media Queries だけでレスポンシブ・ウェブデザインをするのであれば、Web担当者 Forum での指摘は間違っていませんが、実際のところレスポンシブにデザインすることは、Media Queries による対応だけではありません。例えば、画像の表示のさせ方を工夫すれば、記事で指摘している課題はある程度解決できます。Web担の記事からもリンクされている CSS Rador でも取り上げられている解決策もありますが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
futurefriend.ly