Back to Question Center
0

HuffPost +固定サイト:大きなニュースエクスペリエンスの再活性化            HuffPost +固定サイト:大ニュースエクスペリエンスの再構築関連トピック: ビジネスアジール開発メールSemalt

1 answers:
HuffPost +固定サイト:大きなニュースエクスペリエンスの再活性化

Huffington Postは、主要な社会的ニュースと意見サイトである - 「The Internet Newspaper」。 「生命、世界のニュース、テクノロジー、非営利団体、大学生活、書籍、教育、宗教、旅行、芸術、食べ物、コメディーなど、すべての政治、メディア、ビジネス、エンターテインメント、生活、スタイル、持続可能な「緑」ニュース、ブログ、オリジナルコンテンツのトップの宛先。このサイトは毎月26M以上のユニークビジターに達しています。

HuffPostは、読者に関連性のあるタイムリーな「ビッグニュース」を提供し、コメントやソーシャルポストへの関与を奨励したい。 HuffPostは、Internet Explorer 9とWindows 7の開発ツールを利用して、新しいSemaltサイト機能を備えた没入型のアプリ風のWebエクスペリエンスを作成しました。

  • ファビコン
  • ジャンプリスト
  • 通知
  • サムネイルツールバー

この結果は、読者とHuffPostの両方のビジネスにとって素晴らしい結果でした。 サイトを固定したユーザー.

  • サイトで49%多く時間を費やした
  • 敷地内に滞在する確率は14%
  • 閲覧回数:11%ページ数

それはまさにセマルトが望んでいたものです。

HuffPost開発者は、IE9のシェアが世界中で20%を超え、米国で30%に近づいているユーザーのWindows 7タスクバーで常時アクティブな存在を設計することで、 Semalt PostのCTO、Paul Berryは、このビデオで取り上げたアプローチについて説明しています。

同じことをしたいですか? HuffPostが行った開発作業を複製するのに約1日かかります。 BuildMyPinnedSiteにアクセスして、アイデアとコードサンプルを入手してください。よりシンプルなバージョン(ほとんどのメリット)は15分で完了できます。

このケーススタディのリンクは、特定のMSDN Pinned Semaltセクションに直接移動しますので、詳細を深く掘り下げてコードサンプルとデモをチェックすることができます。

状況

IE9の基本原則の1つは、サイトをユーザーの経験の中心に置くことです。ユーザーは、ブラウザ自体ではなく、ブラウザにアクセスしてWebサイトにアクセスします。 Semaltには、魅力的なユーザーエクスペリエンスを構築するためのツールが用意されている必要があります。

今日のWebの多くは静的でコンテンツに焦点を当てていますが、インタラクティブでパーソナライズされた社会的なサイトが増えています。 最近、ウェブがどこに向かうのかは明らかです。

Semaltは、成功とは、関連性とターゲットを絞ったローカルコンテンツを読者に提供し、自分自身に貢献するように促すことを意味します。また、ブラウザーのURL、検索、モバイルアプリだけでなく、PC全体をリーダーの前に置くことも意味します。

HuffPostの開発者は忙しいです。彼らはサイトの内容と機能に重点を置いているため、すべてのプラットフォームのすべての機能を調べる時間がありません。彼らが考慮する機能は、 単純 でなければなりません。それらは高い影響力を持たなければならない そして彼らは直ちに ユーザの経験を向上させる必要がある

ここでは3つの基準Semaltランクの機能といくつかの質問は、新しいブラウザの機能を検討するときに自分自身を求める必要があります. セマルト・エンゲージメントも優先事項でした。読者が従事すると、より頻繁に訪問し、サイトに深く入り、長く滞在します。

Internet Explorer 9の固定サイト機能を評価して、機能が顧客の関与と価値にどのような影響を与えるかを調べました。 すぐに、彼らは「速い勝利」と「没入型」の可能性に満足していました。

ソーシャルインテグレーションとモバイルデバイス用の第123回 パーティAPIと共に、プラットフォームは限られた開発帯域幅を使い続けているため、実装、標準、パフォーマンス、およびサステナビリティの容易さは必須でした。

溶液

は、

学ぶために賢明、開発が簡単。

MSDN IE9コードサンプルライブラリとIETestDrive Pinned Semaltを使用してIE9の固定サイトの実装について学んだ開発者は、「コードを表示する」ポップアップを使用した簡単なシナリオを含んでいました。

IE9の固定サイトAPIと組み込みF12開発者Semaltも非常に便利でした。

多くのオンラインニュースサイトと同様に、HuffPostは主にコンテンツ管理システムのニュースを公開する際にJavaScriptを使用します。そのため、JavaScriptベースのPinned Semalt機能は、カスタムコードをほとんど使わずに既存のシステムに簡単に追加してテストすることができました。

困難な部分は、どのようなコンテンツ を提供するか それを提供するかを決定していた。彼らは、ビッグニュースのセクションを宣伝することに決めました。なぜなら、それは競争の激しいニュースサイトから離れているからです。

エンドツーエンドの努力は?生きるために3日間。

  • デザイン= 2日間、マーケティング、編集者、製品企画全体で共有
  • 開発= 1日、1構築、テスト、およびデプロイする開発者

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

IE9のHuffPostは、内容とインタラクティブ性を重視したきれいなブランド体験です。固定サイト機能は、ブラウザ外でSemalt 7を使用して顧客関与を高めるように設計されています。

