一方で、料金などはユーザにとって非常に具体的で他社と比較しやすい情報となります。ユーザ行動観察調査でも「サービス内容は大体同じ」という思いを強めたユーザが、料金だけで比較検討をする行動が多く見られました。

具体性のある情報を提供することが重要

例えば講師の質を訴求したい場合には、質とは何を指しているのか、なぜ質が違うと言えるのかを具体的に書く必要があります。パーセンテージや年数など、数字を交えるとよりユーザから見て具体性が高まります。

ただしどんな内容でもとにかく具体的にすれば良いというわけではありません。たとえ他社と異なるポイントであっても、ユーザからニーズがない情報であれば、いくら具体的でも全く意味のない情報になってしまうため注意が必要です。

インターネット上で、他社との比較無しに検討することはもはやありえません。繰り返しにはなりますが、自社のサービスのメリットや強みをユーザに伝えるため、より具体的な情報を提供していくことが重要です。

いかがでしょう？　どれをクリックしたいと思いましたか？

ユーザ行動観察調査でよくあるパターンとしては、「とりあえず上から順番にクリックしてみる」か「一切クリックしない」です。
ユーザは、リンクには気づいても（アイトラッキングをすると確実に視線は届いています）、クリックした先に何があるかが想像できないため、当てずっぽうの行動をするか、離脱してしまいます。

自社の製品に独自のネーミングを施して、他社との差別化を図るということ自体はよいのですが、その製品が何なのかが伝わらなければ意味がありません。

では、これではどうでしょうか？

それぞれがどんな製品かを示すテキストを添えることで、ユーザの理解が進みそうな気がしますが、残念ながらこれでも充分ではありません。
もちろん説明文までじっくり読むユーザもいますが、多くの場合、ユーザの視線は行頭のリンクのついた下線部分を走り、やはり先ほどと同じように離脱してしまいます。さらに言うと、リスト部分の行間が狭く、「見慣れないカタカナの固まり」になっていることも可読性を下げ、ユーザの意欲を下げる原因になっています。

そもそものネーミングを変えられればいいのですが、そうも行かない場合、すぐできる改善としてこのような方法があります。

その製品が何なのかを端的に示すテキストをリンクとして、行頭に移動しました（行間も少し広げています）。ユーザは自分に理解できる言葉で意欲や期待を高め、次のページに行くことができます。

また、販売データやアクセスログをもとに、こんな工夫もできます。

ランキング形式とすることで、ユーザは自分が気になるリンクが、自分以外のユーザにも支持されているという感覚を持つため、いっそう意欲が高まります。また、興味のなかったリンクに対しても「1番人気ならついでに見てみようかな」とクリックしたくなります。

説明無しで理解できる商品・サービスで、かつマスメディア広告で認知向上のための大キャンペーンを打つような場合は別ですが、一般的には、ユーザにわかりやすい言葉をリンクにしたほうが望ましい効果が得られるでしょう。

参考記事

• その表現、ユーザに分かりやすいですか？

まずはフォーム入力におけるリアルタイムエラー表示がどのようなものか、以下のデモをご覧ください。

【動画】：フォーム入力におけるリアルタイムエラー判定デモ

上記のようなリアルタイムエラー判定のできるフォームについて、ウロブレウスキ氏は21歳から49歳の22人の被験者でユーザ調査を実施しました。
すると、通常の入力フォームと比べ、入力の成功率が22%向上し、エラー率が22%減少、入力時間も42%減少したとのことです。さらに、調査結果からは次のような2つの知見が得られています。

リアルタイムエラーを実装すべきかどうか、上記のように入力項目の性質を判断材料とすることができそうです。
もしフォームの入力項目がユーザにとってすべて自明の場合(上記左図)は、実装コストを考慮して、通常のページ遷移のエラー判定方式を選択してもよいでしょう。

ウロブレウスキ氏は、ユーザの入力に応じたエラー判定の結果表示タイミングについても調査を行っています。実験は以下の3パターンのタイミングで行われました。

[1]入力直後（AFTER）：正確には、次の入力フォームに遷移した直後に、前の入力フォームの判定結果を出す。
[2]入力中(WHILE)：入力中（1文字入力がある度）に判定結果を出す。
[3]入力前と途中(BEFORE AND WHILE)：入力フォームにフォーカスをあてた直後と入力中に判定結果を出す。

