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

シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書

ダウンロードユーザビリティ Bad Usability Calendar 日本語版 2005年からノルウェーにある Netlife Researchが「Bad Usability Calendar」という PDF を配布しています。ユーザビリティの観点でやってはいけない 12項目を毎年用意して広くユーザビリティの重要性を訴えているそうです。始めた年はノルウェー語しかありませんでしたが、年々翻訳が増えて今年は 13カ国語になっています。 実は数週間前にこのカレンダーの日本語訳をつくって提出したんですよ。そしたら最近ダウンロード出来るようになりました。ちょっと文字の配置がおかしいですが、使えないことないです。A3 か A4 の紙に印刷出来るようになっており、自分のデスクの近くや会議室に貼っておくことも出来そうです。話しのネタにはなりそうなので、ぜひどうぞ。 ミコちゃんもユーザビリティくらい知っ

10年以上経った今でもユーザービリティに関する興味深い記事を Web上に掲載しているヤコブ博士。今回は「Four Bad Web Design」というシンプルなタイトルで悪い例を４つ挙げています。Web designers don’t do what I told them to do 13 years ago (13年前に言ったことを未だに出来やしない) と少々強めのトーンで始まるこの記事。もちろん、人ごとだと思って笑えない深刻な問題でもあります。以下にヤコブ博士が見つけた４つの悪い例を挙げつつ僕の見解を書いていきます。 悪いコンテンツ デザインと関係ないと思ったら大間違い。デザインは文章から始まるといっても良いです。 魅力的な見た目であろうが、正しくマークアップしてようが、文章がおかしかったらすべて台無しになります。ヤコブ博士が出している例では必要な情報がないときがあると訴えていますが

本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなやYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ

こないだの「インターネットってどういう仕組みで動いているの？」に書いた事前研修でユーザビリティの大切さについても話したいと思って簡単なフォームを作ってみたよ。 想定ターゲットはユーザビリティのユの字も知らないような人や、これからウェブサイトの設計、構築の仕事をしようとしている人。これらの人にユーザビリティの大切さに気づいてもらうために、前回と同じように話す内容をとりあえず書いてってみる。 ちなみに前回のインターネットの仕組みからユーザビリティって話が飛んでるけど、そういうことは気にしないで思いつくことをメモ的にどんどん書いてって、流れは最後に考えようかなって感じ。 じゃあ、さっそく始める！ ユーザビリティって何？ まず始めに、みんなは「ユーザビリティ」って言葉は聞いたことあるかな？　日本語で「使いやすさ」って意味なんだけど、利用者がいかにストレスなく、便利で簡単で直感的な操作ができるか、っ

先日、ネタ元へのリンクを分かりづらいところに貼ってしまい、人気ブロガーの方に怒られてしまいました。。。以後気をつけます。 さて、気を取り直して今日はAJAXの普及などで益々多用されるようになった「タブメニュー」を作る際に気をつけるべき、ユーザビリティのガイドラインをご紹介したいと思います。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! タブユーザビリティ、13のガイドライン Ajaxタブは、違うコンテンツを表示するにもかかわらず、ページを先に読み込むため、ページが切り替わるストレスが少ないことから、さまざまなサイトに導入されています。 1. タブは同じ文脈内で一覧を作る代わりに使おう 異なるエリアへのナビゲーションに使ってはいけません。言われてみればなるほどと感じます。amazon.comは、過

利用者の操作を把握した後，画面のビジュアル・デザインに着手する。 ビジュアル・デザインにおいても，シンプルであることは重要なポイントである。「よく切れるナイフ」がシンプルで美しい機能美を備えているように，「使いやすいシステム」もまた，シンプルで美しいビジュアルを伴っているものだ。派手な見た目や奇をてらった演出はいらない。必要十分な画面要素を人間の認知心理に基づいて論理的に配置すれば，十分に使いやすいビジュアル・デザインを作り出せる。 要素を絞って目立たせる 図1は，ビジュアル・デザインを見直し，使い勝手を改善した例である。この画面はどちらも，デジタル・カメラの写真データからカレンダーを作るという電子商取引システムのトップ画面である。改善前より改善後の画面の方が，「オリジナルのカレンダーを作ろう」という提案メッセージが伝わってこないだろうか。 主な改善点は，表示要素を大幅に絞り込んだことであ

セブン＆アイ・ホールディングスの佐藤政行氏（執行役員 システム企画部 CVSシステム シニアオフィサー）のこだわりはユーザー・インタフェースにある。画面をひと目で理解でき，そこから新たな気づきを生み出せることが重要だと説く。つまり“パッ”と見て分かって，“アッ”と気づけることだ。そこでポイントになるのは，（1）一つの画面，（2）慣れたツール，（3）文字情報の可視化――の3点だ。 このうち「一つの画面」の意味するところは，関連する情報を組み合わせて1画面で表示したり，一つの画面から簡単な操作で必要な情報を取り出せたりして，利用者を迷わせないようにするということだ。あなたはこれまで，「データAの一覧」「データBの参照画面」といったように，情報の種類で分けて表示させていなかっただろうか。これでは，データAとデータBが関連するとき，複数の画面を見比べて利用者の頭のなかで情報を結び付けねばならず，新

こんにちは、ディレクターのほうの谷口です（余談ですが、ライブドアには3名の谷口がいて、私はプログラマーじゃないほうの谷口です）。今回は、ユーザーテストについてお話したいと思います。 ユーザーテストは、ウェブサイトの新規立ち上げやリニューアルの際、ユーザーがウェブサイトやプロトタイプを実際に操作してもらう様子を目の当たりにすることで、問題点を発見する方法です。 ライブドアのサービスは、作る側とユーザー像が近いことが多かったので、頻繁にはユーザーテストをしてきませんでした。しかし、今後は自分たちと違うユーザー像も対象としていきたいことから、ユーザーテストの数を増やしていきたいと思っています。 ユーザーテストの専門会社に頼むという手もあり、そうすることで厳密に調査をしてくれます。しかし、ポイントをしぼって外注せずにすむ方法もあるので、ここに紹介します。 1. 被験者は友人か知り合いでいい 専門会

サイバーエージェント様　GA4導入事例　移行は既存の分析要件を見直すチャンス。GA利用者の理解を促進し、データ活用をドライブさせる方法とは

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

これはなかなかユニークな試み。ショッピングサイトでイラついた経験がある方も多いはず。その経験が現実の世界で起きたらどうなるかを映像にしてしまった人がいるようです。 「あぁ、そうそう、むかつくよね！」というシーンばかりで笑えます。ショッピングサイトを運営されている方は必見（？）かもしれません。 現在公開されている映像は4本。以下に簡単にご紹介。 間違いだらけの検索エンジン ↑ 検索してもリンク切れだったり、全然違うものだったり。 この商品を買った人は・・・ ↑ レジでいろいろおすすめされても困ります。 ここはどこ？ ↑ 商品を買い物かごに入れた瞬間に店の入り口に連れて行かれてしまった・・・というエピソード。 検索結果は・・・ ↑ 商品を検索しているとまったく見つからなかったり、検索結果が多すぎたり・・・リアルにそう言われるとイライラしちゃいますね。 このシリーズは今後も続いていくようですね。