ユーザビリティ実践メモ

インタラクションデザインで忘れがちになるユーザ視点 - ユーザビリティ実践メモ

15 years 9ヶ月 ago
最近のウェブサイトは動作(インタラクション)を含んだサイトが多く見受けられます。ただし、インタラクションが加わることで逆に使いにくくなってしまうこともあるため、使用する場合は気を付ける必要があります。 本日は、インタラクション設計を行った検討経緯をご紹介する中で、ユーザ視点の重要性を確認したいと思います。

オプトインメールの承諾画面をユーザ視点でチェックする - ユーザビリティ実践メモ

15 years 9ヶ月 ago
平成20年6月に成立した「特定商取引に関する法律及び割賦販売法の一部を改正する法律」では、宣伝や広告を目的としたメールを送信する際には、ユーザから事前に承諾を取ること(オプトイン方式)が必要と定められました。きちんとした承諾を取らずに広告や宣伝メールを配信した場合行政処分の対象となる場合もあります。今回は事前の承諾の取り方について、経済産業省のガイドラインを元に考えてみたいと思います。

「自由にカスタマイズ」の落とし穴 - ユーザビリティ実践メモ

15 years 10ヶ月 ago
「一人一人のニーズに合わせてカスタマイズできる」ことを売りにした製品やサービスは、近年よく目にします。 例えば、 ・個々の保障内容を自由に組み合わせられる自動車保険 ・各パーツのスペックやオプションを自由に選んで注文できるパソコン などはその代表的な例といえるでしょう。

驚くほど伝わらない、サービスのメリット - ユーザビリティ実践メモ

15 years 10ヶ月 ago
ユーザ行動観察調査を実施すると、全力で訴求しているはずのメリットや強みが、驚くほどユーザに伝わらないケースが多く見られます。 伝わらない理由は様々ですが、今回は具体性が足りないために他社サービスとの違いが伝わらない、という例をご紹介します。

【海外事例に学ぶ】フォーム入力におけるリアルタイムエラー表示のポイント - ユーザビリティ実践メモ

15 years 10ヶ月 ago
今回は、A List Apart掲載のルーク・ウロブレウスキ氏(※)による記事、“Inline Validation in Web Forms”をご紹介します。当記事のテーマは、フォーム入力中のリアルタイムエラー表示(インライン・バリデーション)方法の最適化についてです。

コンバージョン直前のユーザがつまずきやすいポイント - ユーザビリティ実践メモ

15 years 11ヶ月 ago
コンバージョン率向上を考えた場合、エントリーフォーム最適化(EFO)など、フォーム内の改善に意識が向きがちですが、実はフォームに入る前の段階にも改善すべき点が残されている場合があります。 今回はフォームに入る前のページでよくみられる、ユーザのつまずきやすいポイントをご説明します。

他媒体からユーザをスムーズに誘導するために、一貫性のある表現を - ユーザビリティ実践メモ

15 years 11ヶ月 ago
インターネットは企業活動のなかでますます重要度を増し、ダイレクトメール(DM)やテレビCMといったサイト外メディアとの連携も増えてきています。 実践メモでも、サイト外メディアを考慮した情報提供について何度か取り上げてきました。 【参考記事】今回は、特にサイト内での表現について、サイト外メディアとの連携に課題が見つかったケースと改善例をご紹介します。

目的を持ったユーザに、その他の情報を伝えるには? - ユーザビリティ実践メモ

15 years 11ヶ月 ago
更新情報の確認など明確な目的を持ってサイトに定期的に来訪するユーザは、常にサイトの同じエリアを見て、同じように離脱しがちです。 一方で、このように定期的にサイトを訪れてくれるユーザがいる場合、「彼らの目的達成を妨げることなく、都度他の情報も訴求したい」と考えるサイト運営者が多いのではないでしょうか。

第49回 強力なビジネスツールとなるグローバルサイトの要点【後編】 - コラム/トーク

15 years 11ヶ月 ago

◆本コラムのサマリ

  • サイトの成果を最大化するためには、ユーザシナリオを考慮することが前提だが、英文品質、サイトの構成、文章量といった形式面の最適化も必要となる。
  • グローバルサイトを実際に実装し展開するには、社内や現地法人との調整も重要。

前回

前編では、自社の製品・サービスがターゲットとするユーザを考慮することの重要性と、サイトの構造の考え方について紹介しました。
今回は、サイト制作にあたっての注意点および進め方をご紹介します。

【ポイント1】 外国人の特徴を考慮したサイト形式

