2024年9月30日をもちまして「秒刊SUNDAY」はサービスを終了いたしました。 長い間、ご愛顧いただき誠にありがとうございました。
1.決済ステップをビジュアル化して遷移率をアップECサイトの一般的な法則としてカートから決済完了までのページ遷移数は少なければ少ないほどコンバージョン率が高い。極端に言えば、一つのページで商品の確認から決済までいければベストだが、多くの場合それは難しい。 従って、上の画像のように決済完了までのプロセスをビジュアル化しよう。これがなければお客様は「購入に時間がかかる」と感じて離脱してしまう。もちろん、簡単に購入できるように決済プロセスを出来る限り簡単にしておくことが重要だ。 2.購入ボタンを2カ所に設置して誘導率向上『ランディングページのコンバージョン率を5倍にする21の簡単な方法』でご紹介している通り、CTAボタンの「場所」「大きさ」「色」はコンバージョン率に大きな影響を与える。ショッピングカートでは、ファーストビューとページ下の2カ所に購入ボタンを配置することでユーザビリティが上がり決済
Wii Uの『インターネットブラウザー』では特別なJavaScriptを用いることでGamePadのボタンや状態を取得したり、動画や画像(JPEG形式)の表示を切り替えることができます。 ウェブサイトを制作する際の参考としてご活用ください。
おはこんばんちは!ファイ部のしんちゃんです。 中国の上海から来日して一ヶ月、日本料理を食べることに限らず、最近作ることにも挑戦し始めました。 (来日前の自炊歴はほぼゼロですが...さすが「つくる人を増やす」のカヤックです!) 今日も和風弁当に挑戦しつつ、男子力UPを図ろうと思っています。 さて、jsdo.it主催の「第一回全国統一HTML5実技コンテスト」では、 「じゃんけんゲーム」をお題にしたコンテストが熱く繰り広げられております。 今回のコンテストは、これまでとは一味ちがいます! 1. 賞品は前回よりさらにパワーアップ! 今回は優秀者に豪華賞品の詰め合わせがもらえます! なんと、あのiPad miniも賞品の詰め合わせに入っています! あと、SONYヘッドマウントディスプレイも! さすがにほしくてたまりません! 2. お題は企画力、発想力を重視! HTML5で夢中にさせる「じゃんけんゲ
今年も、デパートや小売店にとってのハイシーズンがやってきました。 お歳暮、クリスマス、お年賀と、まさに書き入れ時なのがこの11月と12月。 最近では、こうした贈り物をネットで注文する方も多くなってきましたが、そのときに困ってしまう問題のひとつが、「宛先入力の手間」ではないでしょうか。特にお歳暮などでは、まとめて何件も送ることになるので、1から全て手入力するのは大変ですし、間違いも増えてしまいます。 そこで、ECサイトの入力フォームについていると嬉しいのが、「住所自動入力」機能です。特に文字入力が不得手なシニア層の方々にとっては、この良し悪しがサイトの印象にも影響を与えかねません。 今回は、大手ECサイトの入力フォームの中でも、特に「住所自動入力」機能について、使いやすさをランキング形式でご紹介してみたいと思います。 5位:別ウィンドウが立ち上がるパターンベルメゾン(Link) ベルメゾンは
HTMLファイ部のほんだです。シュッ 「ページ遷移」、聞くだけでゾクゾクしませんか? 僕は大好きです。 Web Creator's Contest Q(HTML、CSS、JavaScript エンジニアのためのコンテストサイト)では、 ページ遷移・画面遷移をテーマにしたコンテストを開催中です。 とても好評で、5回目となった当コンテスト。 今回のテーマも、力の入ったコードがたくさん投稿されています! 魅力的な画面遷移エフェクトのコード集! Cubic Transition ※「▶Play」ボタンをクリック!
こんにちはこんにちは!! 昨日、こんな記事を見かけたよ。 » コドモのソーシャルネットワーク事情〜親ならこれだけはやっておけ なるほど、いいこと書いてあるし、わかりやすい。 そんなわけでぼくも、 「ネットを利用するときに気をつけたいこと」について、自分なりに思うことを書いてみるよ。 情報は紐付く ちょっとした情報を元に、 ネットAとネットBが紐付くのはもちろんだし、 リアルの情報まで紐付くこともよくあること。 ひとつひとつは大したことない情報でも、 情報が紐付くと、さらに色々なことが芋づる式に誰かにわかるよ。 過去と現在が紐付く 今は、君のことを気にかけているのは まわりの友達だけかもしれない。 けれど情報は残る。 将来、5年後、10年後…、 君がうっかり書いた言葉が、たまたま炎上した時、 犯罪者のようなレッテルとともに、過去の全てと、紐付いたリアルの情報を、大勢の人に晒されることになる。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか?ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。 多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。 どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意
検索ボックス、ボタン、アラートパネル、プルダウン、スクロールバーなど、ウェブデザインで使用するさまざまなエレメントをかわいらしいデザインでまとめたモックアップ用のPSD素材を紹介します。
[CSS3] GitHub style CSS Buttons – GitHubっぽいCSS3でデザインされたボタン Pocket Tweet GitHubスタイルなCSSボタン。角丸やグラデーション描画などがCSS3で書かれていて、画像を使わずにコードを導入するだけで実装できます。とってもラクチン。ただしIEなどのレガシーブラウザではこの絵の通り描画できません。CSSファイルを導入してリンクするだけで導入準備は完了。あとはclass指定するだけでイケるようです。ボタンのシェイプに関してもいくつか作られてるようで、デザイン素体としても使えそう。 GitHub style CSS Buttons
6 Useful CSS Button Recipes You Can Copy & Paste | Design Shack コピペで使えるCSS3ボタン6つのレシピ。 次のようなボタンのCSSとHTMLが掲載されています。 一昔前はオーサリングツール抜きに出来なかったこともCSSで出来るように。CSS4の時代にはどうなっているのだろうと少し楽しみです。 関連エントリ CSSスプライトでカッコイイボタンを作るチュートリアル シンプルさがなんともいい感じのCSSボタン集「Super Simple CSS Buttons」 CSSでクールなボタンを作るまとめ CSSでボタンを綺麗にスタイルするサンプル集
Original Update by Nikolay Bachiyski 最近は、ブログやwebページにソーシャルボタンを設置するのがすっかり定番になってきましたね。 しかし、ソーシャルボタンをブログやWEBページにひとつだけ設置するだけならいいんですが、たくさんのボタンのコードを貼っていくのはめんどくさい! というわけでソーシャルボタンをまとめて設置できるようなwordpressのプラグインを探してみました。 国内のSNSやSBMに対応したプラグイン mixiやYahoo!JAPAN Bookmarkなどの国内SNSに対応したプラグインです。 Evernoteやtumblrなどに対応しているプラグインもあります。 ◆Social Bookmarking JP twitterのツイート数の表示、livedoorClipやBuzzurlやChoixなどの国内SNSに多く対応。 ◆WP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く