【動画】タイミング別のエラー判定結果表示デモ

上の動画を見た方はお分かりになると思いますが、結果は「[1]入力後（AFTER）」が最も効果的で、他より7-10秒早く入力を終えられたそうです。
「[2]入力中(WHILE)」は、一文字一文字入力しながら判定結果を確認してしまうため、入力に時間がかかりました。
また、「[3]入力前と途中(BEFORE AND WHILE)」では、[2]と同様の理由で入力時間もかかる上、入力途中で常にエラーが表示される(1,2文字入れただけで判定がはしる)ため、満足度の低下を引き起こしたとのことです。

このように、ユーザへのフィードバックが、タイミングによってはユーザ行動を妨害するノイズにもなり不快の要因ともなり得ます。このような細かいタイミング等は、ある程度実装が進んだ段階でないと気づきにくいかも知れませんが、極力設計する段階から、ユーザの行動に影響する重要ポイントの一つとして、定義し忘れないことが必要でしょう。
また、実際にリリースする前(できればプロトタイピング時)に、簡単なユーザテストを行うことも強くオススメします。

出展： Luke Wroblewski , "Inline Validation in Web Forms" (A List Apart)Translated with the permission of A List Apart Magazine and the author[s].

今回はフォームに入る前のページでよくみられる、ユーザのつまずきやすいポイントをご説明します。

ウェブサイトを訪問しているユーザにとって、個人情報の入力などの手続き行為は主目的ではありません。商品を購入したり、申し込み後にサービスを利用することが本当の目的です。その目的に早く到達するため、手続き行為にはできるだけ手間をかけず、手早く終わらせようとする傾向が見られます。

ここで、注意が必要なのが手続きの途中に会員登録のステップがあるケースです。

ECサイトでは「購入」の手続きの途中で「既存/新規ユーザ」の振り分けが行われる場合がありますが、ユーザは手続きのステップとして「会員登録」が必要あることを必ずしも事前に意識していません。

手続きを「手早く終わらせたい」ユーザは「手続きの流れ」などの説明を読み飛ばす傾向があるため、唐突に会員登録の手順に行き当たり、困惑してしまいます。

例えば、「購入ボタン」を押した次のページで、「手続きの流れ」の説明と「新規会員登録」ボタンが用意されていても、説明を読み飛ばして進む（大多数の）ユーザにとって「購入」と「会員登録」との関係性は明確ではありません。

「なぜ会員登録しなくてはいけないのか？」、「購入するには「会員登録」は必須なのか」、「このステップを省略できないのか」などユーザを考えさせてしまいます。

弊社で行ったユーザ行動観察調査では一旦は購入すると決めたユーザが、「会員登録」ボタンで行き詰まり、「別に会員登録がしたいわけではない」と離脱してしまうケースが見られました。

そのサイト、サービスが「会員でなくても利用できる」場合やユーザが「頻繁に利用するわけではない」と考えているような場合には特に注意が必要です。

簡単な対策としてはボタンのラベル名を「会員登録」から「購入（会員登録）」とし、ユーザが意図している手続きとの関連性を明確することで、「申し込み手順」が読み飛ばされた場合でも支障が出ないようにする、といった方法が考えられます。

◆つまずきやすいポイント2

サービスによっては、複数のコースがあり、「コースごとに申し込み方法が違う」場合があります。ウェブサイト上では申込手続きに進む前にそれぞれの申し込み方法に振り分けを行う必要がありますが、多くのユーザは、コースごとに異なる申し込み方法が用意されている、ということを予想していません。そのため、真っ先に目についた「それらしい」ボタンやリンクに飛びついてしましい、正しい振り分け先に進めないケースが見られます。

以下の例では、AコースとBコース、それぞれの申し込み方法に振り分けを行っていたのですが、Bコースに申し込みたいユーザでも、誤って1番上のAコースの申し込みに入るケースが見られました。

元々、「コースごとに申し込み方法が違う」といったことをユーザは予想していないため、ユーザは自分が行いたい手続きに関するキーワード（「申し込み」や「購入」など）が目に入ると、すぐにそこを押してしまいます。

目的に向けて特定の情報やアクションボタンを探しているとき、ユーザの視界は非常に狭くなっており、周囲の説明文言に意識が向きにくく、振り分けの文言も見落とされてしまいます。