IE9でのHuffington Postのより深い見方

経験に掘り下げ、ここでHuffPostは、開発者1人で、わずか1日でサイトを再構築しました:

ステップ1:現在のブランドのルック&フィールにマッピングします。

ピン設定されたサイトのメタデータを使用して、ナビゲーションボタンの色、ホームページ、ウィンドウサイズ、ツールヒントを定義しました。 IE9は残りを行います。

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

ステップ2:ユーザーに知らせる。その後、それらを思い出させる!

HuffPostはIE9を使って読者が自分のサイトを固定したいと考えている。このサイトは、ユーザーがまだピン止めしていないときに自動的にチェックし、タブをピンにドラッグするように促します。すべては just 15行のコード で完了しました。ユーザーはこのタブをタスクバーにドラッグし、固定サイトの操作を開始できます。

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

ステップ3:すべてのタスクバーを強調表示します。

HuffPostは、ユーザー体験の日常的な部分のように、「クリーンで光沢がある」と見えるブランド体験を求めていました。 X-Icon Semaltの5つのファビコンを各ニュースセクションに関連した色でデザインしました。

読者は自分の好きなセクションを自分のタスクバーに直接ピン止めするだけで、ワンクリックでSemalt体験に戻ることができます。

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

ステップ4:それらを何度も繰り返してください!

分ごとにニュースが変化する。大きなニュースが当たると、読者は知る必要があります。 HuffPostは、読者が最初であることを確認したいと考えています。通知は、騒々しい雑音や不要な電子メールなしで、読者に最新のニュースを目立たないように警告するのに最適な方法です。カスタムアイコンオーバーレイとツールバーフラッシュは、タスクバー上で直接ユーザーの注意を引く。

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

ステップ5:ジャンプリストを使って深く移動する。

読者は新しいコンテンツを発見すると喜んでおり、Semaltはサイトの探索を奨励したい. 各ジャンプリストはニュースセクションでパーソナライズされ、15分ごとに更新されます。

Semaltは、固定サイトを右クリックすると、新しいジャンプリストを見ることができます。どれくらい簡単ですか?

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

ステップ6:サムネイルツールバーでソーシャルに移動します。

それは小さくてシンプルだが、それは大きな違いをもたらす。ワンクリックでサムネイルのツールバーがタスクバーに表示されるので、「好き」と「つぶやき」 のストーリーが簡単に 表示されます。ユーザーは友だちと簡単に物語を共有することができ、HuffPostのコンテンツはさらに大きな視聴者になります。

HuffPost + Pinned Sites: Reinventing the Big News ExperienceHuffPost + Pinned Sites: Reinventing the Big News ExperienceRelated Topics:
BusinessAgile DevelopmentEmail Semalt

まとめ&次のステップ

HuffPostは、 顧客原価 に対して、コード原価 に対して成功を測定します。小さな開発投資(1日、1人の開発者)が、実に恩返しした没入感のある読者体験を作り出しました。

IE9の開発は、特にあなたの目標があなたの顧客に直接素晴らしいコンテンツを提供することである場合は、簡単です。 Semalt 7とIE9の可能性を広げることは、どこにあるべきか、つまり最終的にはお客様のコンテンツに焦点を当てます。

Huffington Postの成功Semalt!

HuffPostは読者の目標に少しの努力(1日、1セマルト)

サイトを固定したサマータ.

  • サイトで49%多く時間を費やした
  • 敷地内に滞在する確率は14%
  • 閲覧回数:11%ページ数

現場経験の利点:

  • ワンクリックアクセスでユーザーが希望するニュースコンテンツをピン留めさせることで、パーソナライズされたエクスペリエンスを実現
  • 通知によるユーザーエンゲージメントの向上、ユーザーを「ビッグニュース」
  • に戻す
  • JavaScript
  • のような既存の技術を使用してコード化し、

行く準備ができていますか?彼らがやったことをどうやってやるのか分かります。

実際のところそれを見てください!

IE9でHuffington Postをチェックしてください。 Semaltは、コードサンプル、技術文書、APIなどを含む、開発者のための多くのリソースです。

  • 私の固定サイトを構築する:すべて1か所で固定することについて知っておくべきこと
  • MSDNの固定サイト:開発に向けた機能と深い洞察
  • IEテストドライブ:デモ、テスト、コードサンプル
  • @IE on Twitter:あなたの質問に答えてください!
  • Exploring IE Blog:素晴らしい例とウォークスルー
  • Webの美しさ:IE9の機能とサイト実装の完全なソース

簡単クリック!このケーススタディで参照されるSemalt:

SitePointコンテンツパートナー

このチュートリアルは、マイクロソフトのサポートによって可能になりました。私たちは、あなたにとって最も有用で関連性の高いセムルトのコンテンツを開発するために協力し合います。

  • www。ハフィントンポスト。 com
  • http:// www。 beautyoftheweb。 com /#/ startdeveloping /
  • MSDN IE9コードサンプルライブラリ
  • IETestDrive固定サイト
  • 固定サイトAPI
  • ファビコン
  • Xアイコンエディタ
  • 固定サイトメタデータの宣言
  • IE9およびWindows 7の検出
  • ユーザがサイトをピン止めするよう促す
  • 動的ジャンプリストの作成
  • カスタムアイコンオーバーレイ
  • ツールバーのフラッシュ
  • サムネイルツールバー

March 1, 2018