今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を

Summary: Elaborate usability tests are a waste of resources. The best results come from testing no more than 5 users and running as many small tests as you can afford. Introduction Some people think that usability is very costly and complex and that user tests should be reserved for the rare web design project with a huge budget and a lavish time schedule. Not true. Elaborate usability tests are a

サンフレッチェ広島ユース選手のコミュ力がハンパないと話題に / 海外の国際大会の開幕式を踊りでジャック 2011年5月31日 社会生活をおくる上で欠かせないのがコミュニケーション能力、通称「コミュ力」。知らない人の輪に入っても臆することなく、すぐに打ち解け仲良くなる能力だ。 インテル所属の長友佑都選手もコミュ力が高いと評判で、あっという間にチームになじんだ。その後の活躍はご存知のとおりである。 そして今、とある若きサッカー選手のコミュ力が「ハンパない！」と、注目を集めている。 彼の名前は大谷真史。サンフレッチェ広島ユースに所属する、未来のJリーガーだ。YouTubeに「サッカー国際大会開会式を盛り上げたサンフレッチェユース劇場 」というタイトルでアップされた動画には、彼の驚くべきコミュ力が収録されている。 動画の説明によると、2011年4月、イタリアで行われたクラウディオサッシ国際ユースト

ライフレシピ共有サイトの「nanapi」というものをリリースしてみました。 nanapi[ナナピ] | 7分であなたの生活を便利にしちゃうライフレシピ共有サイト おかげさまでいろいろと紹介していただいたみたいでアクセス数高くていい感じです。 今回、どのような設計にするか結構考えて作ったのでそれを公開します。 ※ここでいう設計とは、どうユーザーに動いてもらいたいか、等のコンセプトに近い意味での設計で、システム的なものではありません！ 参考にしたサイトや記事 作るにあたって参考にした記事はこちら 『Stack Overflow』から学ぶ最近のコミュニティ構築術 - IDEA*IDEA すごくよくまとまってます。コミュニティを作る人には絶対よむべき記事ですね・・・。 デザインとかインターフェイスはこのサイトを結構参考にしました。 Kickstarter シンプルで伝えたいことを伝えているなあ、と

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

前回ではモバイルショッピングサイトのトップページから商品検索結果ページ、商品ページまでのユーザビリティポイントについて紹介しました。第9回となる今回では、実際にユーザーが商品を購入するまで、「買い物かご」ページから決済に至るまでの「購入フロー」の構築ポイントを、ユーザビリティ調査結果の内容を基に紹介します。 商品購入を決めたユーザーをスムーズに「決済」に誘導する事が重要オンラインショッピングの利用経験があるユーザーにショッピングサイトで商品選択後に購入を断念したことがあるか尋ねたところ、「よく断念することがある」「たまに断念することがある」という回答がPCで32％、モバイルでは48％となり、モバイルがPCを16ポイント上回る結果となりました。 購入を断念した理由をPCとモバイルで比較したところ、「通信速度が遅かったから」「住所入力が面倒になったから」の2つがPCとの差が最も大きく、モバイル

はじめまして。昨年末ライブドアに入社しました阿部です。 入社してまだ日が浅いということで、今回は前職でのナレッジを一部ご紹介したいと思います。 前職ではアフィリエイト広告を主軸としたWeb専業の広告代理店で、Webプロモーションのディレクションを担当していました。 アフィリエイト広告の特性上、例えばランディングページ（以下LP）であればコンバージョン（成約）を意識したクリエィティブであることが重要です。なぜならクリエイティブの視点からもコンバージョンを意識する事で、目に見えて広告効果が改善されるからです。 そしてコンバージョンを意識したクリエィティブは、アフィリエイト広告のLPに関わらず、多少なりともコンバージョンアップに気を配るページであれば、流用可能なものばかりです。そのため、知っていて損の無い10項だと思われます。 当たり前の事柄ばかりを集めましたので、現在のLPに漏れが無いか、宜し

Webディレクターとして名村晋治がプロジェクトマネージメントやディレクション業務に当たっている時に感じている問題解決の手法やセミナー等で話をしている内容、自身が使っているプロマネにおけるツールなどWebディレクションに関する情報の紹介しています。 名村は、Webサイトを見ていて、「こうなった使いやすいかな?」と思ったりする技術を集めておくのは、まぁ、趣味みたいなものです(笑) ただ、自分がエンジニアではないので、システム側ではなくて、表層技術側の方で出来る実装内容を集めているのですが、備忘録代りにエントリーしておきたいと思います。 CSSを使わずに画像を使ったSEOマークアップが簡単にできるjavascript CSSにより画像置換の良し悪しは別途議論するとして[謎]、システム側にさっさかHTMLを渡さないと行けなくて、かつ未だに細かいところに調整が入っているので、その場合には、システム側