メガドロップダウンメニューって？ | dIG iT
dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、１本は濃い内容で書いてみてます！ 以前にBest Buyを例にあげてUSにおけるTOPページの変化について少し触れました（解析しやすいは作れる！）。これだけではなく、もう１つ大きい変化と考えているのがメガドロップダウンメニュー（メガメニュー）です。 ということで、ここのところずっと気になっていたメガドロップダウンメニューについて少し調べてみたことを書いてみます。 メガドロップダウンメニュー？ そもそもメガドロップダウンメニューが何かという話です。基本的にはヘッダなどにあるグローバルナビゲーション部分をオンマウスした時に、表示されるドロップダウンメニューの内容が多くなったものを指しています。 ちなみにユーザビリティの大家であるJakob Nielsenが挙げているメガドロップ
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
秀逸なユーザビリティのボタンをデザインするための5つの秘伝 - GIGAZINE
ユーザビリティを考える上でかなり重要なのがボタンのデザイン。聞いた話だと、某どこかのローンお申し込みページではボタンのサイズを極端に大きくして目立つようにして、ボタンに「OK」とか「投稿」ではなくデカデカと「今すぐ申し込む」というようにラベリングしたところ、数百パーセント増しで申込みがあったとのこと。ほんの少しのデザインの差でもバカにはできません。 というわけで、いろいろな有名サイトのアイディアが詰まって練り込まれたボタンのデザインを見てみると、どれもこれも一見すると普通に見えるようでも、実はそうではないことがわかります。それらには共通して5つのルールが適用されています。 秘伝の法則は以下から。 ■秘伝その1：色 ボタンの色はページの他のものよりも目立たせ、より明るく、そしてコントラストを効かせてページのカラーとは対照の色を使いましょう。 ■秘伝その2：場所 ユーザーがすぐに見つけることが
Webは紙より、リーダビリティが問われる 離脱を防ぐ、「流し読みでどうぞ」コピーの書き方とは？：MarkeZine（マーケジン）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
SEOとユーザビリティを結びつけてコンバージョンを増やす4つのポイント | Moz - SEOとインバウンドマーケティングの実践情報
誰もが分かっていることだろうけど、SEOの目的は最終的なコンバージョン数の向上にあり、コンバージョンはお金に直結している！ SEO施策をしっかりしていても、サイトのユーザビリティがお粗末だと投資対効果（ROI）は上がらない。しっかりしたSEOに加えてユーザビリティも素晴らしければ、忠実な訪問者と高いROIを間違いなく獲得できる。 つまり、検索結果でクリックしてもらうところでSEOの役割が終わりだというわけではないということだ。単にグーグルで夢のような検索順位を獲得できればそれでいいということではない。それに、これは私のささやかな意見だけど、大事なものはサイト内のページ上にあり、ユーザーにそれをどう見せるかということだ。 そこで今回は、どうすればSEOと優れたユーザビリティを結びつけることができるかを考えてみよう。 さぁ、SEOとユーザー体験の融合に取り掛かろう。やり方としてベストなのは、ユ
効果的なバナーのボタンの色は何色か？ : インターネットコムニュース : ニュース : ネット＆デジタル : YOMIURI ONLINE（読売新聞）
約2年前のこと。Firefox が行った非常に興味深い実験がある。それは「1番効果的なバナーのボタンの色は何色か？」というものだ。 Firefox は1週間毎にダウンロード用のボタンの色を変えて、ダウンロード数を比較した。結果は以下の通り、“緑色”の圧勝だった。 緑：719,377 青：196,559 紫：196,871 橙：195,782 ※ダウンロード数 他の色と3倍以上の差をつけて、Firefox は緑色のボタンからダウンロードされた。この結果は（少なくとも筆者の周りでは）非常に話題になった。「緑色のボタンが効果的らしい」という実験結果は瞬く間に広がって、一時期 Web 上に緑色のボタンが増えたと記憶している。 では、Firefox の興味深い実験から約2年が経った2011年現在でも、緑色がクリックされ易いというロジックは健在だろうか？実験をしてみた。 （1）赤と黄色と青と緑のボ
アフィリエイター必見！クリックしたくなるバナーボタンの色は？ ｜ セミリタラボ
知っていましたか？バナーの色の違いでクリック率が大幅に変わるのをご存知でしたか？ある実験結果がありますので、ご紹介しようと思います。 こんにちは、マメボーです。 今日は、おそらくアフィリエイターさん必見ですよ！ アフィリエイターさんは報酬を得るため 商品を検証してレビューを書いて、販売ページに誘導するです。 ですが、 せっかく検証して、良いレビューを書いても、 販売ページに誘導できなくては、まったく意味が無いですよね。 そのためにいろいろ工夫していると思います。 みなさんはどのような工夫をしていますか？ 一番思いつく方法としては、 目立たせる！ ですよね。 こんな感じですか？ ↓↓↓ 「そう、そう、それ！」 って思われた方は、 実は非常に損をしているかも知れませんよ。 もっともクリックされやすいバナーボタンの色は これは、2009年にMozillaのFirefoxがある実験を行った結果です
実践！Webユーザビリティ研究室： 理論編：その5ヒューリスティック評価の実施方法
前回の「理論編」では、ユーザビリティ調査のキモとも言える、ユーザーテストの実施方法についてご紹介しました。今回は、ユーザビリティ調査の手法のひとつである「ヒューリスティック評価」についてご紹介しましょう。 ● 「経験則」にもとづいてWebサイトを評価 ヒューリスティック、というのはあまり耳慣れない単語ですが、これは直訳すると「経験則」という意味になります。早い話、Webサイトにおけるユーザの一般的な行動原理に反した箇所がないか、これまでの経験則をもとにWebサイト内をくまなくチェックしていくという手法です。 例えば、リンクに関連した項目では「リンクの訪問済みと未訪問が判別できるようになっているか」「訪問者にことわりなく別ウィンドウでリンクを開いていないか」「全てのページにトップページへのリンクが設けられているか」といった項目が挙げられます。過去の事例からこうあるべきと判断されたこれらの項目
40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート | Web担当者Forum
40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編 2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
転職・退職代行マガジン -
ビービット