Picasa download button - design winner rather than link

Official Google Blog - Make sense of your site: tips for webpage designにおいてWebサイトのデザインを選ぶ方法が紹介されている。Webサイトデザインは販売目的であったり情報の収集であったり、そのサイトの目的の実現に直結する要因のひとつだ。デザインがよければ目的を実現しやすくなり、誤ればユーザはすぐにどこかに消えてしまう。

サイトのデザインはアイコンや写真の入れ替えといった小さい変更から、全体のレイアウト変更やカラースキーマの変更まで多種多様といえる。多くの指針があるが、Make sense of your site: tips for webpage designではサイトをおとずれたユーザの反応を分析することでデザインを決定する方法を推奨している。ユーザの反応をみてデザインを変更する方法はGoogleが実施している方法で、その効果は折り紙付きだ。

同ドキュメントでは試したいデザインを作成したらWebsite Optimizerなどのフリーのツールを使ってWebサイトの分析を実施した方がいいと指摘。Website Optimizerを使うとユーザアクセスを簡単に分析することができ、どのデザインが効果的かをわかりやすく判断できる。同社が自ら実施した例を引き合いにだし、こうしたユーザテストの結果は作成側の予測とはまったく違う結果を示すことがあり驚くという説明もある。

Make sense of your site: tips for webpage designから抜粋

GoogleではPicasaのダウンロードページに動作画像とダウンロードリンクを配置したバージョンAと、画像を削除し『Try Picasa Now』と記載されたボタンを配置したバージョンBを用意。バージョンAの方がいい結果になると予想していたものの、実際にはバージョンBの方が結果が良かったという。バージョンBの方は30%もダウンロードが多かったと説明されている。

Make sense of your site: tips for webpage designではさらに、デザインする際に気をつけておくべき次の4つのティップスが紹介されている。

  • パッと数秒みてサイトの目的がわかるようにする
  • そのサイトが提供している利点を明確にする
  • リンクよりもボタンを、一般的な写真よりも具体的な製品画像を使うといったように意味のある画像を使う
  • 次のステップに進みやすいように簡単に見つけられるようにする。たとえば『カートに追加』といった言葉ではなく『すぐに購入する』を採用する