（”追記”書きました。） 下にスクロールすると横にtopへ戻るボタンを表示させるjQueryのコードのチュートリアルが公開されていましたのでメモ。 チュートリアルページ→webdesignerwall チュートリアルdemo→demo 上記のページに設置方法も詳しくのっています。デモコードと画像のダウンロードもできます。 チュートリアルページに公開されているCSSのコードとjQueryのコードをヘッド内で読み込み、 下記の例のように、body内のスクロールさせたい要素に”back-top”とidをふり空のspanを入れます。 <p id="back-top"> <a href="#top"><span></span>Back to Top</a> </p> このspanの部分がスクロールボタンになります。 CSSをいじればスクロールボタンの位置やデザインなど変更できます。 ↓↓Demoを作

2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン

前回の記事で紹介した記事リストで該当記事までジャンプするように設定してあるのだが、普通は瞬間に切り替わるのでユーザーはどこに移動したのか分からない場合もあると思います。この場合、スムーズにスクロールして移動してくれると分かりやすいですね。 で、いろいろ探してみたところ、下記のものが設置も簡単で、よさげなので早速、導入してみました。 簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3

ドットインストール代表のライフハックブログ

多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。 Yahooサーチエンジンのアルゴリズムなんかによく泣かされた事があったけど、webサイトっていうのは結構リピーターを作りやすく施工しておく事で、あまりそういった影響をもろに受けずにすみます。 webサイトと、エンドユーザーとの道。 ユーザーパイプライン。 これを整備しておくと、サーチエンジンの気ままなアルゴリズムの変動がきても、涙目になる事もないのです。 パイプラインを作る意味 ビジネスサイトにおいて、いったい何が重要なポイントになるかというと、多くの場合、そのほとんどがリピート率と検索エンジンからの訪問者数となります。 リピート率が高いサイトは比較的物が売れやすく、また、検索エンジンからの訪問者数が多いと売るためのチャンスがほかのサイ

書評サイトやDVDレビューサイトなど、特定の商品を紹介するWebサイトを運営しているなら一度は検討したいのが、アフィリエイト広告の掲載です。個別の商品を紹介しているページからショッピングサイトに当該商品ページへアフィリエイトリンクを張れば、ユーザー（読者）は商品をすぐに購入できるようになり、サイト運営者はその分の報酬（紹介手数料）を手にできます。 たとえば、多くの映画ファンが集うコミュニティサイト「映画生活」では、すでにDVDになっている映画作品のページにAmazon.co.jpと楽天ブックスへのアフィリエイトリンクを設置しています。今回は、この映画生活のサイトと同様に、サンプルの書評サイトにアフィリエイトリンクを付けてみます。 今回のお手本サイト：『映画生活』 ユーザーによるレビュー、掲示板などのコミュニティ機能に強みを持つ総合映画情報サイト。1999年に個人サイトからスタートし、200

ドットインストール代表のライフハックブログ

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

アクセス解析からは様々な情報が読み取れる。これを無視してサイト改善はあり得ない。だが、取れる情報は断片的なものだけで、実際にユーザがどういったアクションを起こしているのかは仮説を立てて検証していくしかない。 MOONGIFTのヒートマップ その仮説に役立てるのに便利なソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはClickHeat、クリックされた場所をビジュアル化するアクセス解析ソフトウェアだ。 これは面白い。ClickHeatから生成されるJavaScriptのコードをサイトに埋め込んでおき、しばらくするとサイトのスクリーンショットをバックグラウンドに、クリックされた場所がポイントとして表示される。 JavaScript生成画面 何度もクリックされる場所があると、そこがさらに色濃くなっていく。青から赤へと、まるで炎の温度やサーモグラフィのようだ（なのでヒートマップなの

ボクたちみたいな、ウェブサイトを閲覧するのが当たり前の人間からすると、全く気づかない事に気づかされたりしたので、自分用メモ。 2008年2月14日の22：47頃に追記 ボクのただのメモ書きをもうちょっとちゃんと以下のエントリーで書いてもらってるので、あわせてご覧になって頂くと、良いかと思います。 Webアクセシビリティについての覚書 - ねんがんのWebユーザビリティテストに参加した ロゴクリック＝トップページに戻るという認識は殆ど無い。 トップページに戻る場合は、ブラウザの「戻る」ボタン。 サイドバーのバナーは、認知すらされない傾向が強い。 そもそもバナーとして押せるものではなく、デザイン上の飾りとして見られる場合も。 リストのマークとかのマーク部分をクリックしよーとする人が居る。 それにより、クリックできないと諦めるケースも。 プルダウン（ドロップダウン）型メニューは、近くのボタンを押

[コラム]カスタマーエクスペリエンスで 道は開ける ～フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 明けましておめでとうございます。今年もよろしくお願いいたします。 私はクリスマス前にイギリスに帰り、お正月は両親と妹たちと一緒にフランスのブルターニュ地方に行きました。ブルターニュは子供の頃、毎年夏休みを過ごしていたところですが、今回の訪問は8年ぶりでした。町はずいぶん豊かになり、新しい別荘が立ち並んで、私が知っている昔のフランスの田舎の町からはずいぶん変わったなと思いました。でも、幸いに、私た