この場合の対策として、選択肢を横に並べることで、振り分けの関係性を明確にし、説明を読まなくても直感的に理解できるようにする方法がとれます。

今回は、フォームに入る前につまずきやすいポイントを紹介しました。
手続きの流れが既に頭に入っているサイト制作者側の目線だけで制作すると、どうしてもユーザが想定していないキーワードを使ったり誘導や分りにくい振り分けを行ってしまいます。

既に言い尽くされていることではありますが、設計ができた段階で、手続きに全く知識のない方に簡単なユーザビリティテストを行うことが手軽な対策としておすすめです。

• ユーザの「気になっていること」を活用しよう


• 紙媒体との連携は大丈夫？

今回は、特にサイト内での表現について、サイト外メディアとの連携に課題が見つかったケースと改善例をご紹介します。

このような場合、ユーザを申し込みやキャンペーンのページへスムーズに誘導することが非常に重要ですが、DMとサイト内の表現がずれているために、失敗してしまうケースがあるようです。

メディアが異なるとクリエイティブを制作・管理する方が異なる場合も多いため、特に連携が不十分になりやすい可能性があります。弊社のユーザ行動観察調査では、実際に以下のような失敗例が見つかりました。

1. DMとサイトで名称や文言が違うために、同じものを指していることがユーザに伝わらない

すると、ユーザはサイト内で自分がDMで見て気になったキャンペーンがどこにあるか探せず、「DMのキャンペーン名と違ったので、自分が見たキャンペーンだとは思いませんでした」と発言しました。

当たり前のような結果ですが、サイト外メディアとの連携が不十分な場合や、サイト内での誘導を強めるために別のコピーを作成した場合など、異なる名称や文言を用いてしまうケースは十分起こりえます。

改善策としては、DMなどサイトへ誘導するメディアの内容を必ず確認し、誤解や見落としがないように一貫性のある表現を用いるべきでしょう。

2. DMとサイトで表現の強さが違うために、同じものを指していることがユーザに伝わらない

その結果、ユーザは手続きをどこから行って良いか分からず、「サイト内ではDMと違ってすぐに手続きが必要という感じがしなかったので、自分が見たものとは違う手続きだと思いました」と発言しました。

「至急」や「無料」、「限定」といったユーザを惹き付けるワードは、ユーザの印象に強く残る分、しばしば情報を探す手がかりとなります。サイト外でユーザを惹き付けるために使ったワードは同じようにサイト内でも使い、「DMで見たものと同じだ」とユーザに分かりやすいようにすると良いでしょう。

3. DMとサイト内でデザインが違うために、同じものを指していることがユーザに伝わらない

その結果、ユーザは手続きを行う箇所を探す際に迷って時間がかかり、「DMとサイト内で色も雰囲気も違うので、全く目につきませんでした」と発言しました。

＜ウェブサイト：改善後＞では、DMと同じ色やフォント、画像を用いて見出しやバナーを作成しました。その結果、スムーズな誘導ができ、アイトラッキングツールを用いた分析でも、ユーザが迷わず視線を向ける傾向が見られました。

名称や文言はもちろん、色やフォントといった視覚的特徴が顕著に異なっていると、一見して違うものを指していると解釈してしまい、迷ってしまう可能性が高くなります。

ウェブサイトは能動的なメディアのため、ユーザに自ら情報を見つけ出してもらう必要があります。ユーザがサイト訪問前に接触するメディアでの表現をチェックし、同じ表現で誘導することで、よりスムーズに目的が達成できる、「使えるサイト」になることでしょう。

１．【 プッシュ型 】 目的達成の過程で情報を提示する

■メリット

目に付きやすいので情報伝達の確実性が高く、一部分に手を加えるだけなので手間も少なくすみます。

■デメリット

ユーザにとっては目的遂行途中に予期せぬ情報を挿入されることになるので、内容によっては不快感を与えることでサイトに対してマイナスイメージを抱かれてしまう、または当初のユーザの目的達成の妨げになる危険があります。そのため、目的遂行中のユーザ心理に合った訴求であるかどうかを丁寧に配慮する必要があります。

■アドバイス

