Soumettre la recherche
Mettre en ligne
LPデザインに関して〜作成のセオリーとコツ〜
•
111 j'aime
•
120,975 vues
典子 松本
Suivre
「webっちゃvol.1」で使用したスライドです。(一部修正あり)
Lire moins
Lire la suite
Design
Signaler
Partager
Signaler
Partager
1 sur 49
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
kenji goto
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
Contenu connexe
Tendances
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴
Yuudai Tachibana
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !
Naoki Kanazawa
UIデザインの基本
UIデザインの基本
Roy Kim
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
Taichi Hirano
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Sasaki Kouhei
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
tsukasa obara
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
VirtualTech Japan Inc./Begi.net Inc.
色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜
Yuudai Tachibana
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
Tendances
(20)
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
デザインのためのデザイン
デザインのためのデザイン
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !
UIデザインの基本
UIデザインの基本
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜
確実に良くするUI/UX設計
確実に良くするUI/UX設計
En vedette
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
take-it
SEOに効くコンテンツの作り方 ver1.1
SEOに効くコンテンツの作り方 ver1.1
INFOBAHN.inc(株式会社インフォバーン)
Sexyなリスティング広告プレイヤーになるために…
Sexyなリスティング広告プレイヤーになるために…
Keiji Abe
コンテンツ マーケティング革命
コンテンツ マーケティング革命
Tactus Associates
株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析
webcampusschoo
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
tanakayoshikif-code
WordPress を使いこなそう
WordPress を使いこなそう
Wataru OKAMOTO
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
Masaya Ando
コンテンツマーケティングの正しい活用方法 心を動かすオウンドメディアのつくり方 Ver.02
コンテンツマーケティングの正しい活用方法 心を動かすオウンドメディアのつくり方 Ver.02
INFOBAHN.inc(株式会社インフォバーン)
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
Kenta Nakamura
クックパッドのグロースハックについて 20140218 ver1.1(更新版)
クックパッドのグロースハックについて 20140218 ver1.1(更新版)
Kato Kyosuke
リスティング広告の為のデータフィード勉強会
リスティング広告の為のデータフィード勉強会
Keiji Abe
データドリブン経営のメトリクス分析 AARRR!モデルの紹介
データドリブン経営のメトリクス分析 AARRR!モデルの紹介
pLucky
有名サイトのGrowth hackテクニック色々〜Quora、facebook、twitterなど〜
有名サイトのGrowth hackテクニック色々〜Quora、facebook、twitterなど〜
Kazuhide Harada
「アクセス解析思考の磨き方」CSS Nite LP, Disk 19
「アクセス解析思考の磨き方」CSS Nite LP, Disk 19
Yasuki Ichishima
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
schoowebcampus
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
Wo! vol.23 米Coca-Colaサイトにみるコンテンツ・マーケティング
Wo! vol.23 米Coca-Colaサイトにみるコンテンツ・マーケティング
thinkjam.Inc.
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
お金をかけないランディングページのつくりかた
お金をかけないランディングページのつくりかた
Satoru Yamamoto
En vedette
(20)
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
SEOに効くコンテンツの作り方 ver1.1
SEOに効くコンテンツの作り方 ver1.1
Sexyなリスティング広告プレイヤーになるために…
Sexyなリスティング広告プレイヤーになるために…
コンテンツ マーケティング革命
コンテンツ マーケティング革命
株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
WordPress を使いこなそう
WordPress を使いこなそう
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
コンテンツマーケティングの正しい活用方法 心を動かすオウンドメディアのつくり方 Ver.02
コンテンツマーケティングの正しい活用方法 心を動かすオウンドメディアのつくり方 Ver.02
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
クックパッドのグロースハックについて 20140218 ver1.1(更新版)
クックパッドのグロースハックについて 20140218 ver1.1(更新版)
リスティング広告の為のデータフィード勉強会
リスティング広告の為のデータフィード勉強会
データドリブン経営のメトリクス分析 AARRR!モデルの紹介
データドリブン経営のメトリクス分析 AARRR!モデルの紹介
有名サイトのGrowth hackテクニック色々〜Quora、facebook、twitterなど〜
有名サイトのGrowth hackテクニック色々〜Quora、facebook、twitterなど〜
「アクセス解析思考の磨き方」CSS Nite LP, Disk 19
「アクセス解析思考の磨き方」CSS Nite LP, Disk 19
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Wo! vol.23 米Coca-Colaサイトにみるコンテンツ・マーケティング
Wo! vol.23 米Coca-Colaサイトにみるコンテンツ・マーケティング
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
お金をかけないランディングページのつくりかた
お金をかけないランディングページのつくりかた
Similaire à LPデザインに関して〜作成のセオリーとコツ〜
僕のFireworks普及計画!!
僕のFireworks普及計画!!
Yuuki Kashimoto
グラフィックデザインを重視したランディングページの作り方 先生:イシジマ ミキ
グラフィックデザインを重視したランディングページの作り方 先生:イシジマ ミキ
schoowebcampus
札幌 SEOのホームページ
札幌 SEOのホームページ
Webコンサルタント武藤正隆
Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)
Yasuhito Yabe
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
大輔 井水
ネット上でのクチコミマーケティングとは
ネット上でのクチコミマーケティングとは
武 河野
Lightning Talk
Lightning Talk
Takahiro Saeki
Similaire à LPデザインに関して〜作成のセオリーとコツ〜
(7)
僕のFireworks普及計画!!
僕のFireworks普及計画!!
グラフィックデザインを重視したランディングページの作り方 先生:イシジマ ミキ
グラフィックデザインを重視したランディングページの作り方 先生:イシジマ ミキ
札幌 SEOのホームページ
札幌 SEOのホームページ
Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
ネット上でのクチコミマーケティングとは
ネット上でのクチコミマーケティングとは
Lightning Talk
Lightning Talk
Plus de 典子 松本
ノーコードでAIサービスを使ってみよう!「AI Bulder」
ノーコードでAIサービスを使ってみよう!「AI Bulder」
典子 松本
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
典子 松本
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでAIサービスを使ってみた話
典子 松本
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
典子 松本
「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の話
典子 松本
テキスト書き起こし&読み上げLINEボットを作ってみた
テキスト書き起こし&読み上げLINEボットを作ってみた
典子 松本
タイムカード打刻チャットボット「ごえもん」誕生話
タイムカード打刻チャットボット「ごえもん」誕生話
典子 松本
Microsoft Flow 改め、Power Automateはじめました。
Microsoft Flow 改め、Power Automateはじめました。
典子 松本
Designer's Design Talk「デザインの基礎」
Designer's Design Talk「デザインの基礎」
典子 松本
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
典子 松本
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
典子 松本
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
典子 松本
古代エジプトの魅力について
古代エジプトの魅力について
典子 松本
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
典子 松本
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
典子 松本
ノンコーディングでも!ここまでできるkintone
ノンコーディングでも!ここまでできるkintone
典子 松本
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
典子 松本
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
典子 松本
もっとサーバーレスを手軽に便利に!Azure Logic Apps
もっとサーバーレスを手軽に便利に!Azure Logic Apps
典子 松本
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
典子 松本
Plus de 典子 松本
(20)
ノーコードでAIサービスを使ってみよう!「AI Bulder」
ノーコードでAIサービスを使ってみよう!「AI Bulder」
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の話
テキスト書き起こし&読み上げLINEボットを作ってみた
テキスト書き起こし&読み上げLINEボットを作ってみた
タイムカード打刻チャットボット「ごえもん」誕生話
タイムカード打刻チャットボット「ごえもん」誕生話
Microsoft Flow 改め、Power Automateはじめました。
Microsoft Flow 改め、Power Automateはじめました。
Designer's Design Talk「デザインの基礎」
Designer's Design Talk「デザインの基礎」
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
古代エジプトの魅力について
古代エジプトの魅力について
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでも!ここまでできるkintone
ノンコーディングでも!ここまでできるkintone
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
もっとサーバーレスを手軽に便利に!Azure Logic Apps
もっとサーバーレスを手軽に便利に!Azure Logic Apps
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LPデザインに関して〜作成のセオリーとコツ〜
1.
∼ 作成のセオリーとコツ ∼ LPデザインの話
2.
自己紹介
3.
松 本 典
子 web デザイナー 以前、総合通販会社のweb 部門に 約4年ほど所属してました。 現在は web制作会社所属。 ブログやってます → http://zuvuyalink.net/nrjlog/
4.
本日お話すること
5.
LP って何? LP の基本的な構成 LP
デザインの注意点 7秒ルール 3秒で心を掴む ファーストビューの作り方 ボタンについて 最後に
6.
LP(ランディングページ)って何?
7.
Web サイトの訪問者が、外部からそのサイトに やってくる際、最初に開くことになるページ。 特に、他サイトに広告を出稿する際、 リンク先として指定する自サイト内のページのこと。 「コラーゲンゼリー」で検索
8.
LPの基本的な構成
9.
① キャッチフレーズ(ベネフィット) ② 実
証(ベネフィットを実証する情報) ③ 信 頼(第三者の意見やデータ) ④ 安 心(ユーザの声) キャッチフレーズ テキストテキストテキスト テキストテキストテキスト ボタン 実証する情報 0 10 20 30 40 50 テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト 第三者の意見やデータ 申し込みフォーム テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト お客様の声 テキストテキストテキストテキスト テキストテキストテキストテキスト テキストテキストテキストテキスト テキストテキストテキストテキスト コンバージョン
10.
①キャッチフレーズ(ベネフィット) ・キャッチコピーはシンプルにわかりやすく ・わかりやすい言葉で、ベネフィットを伝える ・できるだけ具体的にイメージできる写真を使う ベネフィットは「利益になること」
11.
②実証(ベネフィットを実証する情報) 数値的など、具体的でわかりやすい情報を 掲載。(商品の良さなどを説明) 主観的な視点。
12.
③信頼(第三者の意見やデータ) 第三者であるその分野の専門家などの意見。 実績などでもユーザの信頼を得ることができる 情報であればOK。 情報に説得力が出る。
13.
④安心(ユーザの声) 実際に使っているユーザの声を掲載することで、 情報により真実味を持たせる。 狙うターゲット層の「ユーザの声」を入れる。 説得力が UP!
14.
①∼④の構成で、 コンバージョンにつなげます
15.
LP デザインの注意点
16.
特に伝えなければいけない点に 必ず目が行くようになっているか? 信頼性や安心感を与えるものに なっているか? ランディングページのデザインが、
17.
基本に忠実で シンプルなデザインを 心がけよう。
18.
7 秒ルール
19.
ユーザがアクセスしたページについて、 しっかりと見るかどうかの判断を 7秒で決めてしまう、と言われる。 最近では「3 秒ルール」とも言われるほど 短くなってきている。
20.
一生懸命ページを作っても 最後まで見てもらえないかも… つまり、
21.
ファーストビューは 超大事!!
22.
ファーストビューの作り方 3秒で心を掴む
23.
① キャッチコピー ② キービジュアル ③
デザイン 第一印象を大切にするための 3つのポイント
24.
① キャッチコピー
25.
キーワードと LP の キャッチコピーは統一しよう 『ユーザは検索キーワードを意識する』 メインのキーワードをキャッチフレーズに用いれば、 ユーザに安心感を与えられるので 即時離脱を防ぐことができる。
27.
② キービジュアル
28.
メインイメージ部分は、 ひと目でイメージが伝わる 写真を選ぶ。 『ターゲットは誰なのか?』
30.
③ デザイン
31.
エンブレムや実績(△万個売れた!)は 目立つ場所に載せる 「購入する」ボタンを置く
32.
エンブレム系が入っている例
33.
購入ボタンが入っている例
34.
ボタンについて
35.
LPページのボタンは誰が見ても 「あ!これボタン!」とわかり、 しかも「押した!」と分かる事が重要。 ボタンはボタンらしく
36.
形は角丸、色は緑。 LP ページのボタンは そして目立たせること。
38.
いかに流し見するユーザの目を留めて、 ボタンを押すというアクションを 起こさせるか? ボタンの役割
39.
なぜ角丸ボタン?
40.
鋭角の長方形は同じ大きさの楕円より 認知するのに努力を必要とする。 人間の目は円形のものをより速く 捉えることができる。 角丸は目に、そして脳に優しい ビジュアル認知の権威:Jürg Nänni 教授
41.
「触るな」「立ち去れ」「引っ掻く」 鋭角はどんなイメージ? 鋭いオブジェクトから連想される ネガティブなイメージへ展開する傾向 回避反応
42.
角丸の長方形は ユーザーに安心・快適を 感じさせる。 角丸はアクションボタンに ぴったり!!
43.
なぜ緑色?
44.
色の持つ意味 赤 … 注意、危険、緊張、刺激的な 青
… 冷静さ、熟考、安定性 緑… 信頼性、平和、安全
45.
アクションボタンを押すには ある程度のテンションが必要。 アクションボタンには 緑色がオススメ!!
46.
最後に
47.
LP(ランディングページ)は 色々な手法や考え方があります。 私がお話することはごく一部のことなので、 「こんな意見もあるらしい」って感じで。
48.
ランディングページ(LP) は 作ってからがスタート。 実際は運用が始まってから 最適化して育てていくもの。
49.
ご清聴 ありがとうございました
Télécharger maintenant