fill horizontal Submit fill vertical Submit shrink horizontal Submit shrink vertical Submit rotate-angle-bottom perspective Submit rotate-angle-top perspective Submit rotate-angle-left perspective Submit rotate-angle-right perspective Submit
WEBサイトを運営していれば、サイトに訪れてくれたユーザーに【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、たくさん起こして欲しいと考えると思います。 そのためWebクリエイターは、どうしたらコンバージョン率や数が高まるのかを日々考え・テストを繰り返しています。 私もそのことを考えている1人として、今回はサイトの目的を達成させるために欠かすことのできない大変重要な要素の1つである【行動を呼びかけるためのボタン（Call to Action Button）】についての考えをまとめたいと思います。 目的を達成へと導くボタン ボタンはホームページの最終的な目的である【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、ユーザーに起こしてもらうためには欠かせない要素の1つです。ボタンのデザインやボタン内の文章を変えただけで、資料請求が増えたなんていう事例はたくさん存在
dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、１本は濃い内容で書いてみてます！ 若干、釣り気味のタイトルですが、特に運用担当者、ウェブ制作系の方に読んでいただきたいなぁと思いつつクリエイティブのタイミングで決まるものごとの重要性について触れてみたいと思います。 ちょっとした事でコンバージョンはあがる テストを行っていると様々な気づきがありますが、通して感じるのは、小さな変化でも大きな結果を生むことがあるということです。 テストを実施する場合、テストのクリエイティブには出来るだけ大きな変化をつけることをお願いしています。これは大きな変化があった方が結果に差がでやすいのと、そのテスト結果から知見を見つけ出しやすいためです。 しかし、仮説の内容やテストするサイトの状況によっては、必ずしも大きな変化をつけたテストが出来るわけで
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！
Googleの+1ボタンが検索結果に反映されるようになりましたね。 あのボタン、検索結果アイテムにマウスホバーでキラッとするんですが、それを見ていて以前『jsdo.it』で作ったのを思い出したので、forkされたものも含めてまとめてみようかと思います。 作ろうと思ったきっかけは『AddyOsmani.com』の下記のエントリーでした。 ShineTime — A Kick-Ass New jQuery & CSS3 Gallery With Animated Shine Effects ギャラリー自体もすごいんですが、このエフェクトがかっこよかったので、とりあえず作ってみようと思ってやってみました。 キラッとするエフェクト デモ コードが色々とアレな感じですが、動きだけは実現できました。 その後、@GeckoTangさんがforkしてくれました。 こっちのほうが分かりやすいです。 fork
checkboxがスマートフォンではタッチしづらかったので、ボタン化して使いやすくしてみました。 PCでも使用できます。 checkboxのボタン化－デモページ 使用するもの jQuery 今回は簡略化のためにjQueryを使用しました。
CSS3で実装されたボタンのサンプルやチュートリアル総まとめ。 当サイトでは色々とCSS3ボタンのエントリを紹介してきていますが、ここら辺でちょっとまとめてみました。 画像つくるのはめんどうだしCSS3でやっちゃおうという場合に参考にしてみて下さい。 立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル iPhone風のボタン実装 ステップで学べるCSS3ボタンのデザインチュートリアル CSS3ボタンのデザインチュートリアル 綺麗にデザインされたCSS3ボタンのまとめ カラフルで美しいCSS3ボタン これはクール！カーソルを合わせると背景がアニメーションするCSS3ボタン実装例 デザインは微妙かもしれませんが、カーソルを合わせると背景が動くあたりテクニックとして覚えておくとよさそう CSS3だけで実現するクリックすると色の変わるボタン実装 クリックで色が変わります。
Webportio | Graphical resource of Adobe Fireworks Adobe Fireworks向けの商用利用可能な画像リソースサイト「Webportio」 吹き出し、ボタン、リボン、スライダー等のＵＩリソース等が公開されており、便利に使えるようになっています。 嬉しいのが商用利用でも使えること たとえば次のようなリソースがダウンロードできます 種類は100種類以上! テイストもWEB2.0っぽくていい感じ これからも増えていくみたいです。 関連エントリ これは絶対覚えておいた方がよいシルエットの素材集 フリーの写真素材が入手出来る30サイト じゅうたん風の美麗背景パターン素材集７０ ボタン作りにもう手間はかからないPhotoshopのボタン素材１５０
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