製品やサービスの魅力を伝え、ユーザをビジネスゴールに導くには、ユーザ像やユーザニーズを明らかにし、ユーザシナリオを考慮することがウェブサイト制作において重要ですが、これらに加え、サイトの形式面にも踏まえておくべきポイントがあります。

文化や言語、ユーザの行動特性の違いから、英語のケースでは以下の点が形式上のポイントとなります。

(1) 英文のネイティブチェックは必須
(2) 先進的なイメージ訴求も重要
(3) コンテンツエリアは適度な横幅を確保する
(4) 文章量を削りすぎない
(5) リンクは左寄せで配置する
(6) 「問い合わせリンク」はヘッダに設置する

(1) 英文のネイティブチェックは必須

これは実際にビジネス上でネイティブユーザに接する機会がないと認識しづらいのですが、企業のグローバルサイトでは非常に重要です。

日本人でもある程度のスキルがあれば日本語を英文化することは可能です。しかし、どうしてもネイティブが見ると拙い英語となっていることがあります。

例えば、日本語サイトのコンテンツを以下のように英訳したとしましょう。

「基本的にサポートサイトを本社で運用し、各国はそこへアクセスする。」
→The headquarter administer a support website, each country access to it, basically.

ネイティブスピーカーからすると、以下の点で疑問を感じるでしょう。

  • 用語がおかしい (「運用」はoperate、「アクセスする」はlinks to itが正しい)
  • basicallyが最後にある

グローバルサイトでは、ユーザの最初の接点が企業ウェブサイトであることも少なくありません。その場合、ユーザの印象は接するウェブサイトによって形成されることになります。そのため、サイトの英文品質の低さは企業イメージや信頼性の低下に直結し、ビジネス機会を逃す結果となってしまいます。

同様の観点で、ヨーロッパのサイトではアメリカ英語ではなくイギリス英語の表現とする必要があります。

(2) 先進的なイメージ訴求も重要

海外の大手サイトでは画面全体にわたるブランドパネルや、動きのある画面など、新しい見た目の要素が日本よりも早く実装される傾向にあります。

ニューヨークやシンガポールで実施したBtoBサイトのユーザ行動観察調査では、ユーザの多くがブランドパネルが小さいサイトに対して「古い」という印象を持ちました。

必ずしも先進性の訴求が重要ではない業種でも、過剰とならない範囲で画面全体を使ったブランド訴求や動きのあるコンテンツなどを採り入れるとネガティブな印象を持たれることは少ないでしょう。

ただし、先進性を追求するあまりファイルサイズが大きくなってしまうと回線速度が遅い地域では不便になります。そこで、SAMSUNGサイトのようにファイル容量が小さいバージョンも用意すると良いです。

図表1:海外サイトトップページのトレンドは大きなブランドパネル

(3) コンテンツエリアは適度な横幅を確保する

アメリカ人やオーストラリア人、シンガポール人などを対象としたユーザ行動観察調査において、英文コンテンツの横幅がやや狭いサイト(3カラムで英文のエリアが380ピクセル程度)を閲覧した20代から30代のユーザが、「狭い」、「右側のエリアが邪魔だ」という反応を示しました。

新聞といった紙メディアよりインターネットに慣れ親しんだユーザにとっては、英文エリアの幅が狭いと読みづらく、印象を損ねてしまう恐れがあります。

New York Timesのサイトでも、トップページは細めのカラムが存在する新聞調のレイアウトですが、記事ページでは横幅が広く取られています。この程度の幅を確保すれば問題はないでしょう。

図表2:ニューヨークタイムズサイトのレイアウト

(4) 文章量を削りすぎない

日本語のサイトの場合、「文章は少なめとする方が良い」と言われます。(ニュースサイトに代表されるような読み物メインのサイトについてはやや事情は異なります)
ディスプレイ上で文章を読む速度は印刷した文章と比べて25%遅くなるという調査結果もあることから、日本語のサイト設計の際はユーザの「斜め読み」を踏まえた構成にすることが少なくありません。

しかし、アルファベットをベースとした言語の場合、文字の構造が単純で視認性が高いため、文章量が多くてもユーザはしっかりと読んでいきます。日本語の場合より文章が多めのページ構成となってもそれほど問題はありません。

図表3:英文では文章が多い構成でも大丈夫

(5) リンクは左寄せで配置する

日本のサイトでは、あるカテゴリ内のリンクを一部だけ表示して「その他はこちら」というリンクをエリアの右下に配置することがあります。

しかし、英語サイトでこの配置にすると、ユーザが気づかない場合があります。

