ピン留めウィザード – もっとインタラクティブな Web サイトを、5 分間で作成

本記事は、マイクロソフト本社の Windows チームのブログ から記事を抜粋し、翻訳したものです。 

【元記事】Introducing the pinning wizard - a more interactive website in 5 minutes2011/11/07

今回は、BuildMyPinnedSite.com にて、”ピン留め” で簡単にサイトを改善する方法を紹介します。

ピン留めサイトは、Web サイトをよりインタラクティブにしてくれる、Internet Explorer 9 の機能です。通知機能により、ブラウザーの外からユーザーの注意を引きつけ、アプリケーションのように、クリック 1 回で Web サイトを起動させることができます。

これで、最新の魅力的なコンテンツが、常にユーザーの目に留まります。その結果、ピン留めを利用したサイトでは、ユーザーのエンゲージメントが 50% 以上アップトップランクの 40,000 サイトが、既にこれを実践しています。

image

日々の仕事に追われる開発者やデザイナー、ブロガーの皆さんもご心配なく。ピン留めウィザードはおよそ 5 分で完了します。

ロゴやサイト リンクを追加し、ピン留めウィザードによって生成された 1 行のコードを HTML にコピー アンド ペーストするだけで、すぐにユーザー向けに提供できます。

image

image

具体的な手順をご紹介します。

BuildMyPinnedSite.com にアクセスして以下のアイコンをクリックし、ピン留めウィザードを開始します。

image

まずはサイト名と URL を設定しましょう。サイトのファビコンが必要な場合は、xiconeditor.com で簡単にロゴをファビコンに変換できます。

image

ユーザーにアクセスしてほしい、主要な場所へのリンクを追加します。これらはジャンプ リストのトピックとして表示されます。

image

RSS フィードを配信している場合は、RSS をジャンプ リストに追加して、ブログの最新記事 10 件を動的に表示し、ブラウザー外から通知することができます。

image

情報の入力が終わったら、JavaScript コード 1 行を HTML の <body> タグに挿入します。これで完了です。

image

BuildMyPinnedSite.com では、ウィザードを使用して独自の HTML や jQuery コードを自由に作成できます。このサイトを利用してクリエイティブなアイデアを生み出してください。その成果は自分で確認できます。今すぐインタラクティブな Web サイトの構築に着手しましょう!

-Justin Garrett