ユーザ体験向上に役立つフォームのバリデーションスクリプトいろいろ - Feel Like A Fallinstar
エラーを減らし、より快適にフォームの入力を行ってもらうのは、コンバージョンを持つウェブサイトにとっての必須課題。 根本的にはインターフェース設計やエラー画面の設計、あるいはフォーム前の意欲醸成が大事なのですが、最近ではバリデーション絡みのJavaScriptのライブラリがかなり整理されてきました。 あんまりこのブログでスクリプト紹介とかはやらないのですが、たまたま丁度dzineblogで紹介があったので、備忘録的に。 JQueryを使ったスクリプト ■ A jQuery inline form validation 画像無しで利用できるスクリプトです。 ※CSS3を使っているので、ブラウザによっては角丸などのイフェクトの見え方が違ってしまうのがもったいないです。 ■ Valid8 - An input field validation plugin for Jquery デモページをち
ユーザーインターフェースの検証データを公開している「ABtests.com」は、ウェブマスター必見事例の宝庫 - Feel Like A Fallinstar
Home > UI（インターフェース） > ユーザーインターフェースの検証データを公開している「ABtests.com」は、ウェブマスター必見事例の宝庫 Older ウェブの位置づけが上がるにつれ、数値的な検証がどんどん進んでいます。 ただ、その割りにどんな方法で数字が上がった、という具体的な事例がまだまだ世の中に出回っていないのも事実。 そんな中、A/Bテストの特化してインターフェースの検証事例を公開しているサイトがABtests.com」です。 インターフェースの比較検証結果が数値でわかる http://www.abtests.com/ ABtests.comの中身は、はまさに読んでそのまんまの内容。 トップページから事例が豊富に掲載されています。 例えば・・・ このフォーム、左と右でどちらが通過率が良いと思いますか？ 答えはこちらのページにて。 なかなかここまで数字で結果を出してくれ
2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書 - Feel Like A Fallinstar
ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しました。 ヤコブ・ニールセンのAlert Box ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。 実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。 アップル ヒューマンインタフェースガイドライン Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。 もちろん、Windows / Linusユーザーにとっても必見。 ユーザビ
＜まとめ＞メールマーケティングに役立つ情報・サービスあれこれ - Feel Like A Fallinstar
個人的にまとめていたものを、ここで整理、と。 日本経済・国内インターネット人口自体が大きく成長しない以上、企業はこれからは成熟期の戦いを強いられることが多くなります。 そのときに強いのは、広告じゃなくCRM。 高い新規顧客獲得単価に投資をするよりも、顧客との関係を強化して、ファンをつくり、顧客単価を上げる。 言うと簡単ですが、これが実に難しい。。。 データベースを絡めたり、いろんなテストをしたり・・・メールマーケティングの知識はその中核の1つではないかなと。 ・・・と、いうわけでメールマーケティングに必見の情報集を作ってみました。 メールマガジン素材 いまや、テキストだけの味気ないメールマガジンで戦うのは非常に難しい時代。 ちょっとした装飾やレイアウトのバリエーションを知っておくのは最低限必要でしょう。 メルマガ素材集 すぐに使える罫線＆囲み枠30選 ラインサンプル 顔文字ライン、模様ライ
完了画面は、ユーザを捕まえる最強のレコメンデーションツール - Feel Like A Fallinstar
クライアントさんからたまにある依頼のパターンとして、「クロスセル」「アップセル」を狙いたいというものがあります。 複数の商材を持つ企業であれば当然の発想ですが、インターネットが目的志向の強いメディアであるがゆえに、むやみやたらにサイト内の露出を増やしたり上位階層を直すだけではアップセルやクロスセルが上手く行くことは少ないのが実情です。 まぁ簡単なものですが、図にしてみました。 目的のある人は欲しいものを探しているわけですから、探索状態（心のモード）が継続している間はなかなか違うものを見てくれません。 （※もちろんバナーを上におけば一定確率で押されるとは思いますが、それが良いの方法かはまた別の話） タスクの完了ポイントを狙う 上記のようなケースは、多くの企業で発生します。 銀行 → 投資信託を買ってもらいたいのに、ネットバンキングにすぐにログインしてしまう（厳密にはクロスセルじゃないですが・
電通とGoogleの間で交わされた、ジョークのような本当のような交渉 - Feel Like A Fallinstar
ネット広告代理店のアイレップが事実上DAC（博報堂）の子会社になりました。（PDF） 業界1位のOPTも電通の傘下に入っているので、ネットと総合の代理店がかなり入り混じってきた感触です。 残るは、毎度お騒がせ企業サイバーエージェントですね。ここは、余程のことがない限り総合の軍門に下ることはないでしょう。 ただ、彼らの手法とネットの手法があまりにも違うため、あまりいいサービスを提供できていない、というかチンプンカンプンな提案が上がってくるのが実情な感触。（※やっぱり総合でしかできない提案もあるので、全部が全部ってわけではないんですけどね） そんな総合代理店の「カンチガイ」を見事に象徴するお話です。 ※伝聞のため、多少不正確な可能性はありますが・・・ これは数年前のお話。 天下無敵のYahoo! Japanのシェアをついに本格的に奪いだしたGoogle大先生の下に、電通さんから打診が。 その内
マクドナルドの100円ハンバーガーは210円の時よりも利益が出る、という話 - Feel Like A Fallinstar
これぞマーケティングマジック！と感動した話をふと思い出したので。 1994年、社会現象を引き起こしファーストフード業界に代激震をもたらした「100円ハンバーガー」のお話。 この100円バーガー、値下げ前の210円の時よりも「ハンバーガー1個あたりの利益が上」という、すさまじいヒット商品でした。 これを見れば一目瞭然。 起こった現象は 100円にすることで販売個数が劇的にアップ その結果1個あたりの各種管理費用や社員人件費がぐっと抑えられる 原材料費は固定 結果としての営業利益がアップ！ ポイントはとにかく2番につきるでしょう。 初めて知ったときは、まさかこんなことができるのか、とショックでした。 というか100円ハンバーガーでアカを出して、ポテトとシェイクで回収するモデルだとずーっと思ってました。。 ただ、このモデルにも欠点があるわけで・・・ そう、大量販売の実現が大前提になっているってと
80%近いコンバージョンを達成した、Triumphの恐るべき「おねだり」機能 - Feel Like A Fallinstar
ウェブサイトを運営している人なら誰しも必死になるコンバージョン率の向上。 今回は、購入までのプロセスに捻りを加えることで、80%近いコンバージョンという圧倒的な成果を出したTriumphモバイルサイトの事例を少し紹介。 女性の下着を男性が購入する Triumphは女性用の下着を扱うECサイト。 ファッショナブルな下着から、名物の変り種の下着まで扱うので有名ですね。 これがその携帯サイトです。 このサイトは 女性が自分の下着を購入する 男性がプレゼントに、女性の下着を購入する という2つの来訪属性のユーザが混在しているサイトなのですが・・・ 80%近いコンバージョンを達成した、「おねだり」機能 Triumphが取った作戦は、この「女性ユーザ」が、自分で購入するのではなく、彼氏（旦那？愛人？）に対して「おねだり」をする機能を付与し、あえて彼氏を経由して（男性に）購入させる、という作戦。 簡単に
リキッドデザインを検討するべきウェブサイト3つのパターン - Feel Like A Fallinstar
ブラウザの横幅に応じてコンテンツを閲覧できるリキッドデザインは、利用如何によってユーザ体験に大きく寄与することもあれば、単なる迷惑にもなります。 今日は、リキッドデザインを検討したらよいウェブサイトのパターンを解説してみたいと思います。 基本は横幅は固定 まず、前提として、特に最近はりキッドが必要なサイトは減っていることを認識する必要がありそうです。 理由はシンプル。 デスクトップパソコンのディスプレイの巨大化 ミニサイズのノートパソコンの普及 によって、横幅がころころ変わるデザインではレイアウトの最適化が極めて難しいから、です。 では、どういうときにリキッドデザインを検討したらよいでしょうか。 1.商品が多数閲覧できるECサイト これは、単純にアマゾンやYahoo!オークションなどを思い浮かべてもらえたらよいかと思います。 画像中心のレイアウトのため、横に広がっても可読性（やユーザビリテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
