Webユーザーは、情報過負荷へ適応するため、重要でなさそう、あるいは広告のように見えるエリアから注意をそらすように自分たちを訓練してきた。しかし、サイドバーは適切にデザインすれば、コンテンツを発見しやすくし、ユーザビリティをうまく向上させることができる。 Fight Against “Right-Rail Blindness” by Hoa Loranger on October 12, 2013 日本語版2013年12月17日公開 残念なことだが、Webサイトクリエイターが右カラム（Webページの右レールとも呼ばれる）を広告の掲載によく使うので、ユーザーはこのエリアをチェックしないように自分たちを訓練してこざるをえなかった。これは右カラムはやめるべきということだろうか。いや、そんなことはない。 ページの右側で消費されるピクセルは利用可能な量のうちの20％程度だが、ピクセルとはコンピュータ

[対象: 中〜上級] さまざまなモバイル向けサイトの研究中に出くわした、ユーザビリティを大きく損ねる12個の要素をE-consultancyがブログで解説しました。 ユーザビリティの悪化だけではなく、なかにはGoogleのランキングを下げる原因にも繋がるスマートフォンサイトの構成ミスも含まれています。 モバイル対応が必須になっている現在のサイト運営において、とても参考になる記事なので紹介します。 なお直訳ではなく、僕なりの言葉で要点を説明します。 英語がわかる方は原文も読んでください。 モバイルサイトのユーザビリティを損ねる12個の欠陥 1. 突然デスクトップ向けサイトに切り替わる モバイル向けのページを閲覧していたのに、デスクトップ向けページに突然移動させられてしまうサイトは確かにありますね。 モバイル向けのデザインだったのに、ページを移動したら何の前触れもなくPC向けのデザインに切り替

今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし

こんにちは！コンシューマメディア部ディレクター浪越です。 制作ディレクターとして、サイトの改修に着手することがありますが、その際どうやって改善点を見つけるかがいつも問題になります。 色々なサイトを見て便利な機能を探して、改修に取り入れることができないかを考えることはとても重要です。 しかし、もっと問題解決に効果的な方法はないのか…。グループインタビューやユーザビリティテストなど、簡単にできればいいのに…。と思うディレクターさんもいらっしゃるのではないでしょうか。 実はユーザビリティテストであれば、テストするユーザーも含め、3人いれば実施が可能なのです。 今回は、簡単にできるユーザビリティテストの方法をご紹介いたします！ グループインタビューとユーザビリティテストの違い まずは、混同されがちなグループインタビューとユーザビリティテストの違いをまとめます。 グループインタビュー 【目的】 人間

2024年12月17日発表 スマートフォンサイト ユーザビリティランキング2025 〈企業サイト編〉 調査時期： 2024年8月下旬から2024年11月上旬

年の瀬が迫り、今年も残りわずかとなりました。ちまたではクリスマスや年の瀬の準備など、イベント事で賑わっています。そこで今回はイベント行事で幹事を務めることが多い人に、ぐるなびとFooMoo by HotPepperという主要グルメポータルサイトの忘年会特集を見て忘年会で利用するお店の候補探しをしてもらい、サイトのどんな点が見られているのかをチェックしました。 被験者は、幹事を務めることが多い20代後半から30代前半の男女4名（男性2名、女性2名）。候補のお店を2〜3件ピックアップしてもらった時点でタスク終了としました。なお、 お店選びの主な条件として、時期は12月中旬から下旬、エリアは神田周辺、忘年会の参加人数は会社の同僚10〜15名ほど、予算は会社からお金が出ない想定で自由としました。 まずはお店がどのくらいあるのか確かめたい ぐるなび、FooMooともに、トップページでさまざまな検索軸

