テキスト選択後のアクションをポップアップしてくれユーザビリティ向上に使える「Search And Share」
2009年12月25日-
スポンサード リンク
テキスト選択後のアクションをポップアップしてくれユーザビリティ向上に使える「Search And Share」。
ページ内のテキストを選択するとポップアップメニューが出てクリックで任意のページを開くなどのアクションが設定できます。
動作を説明すると、まず、ページ内のテキストを選択します。
すると、ポップアップが現れて、コピーの他、各種検索サイトに誘導させることができます。
拡大すると以下のような感じです。
ブラウザのコンテキストメニュー拡張みたいですが、これならどんなブラウザでも同じものを見せられます。サイトの内容によっては大きくユーザビリティを上げられそうです。
で、クリックすると、ここからが面白くて、ページの上部からIFRAMEが現れてアニメーションしながら広がって次のようになります。
画面遷移がないので、戻る手間が省けます。これは、辞書等、そのワードに関連する情報を出してあげるとユーザビリティ的にとてもよくできる可能性がありますね。
乱用しても使いにくいサイトになるリスクがありますが、適切に使えば便利に使えそうですね。
以下のエントリを参照してください。
Search And Share | Latent Motion
ページ内のテキストを選択するとポップアップメニューが出てクリックで任意のページを開くなどのアクションが設定できます。
動作を説明すると、まず、ページ内のテキストを選択します。
すると、ポップアップが現れて、コピーの他、各種検索サイトに誘導させることができます。
拡大すると以下のような感じです。
ブラウザのコンテキストメニュー拡張みたいですが、これならどんなブラウザでも同じものを見せられます。サイトの内容によっては大きくユーザビリティを上げられそうです。
で、クリックすると、ここからが面白くて、ページの上部からIFRAMEが現れてアニメーションしながら広がって次のようになります。
画面遷移がないので、戻る手間が省けます。これは、辞書等、そのワードに関連する情報を出してあげるとユーザビリティ的にとてもよくできる可能性がありますね。
乱用しても使いにくいサイトになるリスクがありますが、適切に使えば便利に使えそうですね。
以下のエントリを参照してください。
Search And Share | Latent Motion
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