コンバージョンを上げるWebデザイン改善セミナー 〜LIVEサイト診断あり〜(井水 大輔さん)

Webサイト運営者、デザイナー、ディレクター、マーケター、経営者など、Webサイトを活用して売上をUPしたい方に向けてデータを活用したWebサイト改善の手法や事例を紹介。 https://cssnite.doorkeeper.jp/events/120998
3
ゆっきー🧑‍💻 Dir & Des @yukky_design

たしかに問い合わせ件数から予約率と平均単価で利益を導きだすのは、ペイしてくださる方への説得力が増しますよね🤔 これからアナリティクスの数値がクリアしたか以外にも、利益部分の数値も取り入れてアピールしていきたいと思います✨ #cssnite #Web改善

2021-08-11 20:49:20
samy @samy_orange_

#cssnite デザインを変えた時に分析の判断が難しいことはありませんか? → 分析する際の基本として「データを分けて見る」。広告からの流入だとこのくらい…と絞って見てみるなど。 いろんな施策を一気に打つと切り分けが難しいので、なるべく平時に1つずつ行う。

2021-08-11 20:51:38
うらこ @urako

グローバルナビゲーション 英語はダメ、メニューは7個以内 #cssnite

2021-08-11 20:54:02
samy @samy_orange_

#cssnite 「もっと見る」「詳細はこちら」 おさまりが良くてついつい使っちゃいますね

2021-08-11 20:56:39
うらこ @urako

ボタンの文言はユーザーからみてリンク先の内容が簡潔でわかりやすいものにする #cssnite

2021-08-11 20:56:47
うらこ @urako

CTA メリットやベネフィットで訴求する 2週間無料で使ってみる とか #cssnite

2021-08-11 20:57:34
うらこ @urako

ボタンリンク 添えのテキストがあるとユーザー心理の不安が軽減 #cssnite

2021-08-11 20:58:29
うらこ @urako

添えのテキストはユーザー心理を代弁するものを #cssnite

2021-08-11 21:00:18
ゆっきー🧑‍💻 Dir & Des @yukky_design

ユーザーのつなぎの心理をボタンに添えて選択時に読んでもらうと、ボタンを押してもらえることが多いと言うのは、UXとユーザー心理に上手くアプローチできているということですね😊 #cssnite #Web改善

2021-08-11 21:05:47
samy @samy_orange_

#cssnite 首のうしろ伸ばすの気持ち良い😇

2021-08-11 21:11:02
ゆっきー🧑‍💻 Dir & Des @yukky_design

子供向け英会話教室の例での勝ちパターンは、デザインがブランディングどおりならばそれが確立していたこと、ペルソナが尖っていたこと、配色的なメリハリがあるなどもありそうですけど、「子供が楽しい<ペイしてくださる親御さんの心を射止めた」というのも大きそう😊 #cssnite #Web改善

2021-08-11 21:13:39
うらこ @urako

フォームのお話。 「必須」だけでなく「任意」も明記する。 3項目程度の場合はプルダウンでなくラジオボタンで #cssnite

2021-08-11 21:15:20
samy @samy_orange_

#cssnite 【フォームの改善点】 「問い合わせ内容」など、長く文章を入れさせる入力項目は最後の方に持ってくる。はじめに考えさせるものがあると、入力自体が億劫になる可能性がある。

2021-08-11 21:16:26
samy @samy_orange_

#cssnite 【フォームの改善点】 フォーム先頭に「※印は必須です」ではなく各項目のところに「必須」と書こう。任意入力のところには「任意」と書こう。 →任意の項目はそもそも本当に必要?フォームは項目が少ないほど利用率が上がる

2021-08-11 21:18:07
samy @samy_orange_

#cssnite リセットボタンはユーザーの心を折るボタン

2021-08-11 21:19:15
古堂あゆ美📒豊富な作例で学ぶ Adobe XD Webデザイン入門 @ayumoyashi

【フォームの改善点】 誰が使うんだろうのリセットボタンは不要! たしかに・・! #cssnite

2021-08-11 21:20:07
おおたきすみこ|なんでもデザイン @designmetome

フォームの改善点 ①必須は必須と言葉入れる ②入力項目は最小限に ③全角や半角は指定しない ④補助入力機能を入れる ⑤入力例を入れる ⑥入力エラーはリアルタイムで表示 ⑦選択肢が少ないもの→ラジオボタン ⑧最後は送信ボタンのみ ⑨不要なリンクの削除 ⑩項目は答えやすいものから #cssnite

2021-08-11 21:22:10
うらこ @urako

ユーザーの行動心理をいかに読み解くかが鍵となる #cssnite

2021-08-11 21:28:03
古堂あゆ美📒豊富な作例で学ぶ Adobe XD Webデザイン入門 @ayumoyashi

・TOP→料金  ×CV NG ・TOP→選ばれる理由→料金 ◎CV!! 選ばれる理由ページ作ること多いけど、 そんな大事だったとは・・・!! #cssnite

2021-08-11 21:29:05
うらこ @urako

まず開発ツールでスマホ画面に切り替えて確認… なるほど!!! スマホ画面でまず「何のサイトか」パッと見てわかること。 #cssnite

2021-08-11 21:31:20
samy @samy_orange_

#cssnite 「来店」が一番のコンバージョンポイントだとしたら、ヘッダーに必ずお店の場所が分かる情報を入れておく。「銀座駅から徒歩○分」など。自分に関係のある情報なのか(行けるところなのか)をすぐ判断してもらう

2021-08-11 21:36:19
うらこ @urako

Adobeのサイトってリニューアル時にリダイレクトしないんだ…!!! 知らんかった!!!! #cssnite

2021-08-11 21:38:52
samy @samy_orange_

#cssnite サイトの利用目的がわかっている関係者しか来ないサイトでも、パッと見てなんのためのサイトかわかるような説明は書いておくべき。リード文一言だけでも丁寧に書いておく。

2021-08-11 21:41:07
samy @samy_orange_

🌻cssnite 制作会社のサイトは「制作実績」と「会社概要」がすべて

2021-08-11 21:49:27