・オーバーレイなど動きのある表現であれば、より効果的な訴求が可能です。
・目的途中での訴求が難しい場合は、目的達成後に他を見る余裕ができたところを狙うのも効果的です。詳しくは過去の実践メモ「完了ページやログアウト画面の効果的な使い方」をご覧下さい。

２．【 プル型 】 サイトデザインを全体的に変化させる

弊社で行ったユーザ行動観察調査では、いつもはユーザの目的や行動が固定化しがちなサイトでも、デザインリニューアル後にサイトを訪れたユーザは、サイト全体を細かく閲覧することが度々確認されました。
色調やイラストなど、全体的なサイトデザインの変化は、ユーザを「目的遂行のみを意識するモード」から「全体閲覧モード」に変えられる可能性が高いようです。

■メリット

無理やり情報を見せるわけではないので、情報内容によりユーザが不快感を抱くリスクが大幅に減少します。ユーザは自分の好きなタイミングでサイト閲覧を行えるので、ユーザの目的を阻害することもありません。滞在時間の増加にも繋がるでしょう。

■デメリット

ユーザに自ら情報を発見してもらう形になるため、サイト側が見せたい情報が伝わるかは不確実です。また、全体的なデザイン変更には一定の工数が必要になります。

プッシュ型・プル型、それぞれ長短あわせ持っていますので、状況に応じて使い分けてみましょう。

上の画面例はBtoB向け製品を主に扱っているメーカーサイトのトップページです。各製品カテゴリへのテキストリンクがトップページに配置されており、弊社のユーザ行動観察調査では、はじめてこのサイトを訪れるユーザが「何かごちゃごちゃしている」と言いながら、どこをクリックすべきか迷う傾向が見られました。

そこで、 トップページでは大まかに振り分け、次の階層で各製品カテゴリを選ばせるという図2のような画面に変更したところ、ユーザは目的の製品ページへスムーズに到達できるようになりました。

改善後の画面

目的のページに達するまでのクリック数は少ないほうがよいと言われますが、クリックを減らすことが目的になってユーザを迷わせてしまっては本末転倒です。

改善前の画面では、初めてのユーザに対し、専門的な製品カテゴリ名を文字だけで見せてしまったために、判断がつきにくいという問題がありました。

一方、改善後は、まずトップページでの選択肢を絞り、わかりやすい言葉でいったん振り分け、その次の画面ではカテゴリ名に製品画像を付け加えることで、ユーザが直感的に自分の探しているカテゴリを選べるようにしました。

この結果、改善画面案では個別製品ページまでのクリック数は増えましたが、心理的な負担が小さくなったため、ユーザがクリックの数についてネガティブな印象を持つことはありませんでした。

このように、サイトに来訪するユーザが置かれている文脈によってトップページの情報の整理方法は変わってきます（逆に、常連客だけが訪れるようなサイトであれば、ニーズの高い機能やコンテンツへのショートカットを置くことが望ましいと考えられます）。

あなたのサイトがユーザにとって最適な情報整理ができているか、見直してみてはいかがでしょうか。

表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。

同種の情報をユーザは区別できない

1. 日付という同種の情報を多く掲載しているため、ユーザには各情報が何の日付を意味しているのか区別できず、分かりにくい
2. 列数が多いために、セル内に折り返しが発生し、読みにくい

ユーザが見たい情報を強調した表組みにする

改善案のポイントは次の2点です。

1. ユーザが一番見たい情報を強調する
• ユーザがこのページで一番見たい情報は「開催日」であるため、「開催日」とそれ以外の情報を区別
• 「開催日」を一番左の列に置き、フォントサイズも大きくする


2. ユーザにとっての補足情報は「備考」にまとめ、表の列数を削減
• 補足情報を1列にまとめた上で、ユーザが各日付の意味を分かるように、セル内で【申込期間】などのキャプションを付ける

表組みは、情報を整理して見せる際に一覧性が担保できるというメリットがあります。しかし、項目数・同種の情報が多い場合には、安易に表組みを使うとユーザの混乱を引き起こす可能性があります。そういった場合には、ユーザが見たい（もしくは見せたい）情報と、その他の情報とを区別し、強弱を付けた表組みをする必要があります。

情報を整理する際は、ユーザがどの情報を求めているのかを考慮し、きちんと強弱を付けることが重要です。

