コマースレポート

デザイナーComaCoの東奔西走

デザイン上で出来る、WEBの特徴を活かしたユーザーの誘導方法

  • 更新日時:2009年03月27日
  • 担当:大河内

WEB上では意外と多用することが多い、矢印マークや多角形の小さいアイコン。リンク箇所に分かりやすくするために付けたり、見出しの頭に付けて装飾性を出したりと、制作している中で使う機会も多いと思います。今回は意外と侮れないこの“小さいアイコン”について取り上げたいと思います。

ページのメニューやリストなど、基本的な項目はもちろん、リンク箇所への誘導、さらに注目させたい部分への引き付け効果など、幅広い用途に使用されている「矢印」や「多角形」などの、小さいアイコン。
サイトデザインの中で、全く使用しないサイトもありますが、多くのサイトで多種多様なさまざまなものを見つけることができます。

以前の「文字だらけのサイトをわかりやすく~」でもありましたが、文字だけのサイトの中で、ひとつこのようなアイコン(記号)を用いるとユーザーの目を引き、リンクの箇所だと認識したり、重要な箇所を見逃さないようにしてくれる効果が期待できます。

代表的なのはもちろん、下図のような「矢印マーク」です。
さまざまな用途にオールマイティに活躍でき、しかも多種多様なデザインにすることが可能なので、
どんなデザインのサイトにも合わせることができます。
普段何気なく使っていますが、よくよく見渡してみるととっても“大した”マークなんです。
<矢印マークの一例>
090326comako_01.gif

では、ページの作成上でよく使われるのはどんな場面なのでしょうか?
いくつかの事例から、どなたでも導入できる“ちょっとしたコツ”をほんの一部ですがご紹介します。

<ちょっとしたコツ ~矢印マークのススメ~>
■その1
ナビゲーションやサブのナビゲーションなどに。
文字だけを羅列するよりもナビゲーションとしてわかりやすくなり、さらにリンクとして認識されやすくなる効果もあります。
090326comako_02.gif

■その2
リストで情報を整理して掲載する際に。
わかりやすさで言えば「矢印マーク」は必要ないかもしれませんが、サイトのデザインを統一したい場合や味気ないページにしたくない場合などに使えます。
090326comako_03.gif

■その3
リンク誘導などに。
ボタンなどを用いず、リンク先のページへ誘導させたい・その部分を強調したい場合などに有効です。リンク箇所がどうしても多くなってしまった場合などは、これらとボタンを併用して情報をすっきり見せることもできます。
090326comako_04.gif

ご紹介したのは、ほんのちょっとした活用方法ですが、これの有無だけで訴求力に違いがあるのが分かるかと思います。
あまり目立たないけれど、実はなくては困る縁の下の力持ち、、、ではないでしょうか?

このような小さいアイコンは、表現できるスペースが限られていたり、色数を単色にしないとわかりにくいなど制限がありますが、短期間で自作でき、ページ毎のデザインによって変える事もできるので、簡単に導入できます。
クリックが良かった/デザインに調和している/目立たせることに成功した、などの観点からさまざまなパターンを試しデザイン上で工夫していくのも良いのではないでしょうか。

担当紹介
鈴木
株式会社コマースデザインプロダクト代表。31年間流通、マーケティング・SP業界に携わる。プライバシーコンサルタント資格取得。
杉浦
チーフディレクター。百貨店での主任経験を生かし、サイトディレクターとして活躍中。現在3歳の子供の子育て奮闘中。
大河内
チーフデザイナー。販促効果、ユーザビリティ、SEOを反映させた総合的デザインをクリエイト。趣味は美術館めぐり。
片倉
担当のSCを持ち集客を上げるために切磋琢磨。バイクに乗っての気分転換は欠かせません。
山田
Eコマースサイトの運用キャリアを経てCMSの企画、設計、システム運用を担当。休日の趣味は浅草探訪。
  • コマースNewsメルマガ登録
プライバシーマーク

当社は(財)日本情報処理開発協会より発行の、個人情報の適切な取り扱いを行う事業者に付与される【プライバシーマーク】(JISQ15001:2006準拠)を、平成19年12月1日に取得更新いたしました。

[株式会社コマースデザインプロダクト] 〒104-0042 東京都中央区入船1-6-8 第5ヒロタビル4F TEL:03-3552-5341

ホームページ制作・運営、メールマガジンの制作・配信代行、個人情報の運用・管理。
ショッピングセンターでのホームページを活用した販売促進ウェブマーケティング支援CMSツール「SES」の開発。

©COMMERCE DESIGN PRODUCT inc. All Right Reserved.