[対象: 全員] フォームを入力するときの離脱率、ECサイトで言えば“カゴ落ち”を減らすための1つの手段を今日は紹介します。 “Inline Validation”(インライン・バリデーション)がそれです。 インライン・バリデーションとはフォームを入力する際に入力項目が正しいかどうかをリアルタイムでチェックする仕組みです。 日本語での適切な言葉を見つけることができなかったので、「インライン・バリデーション」という用語をこの記事ではそのまま使います。 フォーム入力時のエラー通知でよくあるのが下のキャプチャのようにすべての項目を入力し終わって送信ボタンを押した後にページのトップにエラー内容が表示されるパターンです。 ポップアップでウィンドウが出てきてエラーを通知するパターンもありますね。 後からの通知はいちいちその場所に戻って直さなければなりません。 しかもページトップの表示されるので下にスク
やさしさゴシックはどんなフリーフォント? フリーフォントのやさしさゴシックは、自由にダウンロードし、商用・非商用問わず使用できます。 このフリーフォントをご使用になるには、ダウンロードファイルに含まれる 「M+FONT-TESTFLIGHT」「IPAフォントライセンス」の内容を読みください。 It is requested to read and accept “IPA Font License and M+FONT” before downloading Font. ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 ライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * IPAフォント (IPA_Font_License_Agreement_v1.0.txt) * M+ (LICENSE_J,LICENSE_E) Copy
<textarea name="code" class="css" cols="60" rows="5"> selector { opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=75); /* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ -khtml-opacity: .75; /* Safari 1.x */ -moz-opacity: .75; /* FF lt 1.5, Netscape */ } </textarea>
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) <前へ 次へ>(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
株式会社VOYAGE GROUPの中でA/Bテストや多変量テストを実施していく戦略室のブログ。always be testing!! こんにちはUIO戦略室の鈴木です。 ioninteractive.comに掲載されていた 「コンバージョン最適化のためのR.E.A.D.Y.チェックリスト」 なるものが秀逸だったので、許可を頂き日本語に訳してみました。 ざっくり訳なので正確でない部分あるかもしれませんが、 コンバージョンアップの為のチェックリストとして使ってみては如何でしょうか? 元の記事はこちらになります。 参照元:READY Framework for Conversion Optimization http://www.ioninteractive.com/post-click-marketing-blog/2010/5/24/ready-framework-for-conversio
WEBデザインしていて、ちょっとモチベーションが上がらないときなんかに、先人たちのデザインについての洞察を読むと、「デザインってそういうことだったのか」とか、「初心だけど忘れてるねー」とか、小さいですが、そんなところからモチベーション、インスピレーションを分けてもらえることがあります。 この記事では、そんな名言、格言を Web Design Mash, Design Was Here とその他のサイトからピックアップして翻訳しました。 毎日少しずつインスピレーションを取り入れるのに役立てて下さい! 更新: 2011-12-23 誤訳を2点修正しました。※1の箇所です。また、他何点か分かりにくい表現を見直しました。 初出: 2011-12-20 良いデザインは他のデザイナーに無力感を味わわせるものです。なぜならそれは、彼らにはなかった、その人だけのアイデアだからです。 Good design
スタンプカードの特徴 【インクがにじまない】 インクが浸透する紙質を採用。シングルサイズでも裏うつりなど汚れる事なくスタンプが押せ、顧客に不快感を与えません。 【サイズは2種類】 コンパクトなシングルサイズと、情報量が多く折って使えるダブルサイズの2種類をご用意。 【光沢とマットをご用意】 「光沢タイプ」は高級感と耐久性があり、長期間の使用に対応可能です。「マットタイプ」はつや消し仕様で、表紙面にも書き込みが可能です。 ●光沢タイプ ウラ面は、紙の素地そのままですので記入可能ですが、光沢PP加工のオモテ面はボールペンやサインペンでの書込みが出来ません。ご注意ください。 ミラーマット片面PP220kgの十分なコシのある厚口の紙の使用。インクを吸収する紙で、にじみません。標準/オモテ4色・ウラ(スミ)1色印刷 ●マットタイプ 上質220kgの紙を使用。両面に書き込みが可能。標準/オモテ4色・ウ
皆さんは、公式Facebookページ・twitterアカウントの立ち上げ、運用にどれだけの費用をかけていますか?
フジロックには、どこかでわけのわからん「外国人」がよく目にはいる。そのひとりが、いつもとんがり帽子を売っているジョン・ヘルマットというイギリス人で、帽子を売っていたかと思うと、いつの間にかビデオ・カメラを持っていろいろなところに出没。誰からとなくインタヴューを繰り返している。 スカ・クバーノのプロジェクトを手がけたプロデューサーだという噂は耳にしていたんだが、以前から、「彼の本当の仕事はなになんだ?」と思っていた。その彼が1999年から記録し続けたフジロックの映像を編集してDVDを作ったんだそうな。タイトルは”Tents & Bugs & Rock n Roll”(テントと虫とロックンロール)で、日本語で日高氏発案の「楽しい、楽しい、フジロック」という言葉が付けられている。権利問題もあってバンドの演奏は一切なし。そんなDVD、誰が買うねん? と思うかもしれない。ところが、これがめちゃくちゃ
株式会社VOYAGE GROUPの中でA/Bテストや多変量テストを実施していく戦略室のブログ。always be testing!! こんにちは、株式会社ECナビUIO戦略室の榎本です。 今日は、GoogleAnalyticsの「イベント」機能を使って、リンクごとのコンバージョンへの貢献度を計測する方法について紹介します。 リンクごとの貢献度が知りたいケースとは ランディング・ページに、同じページ(あるいは同じゴール)へ誘導するリンクが複数あることは少なくありません。リンク自体も、画像であったり、テキストであったり、様々なクリエイティブで設置されていることもあります。 さらに、別のゴールへ向けても複数のリンクが設置されていたりすることもよくあります。こうなってくると、「ユーザーが画面に向ける注意」という限られたリソースを、いかに効果的にゴールへ振り向けるのか、が重要となってきます。 そこで
どーも。最近SNSの使い方がわからなくなりつつある僕だよ。 久々にデザイン系のネタ。いや、ちょっと乗り遅れたタイポグラフィネタか・・・ 広告で数字が一番の訴求対象になる場合は多く、 数字だけで完結する物もあります。 そういった場合は、数字デザインをこだわりたいですね。 テレビ東京新卒採用サイト 7chと第7感って事でかけてますね。 モビット 数字を強調させる設計ですね。数字自体の効果が凄くキレイ。 No.DesignTech The 10 意味不明にカッコ付けてみました。以下が見せ方と自作サンプルです。 目次 数字以外を小さく 丸で囲ってみる 枠端で薄く背景に イタリックに 比較させる 数字だけを強調 弱い要素のアイキャッチに 数字だけでも シンプルな物は英字と組み合わせるのも 本文中は太字、下線を取り入れてみる 数字以外を小さく 見たい、見せたいのは数字です。 広告の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く