/ 事業開拓部　  Tweet シェア

テキストを画像にする効果

橋本 (2009年6月23日 11:00)
Webサイト構築・Web戦略 / 事業開拓部

私たちウェブページ制作にかかわる人間は、『ユーザーに的確に情報を伝えるための言葉』を一生懸命考えます。
一時期、検索にかかりやすいという理由で、特に伝えたい重要な事は、できるだけテキストで表示する事が求められました。
果たして、そのテキストは読んでもらえたのでしょうか？
サイトのトップが、情報だらけで、大切な言葉も埋もれているのではないのでしょうか？

下のサンプルは、同じ内容に視覚的要素を足して伝わり方の違いを比べたものです。

テキストを画像うする事で伝わり方の違い

1.基本のテキストリンクです。
2.画像にする事で、文字の大きさにメリハリがついて、見やすくなります。
3.「青い」を青色にしました。「文字」と「色」が一致する事でより認識しやすくなります。
4.さらに青いTシャツの「形」を加える事で、直感的に伝える事が出来ます。

実は、このサンプルは、先日TVドラマでやっていた内容が気になって、作ってみたものです。複数の情報が一致する事で、脳への情報が加速度を増す、この事を「ストループ効果」と言うそうです。

日頃、より目が向くように、よりクリックしてもらえるようにと工夫していた事も
こうやって順を追って行くと納得です。

テキストを画像にしても、altがしっかり入っていれば、SEOとしても問題無いはずです。
もう一度、画像で表現する事で得られる効果を考えなおしてみたいと思います。

「システム開発ブログ」へのコメントやご意見等ありましたら、ファンページまでお願いします。 Facebook のファンページ

[PR]
Movable Typeを使用したWebサイト構築

Movable Typeを使用したWebサイト構築

システム開発・一括受託開発。見積依頼受付中

システム開発専用サイト

システム開発の流れ・手順、実績など。アイロベックスのシステム開発を紹介。

VB .NETを主言語としたWebアプリケーションの開発

要件分析から保守まで、お客様の現場での問題解決だけでなく、IT経営の援護者としてトータルソリューションサービスを提供しています。

MovableType を使ったウェブサイト構築

魅力あるウェブサイトデザイン、構成はもとよりMovableTypeを使用したウェブサイトの作成、JAVA、CGIによる注文フォームの作成等、ビジネスを強力にサポートします。

Windowsフォルダーアクセス権限確認ツール

フォルダーアクセス権限を一目で確認。使用版を無償でご利用いただけます。

Webとリアルをつなぐコンテンツマネージメントシステム

Webサイト・モバイルサイト・チラシ（PDF）・カタログ（InDesign）を、簡単かつ正確に作成できます。

「システム開発ブログ」の更新情報をTwitterで。

Twitter公式アカウントに認定されています

「システム開発ブログ」の更新情報をTwitterで。ぜひ、フォローをお願いします。