ウェブデザインやクリック率を改善するためにGIGAZINEでやっているA/Bテストとは？
画像や文章のパターンを複数用意し、それをウェブサイト上で入れ替えて表示させてユーザーの反応を見る「A/Bテスト」は、ユーザビリティやコンバージョンを向上させる方法として利用されます。GIGAZINEでは常時複数のA/Bテストを行っており、「どのような見せ方、やり方の効果が高いのか？」という調査を行っているので、その中でわかったことをまとめました。 ・GIGAZINEの露出枠 GIGAZINEには記事広告・バナー広告・自社広告などを表示させる「露出枠」がトップページや各記事ページに配置されていますが、この露出枠は記事をスクロールすることによってユーザーに対して表示されるので、「記事をしっかり読んでもらうこと」が露出アップにつながります。そのためにはもちろん、記事自体のクオリティが非常に重要であり、通常記事でも記事広告でも、「質の高さ」を重視しています。 そしてもう1つ、「記事をしっかり読んで
これで分かった！CSS GridとFlexboxの使い方を習得できるチートシート、ゲームまとめ
この記事では、CSS FlexboxとGridをつかってお好みのレイアウトを作成するコツやポイントをまとめた使い方ガイドやチートシート、ゲームなどをまとめて紹介しています。 ゲーム感覚で新しいCSSプロパティを学習することができたり、記述方法をど忘れしてしまったときなどにも便利で、お好みのレイアウトをオンラインで作成できるツールもあります。覚えようと思ってなかなか手がつかなかったひとも、これならすぐにはじめることができますよ。 CSS Gridの使い方ガイド、チートシート、ゲームまとめ Grid Garden CSS Gridレイアウトプロパティを使うことで、人参に水を与えながら自分の農園を育てていく、ゲーム感覚でGridプロパティを学ぶことができます。ゲームの各レベルでは、ゲーム達成に利用できる他のプロパティについてもサンプル例と一緒に解説されています。 Bonus – CSS Dine
Webマーケティング担当者は必見！ABテストの正しい設計方法を解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。週5でケバブを食べるWebディレクター、RISHです。 夏の暑さも少しずつ落ち着いてきましたが、みなさんいかがお過ごしでしょうか。 今日はWeb担当者なら気になる人も多い、ABテストの話をしようと思います。限りある予算で最大限の効果を発揮するために知っておきたい知識の1つですよね。 ※この記事ではABテストの設計と効果測定について言及します。ABテストを行うツールなどの説明は割愛させていただきます。 ABテストとは そもそもABテストとはどんなテストなのか。 一言で表すならば、「どのパターンが最も効果を上げているのかを把握するためのテスト」です。 前アメリカ大統領のバラク・オバマ氏も、大統領選挙の際にABテストを使っていたそうです。ABテストによって、24パターンのクリエイティブの中から、家族と一緒に写っている画像がもっともメルマガの購読数を上げることを発見し、当初の見込みの1
ひと昔前といろいろ違う、Webサイトを公開した時に確認しておきたい項目のまとめ -Web Launch Checklist
Webサイトを公開した時に、サイトのパフォーマンス、SEO、セキュリティ、アクセシビリティ、コンテンツ、機能性の面から確認しておきたい項目がまとめられたチェックリストを紹介します。 2017年、最近のWebのテクノロジーや制作事情をふまえたものとなっており、ひと昔前とはいろいろ変化しています。 イラスト: Girls Design Materials 「Web Launch Checklist」は2017年最近のWeb制作事情をふまえて、サイト公開時の確認事項をまとめたものです。 確認項目は6つにカテゴリ分けされており、それぞれ最新の動向が取り入れられたものとなっています。 Web Launch Checklist Web Launch Checklist -GitHub そのまま利用してもよし、また編集して自分用のリストを作成することもできます。 パフォーマンスで確認したい項目 SEOで
ユーザビリティテストの被験者をしてみて感じた、テストの流れや重要ポイント
2016年9月1日 ユーザビリティ 8月某日、ワイヤーフレーム作成ツールのCacooなど、制作業務を円滑に進めるための様々な便利ツールを開発しているヌーラボさんにおじゃましました。そこで、まもなくプロジェクト管理ツールのBacklogをリデザインするということでしたので、ユーザビリティテストの被験者をしてみることに！ユーザビリティテストを行うことはありましたが、本格的なテストの被験者をすることはあまりなかったので、ワクワクしながら受けてみましたよ。 ↑私が10年以上利用している会計ソフト！ リデザインの経緯 長く愛用され続けてきたUIを改新するということですので、デザインを変更することを決めた理由や経緯について、中の人に聞いてみました！ 今までのUIは、少し前のWebアプリケーションで良く見られたような、1画面に多くの情報を載せてすべての機能を文字ラベルで表示するタイプでした。この方針には
Facebookアプリのテストユーザー作成方法（2016年版）
Facebookアプリのテストユーザー作成方法（2016年版）です。 １．はじめに 4年ほど前に「Facebookがテストユーザー作成・編集画面をリリース」という記事で、Facebookアプリのテストユーザー作成方法を紹介しました。 が記事作成から4年半ほど経ち、久しぶりにテストユーザーを作成してみたところ、UIなどが大幅に変更されていました。 ということで本エントリーで2016年現在の手順を改めて紹介します。 Facebookアプリ自体の作成手順は割愛してますので、予め作成しておいてください。 ２．テストユーザー作成 自アカウントでログイン後、開発者ページにアクセスして「My Apps」をクリック。 テストユーザーを作成したいアプリをクリック。 左メニューから「Roles」をクリック。 「Test Users」をクリック。 「Add」をクリック。 作成画面が表示されるので各項目を設定しま
A/Bテストを成功させるためのフレームワーク【3W2H】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、株式会社アッションの小林です。 全3回の「失敗しないためのA/BテストやLPOのやり方シリーズ」第2弾です。 A/Bテスト・LPOシリーズ なぜ失敗する？A/Bテストの運用が上手くいかない企業の共通点 A/Bテストを成功させるためのフレームワーク【3W2H】 A/Bテストツール「VWO」の隠れた機能とは？使い方の実例公開 A/Bテストを成功させるために、最も重要なこと。 それは、“効果的なテストアイデアを考案すること”に他なりません。 テストのアイデア出しは勘でおこなっている 1回目のテストは好調だったが、2回、3回目となるとうまくいかない 自信を持って自分のテストアイデアに効果がある！と言い切れない など、根拠ある数字や考え方を元に効果的なテストアイデアを考案することがなかなかできないものです。 そこで今回は、そんな方のために自信を持ってテストアイデアを作成できる手順をご紹介
A/Bテストツール「VWO」の隠れた機能とは？使い方の実例公開 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、株式会社アッションの小林です。 全3回の「失敗しないためのA/BテストやLPOのやり方シリーズ」第3弾です。 A/Bテスト・LPOシリーズ なぜ失敗する？A/Bテストの運用が上手くいかない企業の共通点 A/Bテストを成功させるためのフレームワーク【3W2H】 A/Bテストツール「VWO」の隠れた機能とは？使い方の実例公開 これまで2回にわたって、 A/Bテストが失敗する理由とその対処方法 成果の出るテスト案を考えるための考え方 をお伝えしてきました。 それらを踏まえた上で大事なことは“いかに素早くPDCAを回すか”です。 そこで便利なのは、A/Bテストをスムーズに回せて、しかもプログラミングや統計の知識がいらないA/Bテストツール。 A/Bテストツール「VMO」とは？ https://vwo.com/jp/ 弊社の取り扱っているVWO（Visual Website Optimi
ユーザビリティ向上！「ユーザーテスト」でWebサイトを見直そう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。ナイル（旧：ヴォラーレ）という会社でWebアナリストをやっている伊佐敷（いさしき）と申します。よろしくお願いします。 「集客はそこそこできているがコンバージョンが増えない……」 「アクセスデータ上で数字が悪いことは把握しているが、なぜかわからない……」 皆様も同じような悩みを抱えていませんでしょうか。 そしてこの悩みの原因を突き詰めると、往々にして次の壁にぶち当たります。 「ユーザーの姿が見えない」 リアルな店舗とは異なり、Webサイトではお客様の行動・表情・気持ちを見ることができません。それゆえに、ユーザーのニーズに合わないサイトにしてしまったり、ズレた施策をおこなってしまったりして、結局成果が出ない……ということがよくあります。 しかし、Webだからしょうがないと諦めてしまうのは早いです。Webサイトを使っているユーザーの行動や心理がわかる手法が実は存在するのです。 今回
Web制作における試験（デバッグ・テスト）について | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は新人ディレクターに回ってきがちな試験について書いてみようと思います。 僕は新人のころにエンジニアだったのですが、そのときは試験ばかりやっていました。 試験とは？ 「テスト」とか「デバッグ」と呼ばれることもある試験。 たいていの人は毛嫌いしてしまう工程ですが、品質を上げるためには非常に重要なものでもあります。 あるとき、当時の先輩社員にこんなことを言われました。 「中水くん、テストって技術が必要なんだよ」 と。これは当時の僕には衝撃的な一言でした。 それもそのはず、当時の僕は「テストめんどくせー。全部OKってつけちゃおうかな」って思ってしまうくらい、テストが大嫌いでした。 でも、その一言を言われてから、試験についての考えを改め、ちゃんと試験についての勉強もするようにしました。やっぱり試験をちゃんとすると品質も上がるし、クライアントからの評判も良くなるんですよね。 クリエイターとしても、
コンバージョン率を上げるためにA/Bテストを行う上で知っておくべきこと
By A ウェブサイトを構築する上で欠かせないのが、複数の異なるデザインを試してサイトの訪問者数のうち成果に結びついた割合を表すコンバージョン率を比較し、優れたものを導き出す「A/Bテスト」です。多くのクライアントと毎日のようにA/Bテストについて話し合ってきたというRobin Johnsonさんによると、クライアントが必ずと言っていいほど聞いてくるのが「どこからA/Bテストを始めればよいのか？」ということ。多くのクライアントが抱える疑問に答えるべく、JohnsonさんはA/Bテストを13のカテゴリに分けて「A/Bテストに関する71のアイデア」を公開しており、その中から役立ちそうなものをピックアップしてみました。 71 A/B Testing Ideas | The Optimizely Blog https://blog.optimizely.com/2013/04/30/71-thin
ABテストで圧倒的成果を残すためのslideshare資料5選＋5記事 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ソウルドアウト株式会社のはつざわです。 最近、巷で噂のグロースハック。 その1つの手法として、ABテストが再度注目されています。短期間で何度もABテストを実施する手法はWebマーケティング業界でも行われ、大きな成果を残してきました。 しかし、いざやろうとすると、話に聞くような華々しい成果はなかなか上げられないもの……。 そこで今回はプレゼン資料が共有されていることで有名な「slideshare」やWebサイトで、ABテストに関わるプレゼン資料・記事をピックアップしてみました。 公開されている事例からその極意を抽出して、ご自身のサイトをどんどん改善していきましょう！
ABテストでバナー広告の効果を上げる方法とLIGブログの事例紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして！ 11月末からLIGにジョインした、メディア事業部のたかしです。 趣味は自己啓発とファッションコーディネート。おしゃれになる方法を呟いていた時期もありました。（今もときどき） 前職は、広告代理店でWeb広告の営業をしていました。担当が2人しかいなくて、すさまじい量のタスクに毎日毎日押しつぶされそうになっていた時期が…… そんなことはどうでもいいですね。 さて、私もそうでしたが、Webマーケティング担当者の方はいつも、 「いい広告を出す方法は何だ」 「コスパの良い広告枠はないのか」 など、自社の売上げを効果的に上げる施策を日々模索されていると思います。 そこで今回は、Webマーケティングに関わられている方々に、バナー広告の効果を上げるABテストの方法について、LIGブログの事例を用いて紹介していきます！ ※最後に、LIGブログの広告枠のご紹介をさせていただきます ABテストとは
誰でも簡単にできるGoogle Analyticsのランディングページ分析入門 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGのアートディレクターの長岡です。 前回の記事「誰でも簡単にできるGoogle Analyticsの検索キーワード分析入門」でオーガニック検索に関する分析方法を紹介させていただきましたが、今回はランディングページの分析方法について書いていきたいと思います。 ランディングページって？ ランディングページとは、ユーザーが一番最初に閲覧するページのことです。 大まかには以下のような形でのサイトへのランディングが考えられます。 検索エンジンからのランディング 広告からのランディング SNSからのランディング ブログ記事からのランディング ブラウザのお気に入りなどによるダイレクトでのランディング その他にもいろいろなランディング経路があるかと思いますが、「どういった経路からの流入が多いのか」「ランディング先からはどのページへ遷移しているのか」をきちんと分析することで、多くのことが分か
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴とは？ – 佐藤航陽のブログ
決済サービス「spike（スパイク）」のリリースのほうに時間を割いていて、ブログの更新が滞っていました。。。何かの片手間でブログを続けるってなかなか難しい。気分転換にブログを新しくしました。調べるおタカノリさんやサイプロさんスゲーなと思うこの頃です。 先日Google Playがリニューアルされた記事をアップして、アイコンの大きさが２倍になり、今後Google Playでますます重要になるなと感じたわけですが、７月の末に今度はPC版のGoogle Playもリニューアルされてダウンロードページのクリエイティブがアイコンとスプラッシュだけになってしまいました。以前は大きい長方形のバナーが表示されていましが、こちらは使われるのはGoogleのおすすめに入ったときだけで、ほとんどのディベロッパーには無縁のものになってしまっています。 今後アイコンが重要になってくる流れは間違いないので、これを無料
Google App EngineがPHPに対応、限定プレビューを開始。ローカルでPHP環境を再現するSDKも公開
グーグルは15日、（日本時間16日）、Google App EngineでのPHP対応を発表。限定プレビューを開始しました。Google App Engineの対応言語はPython、Java、Go、PHPの4つに広がります。 PHP対応は、Google App Engineユーザーからのリクエストのトップでした。ちなみに、2位はPerl対応、3位はRuby対応です。 ローカルでApp Engine PHP環境を再現するSDKも公開 グーグルはPHP対応と合わせてApp Engine PHP software development kit (SDK)を公開。このSDKはローカルでGoogle App EngineのPHP環境を再現するもので、Linux、Mac OS X、Windowsに対応。 ユーザーは事前にローカル環境でPHPアプリケーションのテストを行うことができます。テストが終わ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Projects - Luke Haas
NameBright - Coming Soon
最近のJavaScript開発まとめ