横幅の拡大によって、情報を掲載できるスペースは拡大し、実現できる表現の幅も広がります。
もちろんそれらは喜ばしいことですが、自由度が増すからこそ、効果的なスペースの使い方をきちんと考えることがますます重要になります。今回はカラムを複数に切ったレイアウトについて、スペースをどのように活かすべきかを考えてみたいと思います。

複数カラムの使用は、メッセージを分散させる

ユーザは基本的にメインカラムを見る

1. メインの情報エリア
2. ナビゲーションエリア（左/右ナビゲーションと呼ばれるエリア）
3. 関連情報・広告エリア

ユーザも無意識のうちに、このような使い分けを認識しているように感じられます。

ユーザは基本的に、何らかの目的を持ってウェブページを訪問しており、必要な情報を探そうとしています。そして、必要な情報は（１）メインの情報エリアにあるはずだと考え、視線や意識はメインの情報エリアに集中するという現象が、弊社のユーザ行動観察調査で見られています。
そのため、

• 確実に伝えたい情報はメインの情報エリアに配置すること
• 各カラムの横幅比の調整などによって、メインの情報エリアがどこであるのかを明確にすること

ここでは上図のような3カラムレイアウトを例に説明しましたが、ページの目的と上記3種類のエリアの使い分けを意識することで、以下のようなレイアウトも検討可能です。

• 本実践メモのように1カラムレイアウト（メインの情報エリアのみ）とし、読み物ページとして役割を特化
• Yahoo! ニュースのようにメインの情報エリアを広く取り、右カラムに他のニュースへのリンク（ナビゲーション）や広告を配置

ユーザのモードを考慮して、カラムの使用を検討しよう

前者では、そのページのメインの情報を伝えるエリアとは別に、関連情報や広告を掲載するエリアを設けておくと、ユーザが関連情報にも関心を持ってくれる可能性が高くなります。（Yahoo! Japan のトップページは、この効果をうまく利用して広告を訴求していると言えます）
一方、後者にあたるページでは下手にカラムを切らずに、メインの情報エリアを広く取り、広いスペースを活用した情報提供を行った方がよいでしょう。

ウェブページのレイアウト、情報の配置に悩んだ際に参考にしていただければ幸いです。

1. プルダウンメニューで項目を選択し、次のページへ遷移するのを待っているが何も起きない
2. プルダウンメニューで項目を選択すると、勝手に次のページへ遷移してしまい、違和感を感じた

特に日常的に使用されるサイトでは、ユーザの期待を裏切らない挙動が求められます。以下の例を参考に、ユーザ心理への配慮について考えてみたいと思います。

ページ遷移を伴うプルダウンメニューは、「Go」ボタンなどを設置し、ユーザに手動でページ遷移を行ってもらうのが一般的です。これは、ユーザが誤った項目を選択してしまった場合に、意図しないページに遷移してしまうことを防ぐためです。
また、個人情報が表示されるAmazonの管理画面（下図）などでは、意図せずに表示が切り替わってしまうとユーザに不安を与えてしまう可能性があるため、「Go」ボタンで確実に目的の結果を表示させるという対応が好ましいと考えられます。
ウェブサイトでは、ユーザが意図した通りの動作が起こることが重要です。

一方で、自動的に遷移した方が好まれるケースもあると考えられます。以下のような場合が当てはまります。

• 利用頻度が高い場合（毎日、同じ選択を行うケースなど）
• 誤って選択する可能性が低い場合（選択肢が少ないケースなど）

日々の生活の中で頻繁に使う機能の場合、そのたびに「Go」ボタンをクリックすることはユーザにとって面倒です。GMailのメール管理機能はその一例と言えます。

また、プルダウンメニューの選択肢数が2~3項目のように少ない場合、誤った選択肢を選んでしまう可能性が低いため、自動的にページを遷移させても大きな問題はないと考えられます。
このようにユーザのサイト利用の文脈、状況を考えると、自動的にページを遷移させても問題ないケースもあることが分かります。

ユーザの立場に立った小さな気遣いの積み重ねがユーザの満足度を向上させ、継続的に利用されるウェブサイトの実現につながるはずです。

あなたのサイトのプルダウンメニューがユーザにとって期待通りの挙動となっているか、見直してみてはいかがでしょうか？

実践メモの配信は、今年は本日で最後となります。来年もどうぞよろしくお願いいたします。