英語圏のユーザの場合、右寄せとなっているコンテンツに慣れていないため、リンクは左寄せとする方が良いでしょう。

図表4:リンクの配置

(6) 「問い合わせリンク」はヘッダに設置する

海外サイトでは、ヘッダ部分に「Contact Us」というリンクが配置されているものが多くあります。

問い合わせがサイトのゴールとなるBtoBサービスを対象にアメリカで実施したユーザ行動観察調査においても、問い合わせ時にはヘッダを探すユーザが多く存在しました。

コンテンツエリア内にContact Usへのリンクを設置することも重要ですが、最終ゴールが問い合わせとなるBtoBサイトの英語版では、ヘッダに「Contact Us」リンクを設置することは必須となります。

図表5:問い合わせリンクはヘッダに配置

【ポイント2】 サイト制作をスムーズに進めるために

グローバルサイトを制作する場合、本社内のみならず、海外担当部署や現地法人との調整が発生します。現地法人においてサイトの運用に手が回らないところでは本社側の案に従って運用負荷が軽減されることを望む傾向にありますが、独自にウェブサイトに力を入れているアメリカやヨーロッパは、日本側から単純にサイト構成案を提示してもまとまりません。

アメリカではウェブサイトが充実していないと会社自体が信頼されないという固有の背景があり、現地法人側も試行錯誤を重ねて培ってきた経験とウェブサイト運営に対する自負があります。また、ヨーロッパでは美術的な面が重視される傾向も加わってきます。

この点は各企業ごとの事情にもよりますが、グローバルサイトリニューアルにおいては、プロジェクト初期からアメリカやヨーロッパなどの主要地域の担当者を巻き込み、また運用面を含め具体的な実現イメージを共有しながら進めることが成功の秘訣です。

まとめ(前編、後編を通して)

企業のグローバルサイト(海外事業向けサイト)については、日本語サイトをそのまま英訳するだけでは不十分です。利用者となる各国のユーザをそれぞれ分析しユーザシナリオを考えてウェブサイトのコンテンツ、サイト構造、必要な言語を検討しなければ成果をあげるサイトとすることはできません。

また、ユーザが外国人であるがゆえに、サイトの形式面でも日本向けサイトとは異なる注意点を意識しなければなりません。

これらの点を踏まえたうえで、早い段階から社内や現地法人と調整し進めていくことが、グローバルサイトの成果創出を実現するカギとなるのです。

診断ツールにおける選択肢の作り方 - ユーザビリティ実践メモ

16 years ago
ウェブサイトにおいてユーザにいくつかの質問に答えてもらい、その結果として当該サイトが提供するサービスを紹介する「診断ツール」が存在します。旅行会社サイトで好みのツアーを診断したり、証券会社サイトで適切な投資スタイルを診断するなど、様々な場面で用いられています。 今回はこの診断ツールで、ユーザに回答してもらう質問について考えてみたいと思います。

プルダウンメニューのページ遷移は自動?手動? - ユーザビリティ実践メモ

16 years ago

プルダウンメニューで項目を選択して、ページ遷移(表示変化)を待っているが何も起きない。ユーザ行動観察調査ではこんな光景がよく見られます。
今回は、ページ遷移を伴うプルダウンメニューでよく見かける「ユーザのイメージと異なる挙動をする」設計について考えてみたいと思います。

写真・画像の具体的な情報は、ユーザに与える影響が大きい - ユーザビリティ実践メモ

16 years 1ヶ月 ago

最近は特にECサイトなど、画像を豊富に掲載して、見ていて楽しい魅力的なサイトが増えてきています。
しかしサイトの魅力を増す画像も、使い方を誤るとユーザをミスリードしてしまうことがあります。
今回は画像活用時の注意点をご紹介します。

入力フォームでの「郵便番号」の意外な盲点 - ユーザビリティ実践メモ

16 years 1ヶ月 ago

登録や申し込みページの入力フォームにおいて、郵便番号を入力すると住所欄が自動入力される機能は、ユーザの入力負荷を軽減する便利な機能です。実はこの機能、正しく郵便番号を入力してもある条件下ではエラーとなってしまうことがあることをご存知でしょうか。今回は入力フォームでの「郵便番号」の意外な盲点についてご紹介します。

確認済み
43 分 25 秒 ago
ユーザ中心アプローチを用いたネットマーケティング支援会社「ビービット」では、徹底したユーザ分析と仮説検証型方法論により、成果の上がるウェブサイトの戦略・設計・構築を実現します。
ユーザビリティ実践メモ フィード を購読

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored