タグ

ブックマーク / liskul.com (11)

  • UIの基本と、設計方法│UI改善で成果6倍!

    日常的にUIという言葉を耳にしますが、UIについて正しく理解している人は、ごく一部であるように思えます。UIはウェブマーケティングを成功させる上で非常に重要な要素で、UIを改善するだけでも成果が2倍3倍に向上するケースも珍しくありません。 そんなウェブマーケティングにおけるキーファクターであるUIの基とテクニックに関して、ウェブマーケティングのプロが例を交えながらご説明いたします。 CVR約160%アップのUI改善事例 ※記事は2014年4月24日に公開された記事をLISKUL編集部にて再編集したものです。 そもそもUIとは?「UIとは、User Interface(ユーザーインターフェース)の略で、ユーザと企業をつなぐ接点です。」というと、少し難しく聞こえるかもしれませんが、つまりは「誰かに、何かをしてもらうために、何を、どう伝えるか」というウェブページ上でのコミュニケーションの「伝

    UIの基本と、設計方法│UI改善で成果6倍!
  • スマホのメニューデザインに悩んだらこれ!パターン別サンプル36選 | LISKUL

    スマホはメニューバーが命!! スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか? 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。 自分のスマホサイトの性質を考えながら、もっとも適切なメニューを探していきましょう! 100のスマホサイトから見る、 スマホメニューの人気ランキング 上図は、100のスマホサイトをランダムに抽出し、それぞれのサイトで採用されているメニューの割合を調査した結果になります。この結果によれば、一位が圧倒的な割合で

    スマホのメニューデザインに悩んだらこれ!パターン別サンプル36選 | LISKUL
  • まずはココだけおさえる! Googleアナリティクスの見方5選 | LISKUL

    Googleアナリティクスで自社のアクセス解析をしようと思い、データをとりあえず眺めて、 訪問数が伸びた、減った。 直帰率が高い、低い。 で終わっていませんか? これだけでは、Googleアナリティクスを見ても何が原因で上がったのか下がったのかが分からず、次の施策を打つことができません。 Googleアナリティクスはただ眺めているだけでは何の価値ももたらさないのです。 でも安心してください。 Googleアナリティクスで何が見られるかを知れば、今日からあなたもバリバリ使いこなすことができます! 今回はGoogleアナリティクスのデータから、施策を打つまでの導き方をご紹介します。自社サイトのアクセス状況を確認して、今後のサイト改善に役立ててみては如何でしょうか。 分析に自信がない、時間が割けない方は無料診断を利用するのもオススメです。 ※記事は株式会社WACUL提供によるスポンサード・コン

    まずはココだけおさえる! Googleアナリティクスの見方5選 | LISKUL
  • ネット広告の種類一覧!課題別の効果の出る手法を解説 | LISKUL

    特に大きな違いは、運用が可能かどうか、費用の違い、リーチできるユーザー数の違いにあります。 純広告はTVCMと同じように多くのユーザーにアプローチできる一方で、その分費用は非常に高くなります。 数百万円以上の広告費を用意できる大企業向けの広告です。 一方の運用型広告は、非常に小額から始められるので、企業規模を問わず広く利用されています。これからネット広告を始めるとしたら、まずは運用型広告から始めることになるでしょう。 ただし運用が必要になるので、一定のスキルとリソースが求められます。 運用型広告の主要媒体一覧表これからご紹介する、運用型広告の主要媒体の一覧表です。 ご提案時などにぜひご活用ください。 ユーザー分類と、広告出稿目的 引用:ユーザーの数と関心度を元に利用するインターネット広告を考える|YATのblog ユーザーは、上図のようにあなたの商品・サービスに興味関心があるか階層で分解す

    ネット広告の種類一覧!課題別の効果の出る手法を解説 | LISKUL
  • 高品質なアイコンを無料でダウンロード!商用利用可能な素材サイトまとめ | LISKUL

    WEB制作やブログ、プレゼン資料などで、イメージをより直感的に伝えられるイラストやアイコンが欲しいけれど、探すのが面倒なんだよな・・・と思うこと、ありますよね。 今回は、WEB制作やブログ、プレゼン、広告、チラシなど、さまざまなシーンで大活躍間違いなしの、アイコン・イラスト・ピクトグラムの画像、ベクター素材をご紹介します。 全てフリーで、商用利用可能です。 こちらを活用すれば、より豊かな資料作成が無料でできるでしょう。 また、この記事は無料でPDFとしてダウンロードも可能です。写真のフリー素材を探す際にお手元に置いておくのがおすすめです。 【PDF】高クオリティ!商用利用OKのアイコン、イラスト無料(フリー)素材まとめ>>無料ダウンロード 【厳選5サイト】 ビジネスからブログまで幅広く使える無料アイコン・イラスト・ピクトグラム素材がいっぱい!私が普段利用していて便利だな、と思うサイトを5つ

    高品質なアイコンを無料でダウンロード!商用利用可能な素材サイトまとめ | LISKUL
  • 【UI/UX改善】CVRを向上させるスマホサイトのポイント10選 | LISKUL

    PCやサイトのスマホ版を作ったけど、思うように成果が上がらない・・・」「どうすれば成果の上がるスマートフォンサイトを作れるのだろうか・・・」とお悩みのweb担当者の皆様へ。 その答えは、「UI/UXの改善」にあります。 多くの企業がスマホサイトで成功していない原因としてありがちなのが「PCサイトを安易にスマホサイト風に変換しているだけ」というパターンです。 そのため、スマホとPCの違いを考慮して、スマートフォンでのユーザー行動を意識したUI/UXに改善するだけでも、CVRは簡単かつ速攻でアップするんです! CVR約160%アップのUI/UX改善事例 そこで、今回はCVRを向上させるためのスマホサイトのUI/UXを改善するためのチェックポイントをご紹介いたします。ぜひ皆様のWebサイトの改善にお役立てください! サイトUIを改善するための分析手法を知りたい方は、こちらの資料を手元に置いてみ

    【UI/UX改善】CVRを向上させるスマホサイトのポイント10選 | LISKUL
  • 【今すぐ役立つ行動心理学】サイトの売上に繋がる手法28選! | LISKUL

    マーケティングでは、顧客心理を読み解くことが戦略策定のもっとも大切なポイントの一つです。 その顧客心理を読み解く一つの方法として「心理学」が応用され、人間の「性質」や「質」をもとにしたマーケティング戦略が考えられてきました。 ただ、この心理学がWEBマーケティングにおいて活用されることはまれでした。 そこで、今回はWEBマーケティングに役立つ行動心理学の手法を8つに厳選してピックアップ。 それらが実際に活用されている企業サイトを集めて重要エッセンスを抽出しました。 そしてさらに勉強したい方に向けて、もう20個の行動心理学の効果と実用方法をまとめました。 ウェブサイト上で行動心理学がどのように使われているのか、実例を参考にしながら、ぜひ自社サイトやブログにも導入してみて「ついクリックしてしまう」サイトを目指していきましょう! Webサイトの改善策を”自動”で提案!売上向上に繋げるサービス『

    【今すぐ役立つ行動心理学】サイトの売上に繋がる手法28選! | LISKUL
  • 16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL

    ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか? 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 外注を活用したホームページデザインの業務切り出しフロー 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な

    16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL
  • 成果につながるLP制作のノウハウ記事14選|初心者~上級者のお悩み別テクニック集 | LISKUL

    世の中にランディングページに関する記述は無数に存在します。 しかし、情報量が多すぎて探している記事を発見することが困難だと感じている人も多いのではないでしょうか。 そんなあなたのために、過去リスクルに投稿されたランディングページに関する記事を「これから作りたい」「さらに獲得を伸ばしたい」などのステージ別にまとめてみました。 初めてのランディングページ製作や、既存ランディングページの改善の際には、ぜひとも参考にしてみてください。(参考:ランディングページ制作会社の一覧 ≫) ※ランディングページ改善に重要な要素を大きく4つに分け(ファーストビュー、ライティング、導線、その他のポイント)それぞれの項目で訴求ポイントのチェックが行えるシートを無料で公開しています。こちらもご参照ください。 新しくLPを作る方へ│成果の出るLPの作り方ランディングページは作り方次第で成果が2倍3倍と大きく変わります

    成果につながるLP制作のノウハウ記事14選|初心者~上級者のお悩み別テクニック集 | LISKUL
  • ABテストでCVR改善に成功した海外事例まとめ15選! | LISKUL

    海外ではABテストが盛ん」という言葉を耳にし、その内容が気にはなるものの、実際にそのノウハウや事例を外国語で仕入れるのは一手間だと、先送りにしてしまう人も多いのではないでしょうか。(かくいう私も「先送り」の日本代表です。) そんな皆様の一手間を解消すべく、海外のABテストの事例とその要点を日語でまとめてみました。 普段から気になっている海外の事例を、どうぞサクッと日語で仕入れちゃってください。 ※記事は2014年5月19日に公開された記事をLISKUL編集部にて再編集したものです。 グローバルナビゲーションの削除とフォームの変形でCVR336%http://unbounce.com/a-b-testing/how-a-single-a-b-test-increased-conversions/ ・オリジナルページの特徴は、上部に分厚いグローバルナビが配置されていることと、右カラムに

    ABテストでCVR改善に成功した海外事例まとめ15選! | LISKUL
  • バナーレイアウト20選

    効果が出るバナーのレイアウトには一定のパターンがあります。 今回は成果を出せるバナーのテンプレートを20種、広告代理店でバナーを作成している私が作ってみました。 バナーのレイアウトでお悩みの方も、そうでない方も、イメージを膨らませたり、いざという時のためにストックしたり、自由に活用して頂ければと思います。 【eBook】コンバージョンする効果の高いバナーの作成方法 悩んだらまずは最強のベーシック型コピー・訴求文・写真などをバランス良く盛り込み、情報量が多いレイアウト。バナーの時点で多くの情報を伝えられるため、飛び先との整合性が高いことが特徴です。しかし珍しさやインパクトにかけるので、似たようなバナーにまぎれると埋もれてしまう恐れがあります。 ベーシック型バナーレイアウトベーシック型バナーサンプル ベーシックに負けない3つの王道レイアウト同じバナーを出し続けているとユーザはマンネリを感じてし

    バナーレイアウト20選
    hideoman0330
    hideoman0330 2014/03/19
    デザイン
  • 1