ユーザはウェブサイトを閲覧する際、目につくものを拾い読みする傾向が強く、特に注目されやすいのが「写真」と「見出しのキーワード」です。
そのため、アイキャッチ画像とキーワードをあわせて配置するレイアウトは、一般的に非常に効果的です。
しかし、画像の与えるイメージは非常に具体的であるため、ユーザは画像の印象に強く引きづられてしまいます。
実際に弊社の調査で、照明やインテリアを探していたユーザが下図右のレイアウトを見て、読み飛ばしてしまうケースがありました。

上のケースの場合、単純に画像を削除してリンクを目立たせることでも、十分にユーザの誤解を避けることが可能でした。また画像を配置する場合でも、照明やインテリア用品を含めた室内写真の画像を用いることで、ユーザに情報が適切に伝わりやすくなりました。

サイト運営時は、常に最適の写真・画像素材があるわけではないケースも多くあると思います。しかし画像がユーザに与える影響は非常に大きいです。
「ただのアイキャッチだから」と安易に選択せず、その画像がユーザに伝えたい内容として適切か改めて一度考えてみることで、よりユーザにとって使い勝手の良いサイトを作ることが可能になります。

※参考：ベルメゾンネット（http://www.bellemaison.jp/）
カテゴリを示す画像にいくつも商品を配置し、カテゴリ内に豊富に商品があることを印象付けている。

ただ、「会社」で用いられている郵便番号は一般的な郵便番号と異なる場合があります。

郵便番号は、特定の企業（１日の配達量が一定量を超えるような事業所）に対して「大口事業所個別番号」という事業者向けの郵便番号を割り当てており、該当する企業はこの割り当てられた郵便番号を使用しています。

しかし、郵便番号から「住所を自動入力する機能」が参照している郵便番号は必ずしもこの「大口事業所個別番号」に対応しているわけではありません。入力された郵便番号が対応していない「大口事業所個別番号」であった場合はエラーが表示されてしまいます。

ユーザとしては郵便番号を正しく入力したにも関わらずエラーが表示されてしまい、かつエラーの理由がわからない、という状態に陥ってしまいます。

ここで最も重要なことは、ユーザが「入力ミスしてしまった」という誤解のもと再入力してはエラー表示される、という繰り返しを避けることです。何度入力してもエラーが発生してしまうと、ユーザはサイトに対して非常に悪い印象を持ったまま離脱してしまうことにつながってしまいます。

こうした場合の対策としては、エラー表示に以下のような文言を追記することが考えられます。ユーザが会社住所を入力する可能性のあるサイトでのフォームを作成する際は参考にしてみてください。

１．画像に画像文字が同化している場合

特に「目的にあった文字・文章を探すモード」となっているユーザは、本文のみを追っているため、画像を見飛ばしてしまいがちです。上図のように見出し文字が白抜きになっているケースでは、さらにそのリスクは高まります。
多くの場合、本文の文字フォントは黒系統か青字（リンク）であるため、ユーザの頭の中に「黒や青い文字を追っていれば…」といった思い込みが生じ、白っぽい要素は文字として認識されづらくなってしまいます。
よって、ユーザが文字や文章を追って情報探索を行うであろうページでは、上記のようなリスクを避けるため、見出しにはデフォルト文字または本文のフォントに似た画像文字を使用することをお奨めします。

２．デザインに一貫性がない場合

このような現象は見出し以外でもよく見られます。例えば、今まで「青字のテキストリンク」で配置していた導線を、ある日「ボタンリンク」に変えたためにクリック率が下がってしまったということはありませんか？
この現象も、今まで通り「青字のテキストリンク」という前提で導線を探していたユーザが、新しいデザインの「ボタンリンク」を見飛ばしてしまったことで生じていると考えられます。

このようにユーザの慣れにも配慮しながら、サイト内で統一されたルールに沿って、見出しや導線のデザイン要素を用意しておくことで、文字や導線の見落としが起こるリスクを少しでも回避することができます。
※ただし、デザイン要素の統一は悪い方向にも働く可能性があることも認識しておく必要があります。ユーザが一度「これは見る必要がない」と思った要素は、その後、内容を変えて表示しても、同じデザインであるという理由だけでまったく見られなくなってしまう可能性があります。

以上の点に気をつけながら、皆さんもこの機会に見出しのデザインを見直してみてはいかがでしょうか。