ウェブサイト設計の時に役立つ７つのテクニック／【その6】目線の操作 (ユーザビリティ実践メモ)

2012/02/13 207 users 目線 テクニック ウェブサイト設計 操作 ウェブライティング

今回のテーマは「目線の操作」です。ユーザの視線を集める要素と遠ざける要素をうまく使い分けることで、意図通りにユーザにメッセージを伝達するためのコツをご紹介します。 ファーストビュー 関連性 具体性 ウェブライティング リンクの装飾と配置 目線の操作　←今回のテーマ 他サイトでの慣習 「目線の操作」を構成する3つの要素 視線の開始位置 視線を集める要素 視線を遠ざける要素 1. 視線の開始位置 例え... 続きを読む

ウェブサイト設計の時に役立つ７つのテクニック／【その5】リンクの装飾と配置 (ユーザビリティ実践メモ)

2012/01/30 81 users 装飾 配置 テクニック ウェブサイト設計 ウェブライティング

ウェブサイト作成時に役立つ7つのテクニック、第5回のテーマは「リンクの装飾と配置」です。ユーザにとって使いやすいリンクの装飾や配置のサイトを作成するためのポイントをお伝えします。 ファーストビュー 関連性 具体性 ウェブライティング リンクの装飾と配置　←今回のテーマ 目線の操作 他サイトでの慣習 ウェブサイトでは、ユーザがリンクを見つけることができなければどんなにユーザの関心を引くページやコンテ... 続きを読む

タブ使用時の注意点 (ユーザビリティ実践メモ)

2011/06/08 43 users タブ 背後 両方 皆さん 注意点

タブによる表示切り替えは、様々なサイトで利用されている便利な機能です。さて、皆さんはタブの使い方が大きく2種類あることにお気づきでしょうか？ タブは便利であると同時に、背後のタブが見られない危険性が伴います。今回は、タブの2種類の使い方にそって、タブ利用時の注意点について考えてみたいと思います。なお、どちらの使い方か明確に分けられない場合は、両方の注意点を参考にするのがおすすめです。 ※タブを利用... 続きを読む

ユーザにどうしても伝えたい情報があるときは？ (ユーザビリティ実践メモ)

2011/05/23 42 users ユーザ 定石 自社 B社 メリット

自社のサービスのメリットを、効果的にユーザに伝える方法に悩んだことはありませんか？今回は、定石をあえて少し外したメリット訴求の方法についてご紹介します。 「でも、ページの中に書いただけではメリットに気付いてもらえない！」という時、定石をはずして“あえてページを割り込ませる”という方法が有効な場合があります。 ある情報サイトAでは、グループ会社Bの商品を紹介しており、サイトAの会員はB社の商品を購入... 続きを読む

【友人紹介キャンペーン】ユーザの気持ちを180度変化させるちょっとした工夫 (ユーザビリティ実践メモ)

2011/05/10 31 users ユーザ ウェブ 工夫 コミュニケーション 普段

友人紹介キャンペーンを用いることで自社サイトの会員数を増やそうと考えている人は多いと思います。 普段はウェブとユーザの二者間のコミュニケーションを考えていますが、友人紹介キャンペーンには「紹介される人」という第３の人を意識する必要があります。 そこで今回は、ユーザと紹介される人のコミュニケーションが少しの仕組みの違いで180度変わってしまうという例を見ていきます。 友人紹介としてたとえば次の二つの... 続きを読む

ラボの外で行うユーザ行動観察調査 (ユーザビリティ実践メモ)

2011/03/07 8 users 仮説検証 ラボ ユーザ行動観察調査 ユーザ行動 前回

前回の実践メモで「プロトタイプ＋アンケート」の仮説検証手法をご紹介しました。（「プロトタイプ＋アンケート」で、効果的に仮説検証する新手法！）今回の実践メモでは、「ラボの外で行うユーザ行動観察調査」をご紹介させていただきます。ラボの外で調査を行いたい場合、以前ご紹介しました「出張ユーザ調査」を行うこともできます。出張ユーザ調査のすすめ（ユーザビリティ実践メモ）今回ご紹介する「ラボの外で行うユーザ行動... 続きを読む

【スマートフォン】 図解！今すぐ直せる、WEBフォーム 6つの課題 (ユーザビリティ実践メモ)

2010/09/13 401 users 図解 iPhone 課題 WEBフォーム スマートフォン

スマートフォン端末の普及で、問い合わせ・申込みなどのWEBフォームがスマートフォンで使われる機会は今後も増えていくでしょう。その際、パソコン向けに用意していた既存のWEBフォームをそのままにすると、どんな問題が発生するでしょうか？ 今回は、弊社コンサルタントの自主調査から、スマートフォン端末（特にiPhone）でのWEBフォーム利用時の6つの頻出課題をご紹介します。 多くのWEBフォームでは、項目... 続きを読む

ユーザを混乱させない表組みのコツ (ユーザビリティ実践メモ)

2010/01/18 432 users ユーザ コツ ケーススタディ 同種 立場

ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。 表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。 同種の情報をユーザは区別できない 表1の問題... 続きを読む

【携帯サイト】もう1ページ先に進んでもらうための６つのテクニック (ユーザビリティ実践メモ)

2009/07/27 381 users テクニック 携帯サイト ユーザビリティテスト 6つ 筆者

せっかくコンテンツを作っても、リンクがユーザにクリックされず、内容を見てもらえない、という悩みをお持ちのWEBマスターの方は多いのではないでしょうか。 今回は、携帯サイトでユーザを次ページに導くためのテクニックをご紹介します。 筆者がユーザビリティテスト（ユーザ行動観察調査）を通して得た実感として、携帯サイトの方がパソコンサイトよりも次ページへの誘導が難しいという印象があります。ある携帯の有... 続きを読む

【海外事例に学ぶ】 リッチ化するフッター (ユーザビリティ実践メモ)

2009/06/22 197 users フッター magazine 動向 サンプル メリット

これまで当サイトでも、いくつかの記事でフッターについて扱ってきました。最近、海外のサイトを見ていると、フッターについて新しい取り組みが見られます。 今回は、海外サイトの動向をサンプルとし、フッターにおける新たな取り組みのメリットをご紹介します。 Geek Trends: 15 Footers with great usability ( pop upon magazine ) 6 Things T... 続きを読む

離脱されない携帯サイトのフォーム作成術 (ユーザビリティ実践メモ)

2009/01/26 295 users 接続 ユーザ行動観察調査 みなさん 弊社 様子

みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか？ ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを２つご紹介します。 フォーム入... 続きを読む

ユーザがつい読んでしまう表現方法とは？ (ユーザビリティ実践メモ)

2009/01/19 324 users ユーザ ウェブライティング 表現方法 発達 FAQ形式

これまで実践メモでは、ウェブライティングの基礎など、ユーザにとって読みやすい文章表現についていくつか考察してきました。 ウェブライティング 今回は、訴求ポイントをFAQ形式で表現することで、ユーザに内容まで読まれやすくする方法をご紹介します。 このサービスでは、ただ子どもを預かるだけでなく、子どもの発達を考えたサービスを行っています。しかし、こうしたこだわりの説明文をコンパクトにすることは難しく、... 続きを読む