こんにちは、モバイルチームに所属している入社2ヶ月目のディレクター、Otakeです。 今回はサイト設計に携わるディレクターが常に意識しなくてはいけないことの一つ「ユーザビリティ」についてのお話です。 ユーザビリティとは一言でいってしまえば「使いやすさ」という事ですが、何をもって「使いやすい」とするかは提供するサービスによって多種多様であり、その検証方法も様々です。 私は前職で転職サイトの運営に携わっていたので、通常のサイトよりかなり複雑な構成のサイトで様々な「ユーザビリティ」に関する改善をおこなってきました。そのひとつを紹介します。 あるとき、運用作業中に「会員登録」したユーザーの登録直後の動きに関する数値を検証していたところ、こちらがよかれと思って提案しているコンテンツの離脱率が非常に高いことに気づきました。 具体的には会員登録後に転職の可能性を広げる「スカウト情報」への登録を促すという

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

原文(投稿日：2009/09/08)へのリンク アップル vs マイクロソフト -- ウェブサイトのユーザビリティを学ぶと題された記事の中で、Pixelshellの共同設立者であるDmitry Fadeyev氏は、ユーザビリティの観点からアップルとマイクロソフトのウェブサイトを比較し、アップルを勝者とした。マイクロソフトのPMの一人であるScott Barnes氏は、彼に賛同し、さまざまな異なるサブドメインでの管理に問題があることを述べた。 Fadeyev氏はアップルとマイクロソフトという、ソフトウェア業界の二大巨頭のウェブサイトを7つの基準で比較した: ホームページ Fadeyev氏はアップルは長年の彼らのアプローチと同様、依然ホームページを"広告ボード"として使い続けていると述べた。 「最上部に配置した主要な広告は大きく」、ページの残りの部分は2,3のアイテムにとどめ、「簡単にどこか次

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

訪問者の半数、5,000人が見込み客と考えてみよう。つまり、資料請求を増やすための大きな戦術としては、 直帰している訪問者のうち、見込み客になる人を帰らせないようにするサイトを何ページも見ている人が資料請求に進むようにするということになるだろう。 資料請求する人の気持ちのなかにある“警戒感”資料請求をする、というのを訪問者側の立場で考えると、どんなものになるだろう。一般的に資料請求はフォームを使って行われる。つまり、会社名、部署名、氏名、所番地、電話番号、メールアドレスなどを書き込まなければならないのだ。 物理的には資料を宅配してもらうために、所番地や電話番号も必要なのだが、もしかすると、ここで所番地を書いたがために、ダイレクトメールががんがん届くようになるかもしれない。電話での営業攻勢が始まるかもしれないのだ。個人情報の扱いが粗くて、どこかに漏れ出す危険もあるだろう。そう思うと、入力する

[コラム]カスタマーエクスペリエンスで 道は開ける ～フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、カスタマーエクスペリエンスへの投資を正当化するための6つのステップのうち、最初の3つをご紹介しました。 プロジェクトを企画する（サイトのどこを変える必要があるかを明確にする）プロジェクトによってどういう効果が得られるかを定義する現状を把握し、記録する今回のコラムでは残りの3つのステップを解説します。 サイトの改善により得られる効果の度合いを予測するプロジェクトにかかる費用を算出

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

Hey, folks, welcome to Week in Review (WiR), TechCrunch’s regular newsletter recapping noteworthy happenings in tech over the past few days. This week, TechCrunch viewed leaked documents out of

端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で

ユーザビリティを考える上でかなり重要なのがボタンのデザイン。聞いた話だと、某どこかのローンお申し込みページではボタンのサイズを極端に大きくして目立つようにして、ボタンに「OK」とか「投稿」ではなくデカデカと「今すぐ申し込む」というようにラベリングしたところ、数百パーセント増しで申込みがあったとのこと。ほんの少しのデザインの差でもバカにはできません。 というわけで、いろいろな有名サイトのアイディアが詰まって練り込まれたボタンのデザインを見てみると、どれもこれも一見すると普通に見えるようでも、実はそうではないことがわかります。それらには共通して5つのルールが適用されています。 秘伝の法則は以下から。 ■秘伝その1：色 ボタンの色はページの他のものよりも目立たせ、より明るく、そしてコントラストを効かせてページのカラーとは対照の色を使いましょう。 ■秘伝その2：場所 ユーザーがすぐに見つけることが