Download as PDF, PPTX
Uploaded byYoshiki Hayama
【実録】Web担イベントページのフルリニューアル ユーザー操作は“想定外の行動だらけ”！ UXリサーチで見えた真の課題と改善策
Web担当者Forumのイベント2023年8月29日・30日「デジタルマーケターズサミット2023 Summer」 KC1-7 セッション「【実録】Web担イベントページのフルリニューアル ユーザー操作は“想定外の行動だらけ”！ UXリサーチで見えた真の課題と改善策」のスライドです。Web担当者Forumの四谷編集長と、日本ウェブデザインのタグチマリコ・羽山で登壇しました。 10年にわたり増改築を繰り返し、まるで九龍城砦、あるいは焼き鳥屋の秘伝のタレのようになっていたWeb担のイベントページ。根本的な改善をすべく、UXリサーチの専門家の力を借りてユーザビリティテストをし、フルリニューアルをしました。実際のユーザーにWebサイトを触ってもらうと、編集部は想定もしなかった課題を次々と目の当たりにします。見出した真実をどうリニューアルに活かしたのか、一部始終を「リアルに」全公開します。
More Related Content
![UXデザインのはじめの一歩を体験しよう！ ユーザーインタビューの基本 [第2版] | UXデザイン実践セミナー 第2回](https://cdn.slidesharecdn.com/ss_thumbnails/20221209-creekandriver-ux-workshop-2-221207181804-b44d3cb7-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to 【実録】Web担イベントページのフルリニューアル ユーザー操作は“想定外の行動だらけ”！ UXリサーチで見えた真の課題と改善策
![ウェブディレクターのための Web A11Y 勉強会 (Season 2) #12 [最終回]](https://cdn.slidesharecdn.com/ss_thumbnails/weba11yseminars212-190315211627-thumbnail.jpg?width=640&height=640&fit=bounds)
【実録】Web担イベントページのフルリニューアル ユーザー操作は“想定外の行動だらけ”！ UXリサーチで見えた真の課題と改善策
- 1. 【実録】Web担イベントページのフルリニューアル ユーザー操作は“想定外の⾏動だらけ”！ UXリサーチで⾒えた真の課題と改善策 デジタルマーケターズサミット 2023 SummerKC1-7 2023年8⽉29⽇ 株式会社インプレス Web担当者Forum 編集⻑ 四⾕ 志穂（@Shiho_Yotsuya） ⽇本ウェブデザイン株式会社 代表取締役CEO ⽻⼭ 祥樹（@storywriter） ⽇本ウェブデザイン株式会社 CXO/UXデザイナー タグチ マリコ（@marimamiac） Twitterの ハッシュタグは #webtan 画⾯キャプチャ 投稿OK！ 1
- 2. 株式会社インプレス Web担当者Forum 編集⻑ 四⾕ 志穂（@Shiho_Yotsuya） ⽇本ウェブデザイン株式会社 代表取締役CEO ⽻⼭祥樹（@storywriter） ⽇本ウェブデザイン株式会社 CXO/UXデザイナー タグチ マリコ（@marimamiac） ⼤学卒業後、物流企業で営業兼Web担当者を 経験。コーポレートサイトのリニューアルや デジタル広告の運⽤、倉庫の営業に携わる。 2013年にインプレスに⼊社し、Web担当者 Forumの編集者となり2018年から現職。歴史 とサッカーと運動とビールが好き。 2001年からアートやプログラミングの虜とな り、学⽣時代からフリーランス活動をスター ト。20代から様々な制作会社での勤務や起業 を経験し、⼤⼿企業から中⼩企業まで幅広い クライアントと共に、Webサイトやアプリ ケーション開発に携わり、プレイヤーからマ ネジメントまで、多岐にわたる領域で実績を 積む。 活動コンセプトは「ユーザ以外も良い 体験に」。 ⽇本ウェブデザイン株式会社 代表取締役 CEO。HCD-Net認定 ⼈間中⼼設計専⾨家。使 いやすいプロダクトを作る専⾨家。担当した ウェブサイトが、雑誌のユーザビリティラン キングで国内トップクラスの評価を受ける。 2016年よりAIシステムのUXデザインを担当。 専⾨はユーザーエクスペリエンス、情報アー キテクチャ、アクセシビリティ。NPO法⼈ ⼈ 間中⼼設計推進機構（HCD-Net）理事。 2
- 3.
- 4.
- 5.
- 6.
- 7.
- 8. Web担編集⻑‧四⾕は苦悩していた ● Web担の本体サイトは（デザインが）古いうえに、使いづら い。 ● サイト全体のリニューアルは超重い案件だけど、イベントページ のリニューアルに絞れば改善の余地はあるかもしれない！ ●ウェブ解析⼠の〇〇さんや⼤⼿メーカーのマーケターの〇〇さん 他にも、イベントの申し込みページは改善の余地があるのでは… と⾔われていた。 ● なんとかイベントページだけでもリニューアルできないだろう か？ 四⾕ 四⾕トーク 8
- 9. 社内でイベントページの刷新を進めようとするも… ● イベントページは10年近く増改築を続けてできたサイト。これ まで⼤きな問題もなく運⽤されていた。そもそも導線がおかしい ことに社内メンバーが課題感を持っていない。 ● イベントページは、複数の部署がかかわって制作しており、明 確な責任者が不在。編集⻑といえど、⼀筋縄では⾏かない…。 ●四⾕がイベントページのリニューアルをしたい旨を社内に伝え るが、リニューアルへの熱量が薄く、そこはかとなく漂う 「え、なんでやるの？」感。 四⾕ 四⾕トーク 9
- 10. 社内でのリニューアルを断念。外部に依頼するも… ● 四⾕の⼒不⾜を感じ、社内だけでリニューアルを進めることを諦 める。 ● 四⾕⾃⾝も忙しいし、リニューアル⾃体を⼀時諦めかけるが、今 期こそリニューアルを進めないと！と喝を⼊れて、再度リニュー アルを進めることを決意。 ●ただ、イベントページ全⾯リニューアルの承認を得るには、ハー ドルが⾼すぎたので、まずはミニマムなLPのリニューアルを進 める体で、編集部内の⼩予算でスタート。 ● 知り合いの⽻⼭に声をかける。 四⾕ 四⾕ トーク 10
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18. 本気のユーザビリティテストがはじまる ● 追加で予算増額とユーザビリティテストに関係者を呼んでくる。 ● 予算増加には、イベントの売上からWebサイトの価値を算出し て、そこに掛けてもよい予算を算出し説明。⽀払い⽅法を⼯夫す ることで、すんなり通る。 ●ユーザビリティテストも年末にもかかわらず、1回でいいからみ んな聞いて！オンラインだから！と説得し関係者に聞いてもら う。（全員で10⼈弱くらい） 四⾕ 四⾕ トーク 18 イベントページ全 体のリニューアル できるかも。ギア を⼊れるw
- 19.
- 20. ユーザビリティテストをする前の仮説 ● （前述の通り）10年近く増改築を続けたサイトで、⼤きな問題 もなく運⽤がされていたため、そもそも導線がおかしいことに社 内が課題感を持ってない状態だった。 【⼀応、社内に課題を聞くと…】 ● 申込ページでアンケートが10数問ある、これがストレスなので は？ ●企業に勤めている⼈やフリーランスの⼈で申し込みに差異がある のでは？ ● 講演が選びづらいのでは？ ● 申込完了までのステップを減らしたいが、協賛型のイベントなの でこれ以上減らせない。だから何をどう改善するの？ 四⾕ 四⾕ トーク 20
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31. じっさいのユーザーを⽣で⾒て… ● 申込ページではなく、講演を選ぶところに、属性（Web担当者 ∕Web制作者）関係なく、皆⼀様に迷っていた。 ● ⾃分が申し込んで良いイベントなのか？不安になっているユー ザーが多かった。 ●Web担のLPと申込ページが違うので、気になる講演をもう⼀度 選びなおさなければいけない。 ● 講演数（イベント全体で60講演超）が多すぎて、「選ぶ」⾏為 ⾃体に申込時間の⼤半を割いていた（30分くらい…⻑い）。 ● そのうえ、⾃分のスケジュールと照らし合わせて、受講可能か確 認。 ● でも、⾒たいと思った講演が、横並びの講演で選べない…。 四⾕ 四⾕ トーク 31 ヤバい… 不快な体験が 多すぎる問題 …
- 32. ようやく社内の理解が得られる ● 申込者の皆さんは、こんな苦労をして申込してくれてたんだ！と 改めて感謝の気持ちをステークホルダーが⼀様に感じるように。 ● 私が感じていた「イベントページのヤバさ」がようやくみんなに 伝わり、ホッとする。 ●ここで改めてリニューアルの⽬的を再度認識。CVRではなく、不 快な体験を減らす。 四⾕ 四⾕ トーク 32
- 33.
- 34.
- 35.
- 36.
- 37.
- 38. Web担当者Forumミーティング 2023 春にて新デザイン 四⾕⽻⼭ マリコ 38 イベント担当 Iさん
- 39.
- 40.
- 41. Web担編集部でアクセス解析してもらった結果 過去 今回 ランディング ページ タイム テーブル 申し込み フォーム メール マイページ タイムテーブル （ログイン後） セッション 動画 資料 ダウンロード ランディング ページ 申し込み フォーム メール マイページ セッション 動画 資料 ダウンロード 編集部の⾒解: 旧デザインではランディングページは1回通過 するだけだったが、新デザインでは当⽇の セッション動画閲覧などすべてをランディング ページに集約したため、CVRに関係ないアクセ スまで集中してしまった。41 新デザインでは 当⽇の動画閲覧など すべてをランディングページに 集約したため CVRに関係ないアクセスまで 集中して正しいCVRが 算出されていなかった
- 42.
- 43.
- 44.
- 45.
- 46. まとめ ● 社内を説得するには、外部を巻き込むことが⼤事。 ● 予算承認を得るには、予算を⼀番持っている所との関係性を説明 し、売上貢献、インフラ整備の意味合いも含めて説明する。 ●課題を感じてない場合、リアリティあるユーザーの声を聞くと、 ⾃分の思い込みが上書きされて急に協⼒的になってくれる。 ● ユーザー調査は⾃分でやるのは⼤変だけど、専⾨家に頼むとすご い楽。（たぶん⾃分でやると10時間くらいかかりそう） ● リニューアルを進めていく中で、新事実や想定外のことが起きる のは必須。諦めずに、解決策を模索して淡々と進める。 ● ⼀度作ったら終わりではない！ 改善を続けることが⼤事。 四⾕ 四⾕ トーク 46
- 47. ありがとうございました 47 株式会社インプレス Web担当者Forum 編集⻑ 四⾕ 志穂（@Shiho_Yotsuya） ⽇本ウェブデザイン株式会社 代表取締役CEO ⽻⼭祥樹（@storywriter） ⽇本ウェブデザイン株式会社 CXO/UXデザイナー タグチ マリコ（@marimamiac）