実はページ滞在時間は短い方が良い — アメリカでの最近のUXトレンド | AdverTimes.（アドタイ） by 宣伝会議
Brandon Hill Founder & CEO, btrax, Inc. San Francisco State University 工業デザイン学科卒業。日米の企業に対してブランディング、マーケティング、コンサルティング業務を提供。グローバル市場向けのデジタルマーケティングやソーシャルメディアに精通。新事業創造カンファレンス基調講演、経済産業省 始動プロジェクト公式メンター、サンフランシスコ市政府アドバイザー、Dream Gate Awardアドバイザー。 例えばECサイトであれば、サイト訪問から商品の選択、チェックアウトのプロセスが完了するまでの時間が短い方がより効率的な買い物ができたことになる。逆に滞在時間が長ければ、それほどユーザーが迷っていることとされ、サイトの改善が求められる。 そのこともあり、最近の海外ECサイトやランディングページなどでは、UIをできるだけシンプルに
Google、リッチスニペットよりもビジュアルなリッチカードをグローバル展開。レシピ、レストラン、映画が対象
[レベル: 中〜上級] リッチカードが、世界中の Google モバイル検索で利用可能になりました。 日本でも利用できます。 リッチカードは、従来のリッチスニペットよりも視覚に訴える効果が高くなっているのが特徴です。 2016年5月に米 Google (google.com) で公開されました。 レシピと映画、飲食店のリッチカードをサポート 次の3つのジャンルでリッチカードがサポートされています。 レシピ 映画 飲食店 こちらは、レシピのリッチカードです。 そのサイト専用 (host-specific) のカルーセルとして掲載されるのもリッチカードの特徴です。 上で見たチキンカレーのレシピは、楽天レシピだけのリッチカード カルーセルになっています。 こちらは、飲食店のリッチカードです。 食べログ専用のカルーセルになっています。 米 Google ではホテルもリッチカードカルーセルに掲載され
アイトラッキング最新調査: モバイル検索結果をユーザーはどのように見て行動しているか #SMX East 2016
[レベル: 上級] この記事では、昨日に続いて米ニューヨークで9月に参加したSMX East 2016 カンファレンスのセッションレポートを共有します。 セッションのテーマは、”アイトラッキング”から考察するユーザー行動です。 Mediative社が実施した、検索結果におけるアイトラッキング調査の結果から見えてきた事実を、Chris Pinkerton（クリス・ピンカートン）氏が解説しました。 スマートフォンの普及にともない、検索ユーザーの行動はどのように変化しているのでしょうか？ 検索結果のユーザーの視線の動きの変化 2005年 2005年にGolden Triagle（ゴールデン・トライアングル）が発見された。 ユーザーがよく見るエリア、クリックするエリアは三角の形をしている。 [鈴木メモ: 『Above the foldとは』というこのブログの記事でかなり以前にGolden Tria
7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法
「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手
How speeding up your mobile site can improve your bottom line
Marketing is at an inflection point. Here’s why that’s an opportunity
PC版を作らない、モバイル版だけのサイトはあり？なし？
PC向けページを一切作らず、モバイル向けページだけのサイトを公開しても問題はないのでしょうか？ GoogleのJohn Mueller（ジョン・ミューラー）氏によれば、まったく問題ないとのことです。 PC向けサイトがなくてもまったく問題なし 現状では、モバイル向けサイトだけしか提供していない。 PC向けサイトを作らずに、モバイル向けサイトだけだとSEO的に問題があるか？ 英語版のウェブマスター向けオフィスアワーで出たこの質問に、ミューラー氏は次のように答えました。 モバイル向けだけのサイトを作っても何も問題ない。すべてのサイトがPC版を持つ必要があるということではない。 モバイル向けページであってもPCで利用することができるだろう。もっとも見え方は多少違ってくるだろうが。 だけどモバイルだけのサイトは完全にありえる。検索でもほかのサイトと同じように私たちは扱う。 気を付けたいのは、PCから
グーグル社員が力説する“SEOに成功する最大の秘訣” など10+4記事 | 海外&国内SEO情報ウォッチ
SEO、さらにはモバイルでのSEOに成功するために最も大切なことは何だろうか。グーグルの社員が発した強いメッセージは、ぜひチェックしてほしい。 ほかにも、「更新を停止すると検索トラフィックは減るのか（事例）」「SEOの必要なユーザーコンテキスト理解」「スマホ対応で必要なこと」「1か月でサイトをモバイルフレンドリーにしよう」などなど、今週もSEOの情報をお届けする。 イタリアのグーグルのウェブスパムチームで働いているルベルタ・レミジ氏が、インタビューを受けた。 テーマは、品質とユーザー体験だ。 「この手順に従えば、完璧なサイトを作ることができて、検索エンジンに対して最高のパフォーマンスを獲得し、ものすごいコンバージョン率を達成できる」と言って手渡せるような、“高品質なサイトを作るためのレシピ”があったらいいと思います。私の仕事は、ずっと簡単になるでしょう。 でも残念ながらそういったレシピは存
モバイル検索ではナレッジグラフは自然検索よりも視線を集める、2・3位のほうが1位よりも長く見られる − Googleのモバイル検索調査からわかったこと
Googleが、モバイル検索でユーザーがどこに注目しどのように検索結果に満足しているかの調査をエモリー大学と共同で行いました。 結果と考察をまとめたレポートを公開しています。 調査結果から僕が重要に感じたところを抜き出します。 下は調査の対象に含まれる典型的なパターンの検索結果です。 「phone viewport（フォン ビューポート）」とは、スマートフォンのディスプレイに表示されている範囲のことです。 つまりユーザーに見えているページの中のエリアです。 次のようなことがわかりました。 答えを提供する形式の結果が表示されたほうがユーザーは満足する ナレッジグラフの関連性が高いときはユーザーは答えをすぐに発見しタスクをより速く完了させる 一方、ナレッジグラフの関連性が低いときは答えを探すためにより長い時間を検索結果で費やす 関連性が高いナレッジグラフ結果が表示されたときは、（表示されないと
ヒートマップ分析で実証済み アパレルECで取り入れたい実店舗のような「おもてなし」3つの施策
ECzine Day（イーシージン・デイ）とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。
レスポンシブ・デザインを説明するGIFアニメ | ビジュアルシンキング
「レスポンシブ・デザインとは？」を説明する9つのGIFアニメーションが、FastCompanyが運営するCo.Designの記事に掲載されていました。 9 GIFs That Explain Responsive Design Brilliantly | Co.Design 見習いたい表現なので、取り上げます。 たとえば、画面幅の考え方は。 image by Froont デスクトップファーストとモバイルファーストの違いは？ image by Froont それぞれのGIFアニメーションのサイズは、数百キロバイトに抑えてあり、アニメーションは9つありますが表示するのにストレスは少ないです。 わかりやすく情報を伝えられるだけではなく、記事を読む側の利便性からしても、動画を9つ使うよりもGIFアニメーションを使うことに意味がありますね。
2014年SEOランキング要素レポート – 「コンテンツは王様」の構図が明確に - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
米国サーチメトリクス社が毎年発表しているGoogleのランキング要素レポート。その詳細を解析し最新の順位決定要素の影響力を探った記事をサーチエンジンランドから。コンテンツが重要といわれる時代ですが、果たしてその真実は？ — SEO Japan SearchMetricsが、毎年恒例のSEO ランキング要素レポートの2014年版が完成し、ダウンロードすることが可能になったと告知した。 毎年、SearchMetricsは、この調査結果を公表しているが、2014年版は、100ページ近くに膨れ上がり、また、サイト滞在時間、直帰率、新鮮なリンクの本数等の要素が加えられ、今まで最もボリュームが大きいレポートとなった。 今回の調査では、「コンテンツが本当に王様」として君臨している可能性があることが判明した。SearchMetricsのマーカス・トバーは、コンテンツは「もはやSEOのオマケではなく、中心的
[Google調べ] 入力フォームの最適化のために必須な4つの設定
[対象: 全員] Google Research Blogがユーザーテストに基づいてまとめたレポートから、入力フォームの完了にもっとも大きな影響を与えた設定をこの記事では紹介します。 次の4つの設定になります。 入力条件を事前に指示する エラーメッセージをフィールドの横に配置する 必須の項目と任意の項目を区別しやすくする ラベルをフィールドの上に配置する 順に説明します。 入力条件を事前に指示する 入力条件（たとえば、パスワードの最低文字数）は、フォームを送信する前にフォームのなかで指示します。 このガイドラインの適用は、フォームの完了と被験者の評価に大きなプラスの影響を与えました。また、被験者のコメントにも（前もって指示してもらった方がいいと）頻繁に現れました。 エラーメッセージをフィールドの横に配置する ユーザーがすぐに訂正できるように、エラーメッセージは入力フィールドの隣に配置します
コーディングを考慮したWebデザインガイドライン
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。Read less
Speed Is Key: Optimize Your Mobile Experience
Thanks for visiting Think with Google’s archives. To find more recent content about improving the mobile user experience, check out our App & Mobile collection. People's patience for a cumbersome and clumsy mobile site or app is waning. They expect to move through a brand’s mobile experience at lightning speed. There are a few simple steps marketers can take to eliminate speed bumps and ensure eve
タブレット向けWebデザインのノウハウ40選 ―― 第3章 ワークフローを整理する | タブレット向けWebデザインのノウハウ40選
#32対応方法で気をつけること①の専用サイトは制作・運用のコストがかかってしまいますが、きちんとリソースが確保できるのならば、マルチスクリーンのための設計に頭を悩ます必要は少なくなります。この場合でも、基本的にはどのデバイスでも同じ情報をユーザーが得られるようにするのがよいでしょう。また、別URLにはしないで、同じURLをサーバーサイドで振り分けるようにしましょう。 ②のテンプレート対応は、使用しているCMSがどの程度対応できるかによりますが、完全にリニューアルするよりは早く済む可能性があります。個別に静的HTMLを出力するような場合は、デバイスごとに違うURLにならないよう注意が必要です。 リニューアルが可能であれば、③のレスポンシブWebデザインの導入が、同じURLでマルチスクリーン対応できるベストな方法でしょう。どのサイズでレイアウトを変更するか、CSSのメディアクエリーで決定するブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
え? そうなの?! 意外と知らないシニアの情報行動――統計データで見えてくる5つの対策（全6回の5） | シニア層をガッチリつかむECサイト構築術 「SFO」のススメ
「シニアフレンドリー最適化＝SFO」の背景と重要性を認識しよう（全6回の1） | シニア層をガッチリつかむECサイト構築術 「SFO」のススメ
https://s3.eu-central-1.amazonaws.com/centaur-wp/econsultancy/prod/content/uploads/archive/images/0004/5832/The_Periodic_Table_of_Content_Marketing.png
Webコンテンツの長さや更新頻度なんてどうでもいい。重要なのは「質」だ など11+4記事 | 海外&国内SEO情報ウォッチ
カスタマージャーニーマップとは？ UX向上を達成する7つの事例と作成方法 | 実践！ プロも使うラピッドUX手法
