[対象: 全員] フォームを入力するときの離脱率、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>

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

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

WEBデザインしていて、ちょっとモチベーションが上がらないときなんかに、先人たちのデザインについての洞察を読むと、「デザインってそういうことだったのか」とか、「初心だけど忘れてるねー」とか、小さいですが、そんなところからモチベーション、インスピレーションを分けてもらえることがあります。 この記事では、そんな名言、格言を Web Design Mash, Design Was Here とその他のサイトからピックアップして翻訳しました。 毎日少しずつインスピレーションを取り入れるのに役立てて下さい！ 更新: 2011-12-23 誤訳を2点修正しました。※1の箇所です。また、他何点か分かりにくい表現を見直しました。 初出: 2011-12-20 良いデザインは他のデザイナーに無力感を味わわせるものです。なぜならそれは、彼らにはなかった、その人だけのアイデアだからです。 Good design

小さいころから占いに興味があって、色々と勉強しているうちにどんどん好きになり、皆さんにも占いの良さを知ってほしくて記事を書いています。 知り合いに占い師や霊能力者、お寺の住職がたくさんいるので、その方たちにインタビューして記事を書いています。

小さいころから占いに興味があって、色々と勉強しているうちにどんどん好きになり、皆さんにも占いの良さを知ってほしくて記事を書いています。 知り合いに占い師や霊能力者、お寺の住職がたくさんいるので、その方たちにインタビューして記事を書いています。

本日は2011年の10月中にブックマークしたクリエイティブでデザイン性の高い日本国内のサイトをご紹介いたします。 私が10月中にブックマークしたサイトなので、ご紹介するサイト自体は10月以前から存在しているものもありますがご了承ください。 食品・飲食関連のサイト

皆さんは、公式Facebookページ・twitterアカウントの立ち上げ、運用にどれだけの費用をかけていますか？

株式会社VOYAGE GROUPの中でA/Bテストや多変量テストを実施していく戦略室のブログ。always be testing!! こんにちは、株式会社ECナビUIO戦略室の榎本です。 今日は、GoogleAnalyticsの「イベント」機能を使って、リンクごとのコンバージョンへの貢献度を計測する方法について紹介します。 リンクごとの貢献度が知りたいケースとは ランディング・ページに、同じページ（あるいは同じゴール）へ誘導するリンクが複数あることは少なくありません。リンク自体も、画像であったり、テキストであったり、様々なクリエイティブで設置されていることもあります。 さらに、別のゴールへ向けても複数のリンクが設置されていたりすることもよくあります。こうなってくると、「ユーザーが画面に向ける注意」という限られたリソースを、いかに効果的にゴールへ振り向けるのか、が重要となってきます。 そこで

Feature 2024年夏、DISH//の現在地──逃げ上手な生き方を肯定する「プランA」のメッセージに迫る Interview