SUUMO（スーモ）が提供する「地図から探す、住まい探し体験」の新たな取り組み

1 (C) Recruit Co., Ltd. All rights reserved. 株式会社リクルートプロダクトデザイン室
住まい領域プロダクトデザインユニット横断プロダクトデザイングループ SUUMO (スーモ) が提供する｢地図から探す、住まい探し体験｣の新たな取り組み塚⽥茂

2 2 (C) Recruit Co., Ltd. All rights reserved. 本⽇の流れ
1. 紹介 2. なぜ地図なのか？ 3. 施策の紹介 4. 振り返り 5. 今後の展開

3 3 地図でどのようなことができるのか（実例紹介） (C) Recruit Co., Ltd. All rights reserved.
持ち帰ってほしいポイント地図を活⽤したサービスの期待値と効果について 1 2

4 4 (C) Recruit Co., Ltd. All rights reserved. ⾃⼰紹介
株式会社リクルート（2017〜）プロダクトデザイン室住まい領域プロダクトデザインユニット横断プロダクトデザイングループ SUUMO（スーモ）のUXデザイン戦略策定・リサーチ・施策プランニング・各種ディレクションなど塚⽥茂 Shigeru Tsukada 株式会社ナビタイムジャパン（2009〜）アプリ・Webを中⼼としたナビゲーションサービスの各種デザイン

5 5 (C) Recruit Co., Ltd. All rights reserved. リクルートのサービス紹介
⁝ 美容飲⾷旅⾏住宅

※

アプリ版「なぞって検索」スマホWeb版「地図検索」

11 11 (C) Recruit Co., Ltd. All rights reserved. ⽇本と海外の不動産サイトの違い
⽇本の不動産ポータルサイト

TOP から物件タイプを選択検索⽅法の選択条件の絞り込み検索結果（リスト型UI）物件詳細⽇本で⼀般的な不動産ポータルサイトの検索の流れ

海外の不動産ポータルサイト

参考：【Zillow】https://www.zillow.com/ 海外の不動産ポータルサイトの検索の流れ TOP からエリアを検索検索結果＋物件詳細（地図UI）

Map が「1 」となっているのが標準で地図表⽰されるサービス 2019年リクルート住まいカンパニー調べ SEO データから⾒る海外不動産サービスの傾向海外では、地図を利⽤した不動産サービスが標準となっている

17 17 (C) Recruit Co., Ltd. All rights reserved. これからお話しすること
⽇本では「当たり前」となっている、家探しの体験をアップデートする取り組み現状今後トップ検索⽅法の選択条件の絞り込み検索結果物件詳細

19 19 (C) Recruit Co., Ltd. All rights reserved. なぜ地図なのか？
地図UI は「どのような価値をユーザに提供できるのか？」を改めて定義リスト型UI 地図UI

ユーザに提供できる価値は？（そもそも“地図”が持つ特徴とは何か？）・⽤途や⽬的に合わせ、様々な地図が存在する (住宅、ドライブ、観光、路線図、天気図、施設案内など) ・欲しい情報が整理されている (広域では情報が間引かれ、地図を拡⼤すると、建物まで細かく表⽰される等) ・建物の位置関係や距離を、直感的に把握できる・Webでは、⾃由に地図移動や縮尺変更ができる

ユーザに提供できる価値は？（“地図”の特徴を活かして何ができるのか？）【広域の地図】住む場所を決めるための情報を得ながら、全体感を把握することができる。 (例：相場価格、物件の供給数、ハザードマップ、通勤に便利なエリア等) 【中域の地図】地図をスクロールするだけで、様々なエリアを検討していくことが可能。検討している駅の近くに別の沿線･駅が存在する、といった新たな発⾒につながる。【狭域の地図】どのような物件が、どの場所に、どれくらいあるのか、視覚的に把握できる。周辺施設も確認できるので、⼟地勘が無くても住み替え後の⽣活を想像しやすい。

ユーザに提供できる価値は？（どこで“地図”の特徴を活かすことができるのか？）⾃分の住みたい / 住めるエリアを決める⾃分の条件に合う物件を⽐較検討条件をずらして、再度検討インサイト・様々な物件 (新築/中古) を検討したい・できれば駅の◦側に住みたい・周辺にどんな施設があるか知りたい・希望の物件が⾒つからない… 他に良い物件はないか？他に良いエリアはないか？検討中期検討中〜後期検討初期地図の価値広域から相場感を把握できる周辺施設と物件の位置を把握できるエリアを⾃由に移動できる参考：【Lianjia】https://bj.lianjia.com/ ・予算に合うエリアはどこ？・職場に通いやすいエリアはどこ？・地盤がいいエリアはどこ？

ユーザに提供できる価値は？（どこで“地図”の特徴を活かすことができるのか？）⾃分の住みたい / 住めるエリアを決める⾃分の条件に合う物件を⽐較検討条件をずらして、再度検討インサイト・予算に合うエリアはどこ？・職場に通いやすいエリアはどこ？・地盤がいいエリアはどこ？・様々な物件 (新築/中古) を検討したい・できれば駅の◦側に住みたい・周辺にどんな施設があるか知りたい・希望の物件が⾒つからない… 他に良い物件はないか？他に良いエリアはないか？検討中期検討中〜後期検討初期地図の価値広域から相場感を把握できる周辺施設と物件の位置を把握できるエリアを⾃由に移動できる参考：【Lianjia】https://bj.lianjia.com/ 全ての検討ユーザに「スムーズな住まい探し体験」を提供できるのではないか？プロジェクトがスタート

24 24 (C) Recruit Co., Ltd. All rights reserved. 検証すべきポイント
地図をベースとした住まい探しが⽇本のユーザに受け⼊れられるのか？

25 25 ⾃分の住みたい / 住めるエリアを決める⾃分の条件に合う物件を⽐較検討条件をずらして、再度検討・様々な物件 (新築/中古) を検討したい
・できれば駅の◦側に住みたい・周辺にどんな施設があるか知りたい・希望の物件が⾒つからない… 他に良い物件はないか？他に良いエリアはないか？検討中期検討中〜後期検討初期・予算に合うエリアはどこ？・職場に通いやすいエリアはどこ？・地盤がいいエリアはどこ？ (C) Recruit Co., Ltd. All rights reserved. 検証すべきポイント検討中期のセグメントに絞って検証・セグメントの選定理由：施策難易度が低め＋ CVに近いユーザで、効果が計測しやすい・開発観点での理由：既存の機能を利⽤し、開発⼯数を抑えて検証することが可能だった「地図をベースとした住まい探しが⽇本のユーザに受け⼊れられるのか？」

26 26 ⾃分の住みたい / 住めるエリアを決める⾃分の条件に合う物件を⽐較検討条件をずらして、再度検討・様々な物件 (新築/中古) を検討したい
・できれば駅の◦側に住みたい・周辺にどんな施設があるか知りたい・希望の物件が⾒つからない… 他に良い物件はないか？他に良いエリアはないか？検討中期検討中〜後期検討初期・予算に合うエリアはどこ？・職場に通いやすいエリアはどこ？・地盤がいいエリアはどこ？ (C) Recruit Co., Ltd. All rights reserved. 検証すべきポイント「地図をベースとした住まい探しが⽇本のユーザに受け⼊れられるのか？」 MVP（ Minimum Viable Product ）の決定ターゲットユーザ：住みたいエリアがある程度（もしくは、はじめから）決まっているユーザ何をつくるか：地図上で、検索条件を⼊れながら物件を絞り込んでいくことができる画⾯

28 28 (C) Recruit Co., Ltd. All rights reserved. プロダクトの特徴
ポイント物件を探すことに集中できるよう、なるべくユーザに負担をかけない設計

地図 MVPに必要な機能はGoogle Maps Platform で実装可能。ユーザが普段から使い慣れているGoogle マップを採⽤。

UI 地図系のサービスで多く採⽤されているUI や操作感を意識・画⾯上部に検索条件のメニューを配置・スワイプ操作による物件情報の出し⼊れ

表⽰速度 React を採⽤することで、⾼い描画パフォーマンスを実現。様々なスマートフォンや通信環境で快適な地図操作が可能。 SPA (Single Page Application) で作成されている為、様々な操作を1画⾯で⾏うことができ、スムーズな検索体験を実現。

検索条件の復元住み替えを検討する際、特定の期間内に何度もサイトを訪問。再訪問した場合に、前回の検索条件がセットされた状態で、検討を再開することができる。

エリア検索離れた場所までスクロールして移動する⼿間を減らす為に、エリア検索機能を⽤意。⼊⼒した内容に応じて、エリア名をサジェストしてくれる、オートコンプリート機能を実装し、⼊⼒の⼿間を削減。

⾊ユーザによって検討している物件タイプの優先度は異なる → 物件タイプごとに⾊分け物件アイコンは、彩度の⾼い⾊を設定して⽬⽴たせる (Google マップの施設アイコンの⾊は彩度を下げる) • … 賃貸 • … 新築マンション • … 中古マンション • … 新築⼀⼾建て • … 中古⼀⼾建て • … ⼟地

35 35 (C) Recruit Co., Ltd. All rights reserved. Google
Maps Platform で実装した機能⼀覧・地図の基本機能地図の表⽰、スクロール移動、縮尺変更表⽰する地図の場所（市区郡･駅など）を任意で指定地図のスタイル（デザイン）変更・マーカー表⽰検索結果（物件アイコン）を地図上にプロット・地点の検索⼊⼒⽂字から地点候補を表⽰（ Places Autocomplete Service ）地点情報から緯度経度を取得（ Places Service ）

定性観点実際に住み替えを検討している⼈を対象としたユーザ調査を実施 (作成したプロダクトを使ってもらい、使⽤感についてヒアリング)

地図だと、物件の位置関係が直感的に理解できる。 (⼤きい道路に⾯しているか、駅のどちら側に位置するか等) 地図上で全ての種類の物件が探せるので、相場感が把握しやすい。複数の画⾯を⾏き来することなく⼀つの画⾯で検索が完結できる。物件だけでなく、周辺施設も⼀度に把握できる。特に⼟地勘のない場所では助かる。いざ使ってみると、地図検索の⽅が便利なことに気づいた。これからは地図検索の⽅を優先して利⽤したい。 30代・男性ひとり暮らし賃貸を検討 20代・⼥性ひとり暮らし賃貸を検討 30代・男性妻と⼆⼈暮らし賃貸と購⼊で検討 30代・⼥性夫婦+⼦供1⼈購⼊を検討はじめは、地図検索の価値について想像できなかったユーザも、利⽤後には良い反応に変わる傾向が強い

SUUMO (スーモ) では、テレビ電話による接客、バーチャル⾒学機能を提供中スーモカウンターテレビ電話接客３Ｄウォークスルーでのバーチャル⾒学

移動に制限がある状況の中では、地図検索も有効な活⽤⽅法の1つになる現地に⾏かずに、そのエリアでの暮らしをイメージしながら検討できる

45 45 住宅領域では、⽇本においても、地図を活⽤した住まい探しが有効であることが分かった。引き続き、地図検索の標準化に向けて推進。地図は住宅以外にも様々な分野で活⽤可能なプラットフォーム。 (リクルートの他サービスにも展開が可能） (C) Recruit
Co., Ltd. All rights reserved. まとめ地図旅⾏宿探し住宅住まい探し美容店舗の場所飲⾷お店探しマーケティング各種分析 SNS 場所の共有医療感染状況移動ルート･ナビ

SUUMO（スーモ）が提供する「地図から探す、住まい探し体験」の新たな取り組み

SUUMO（スーモ）が提供する「地図から探す、住まい探し体験」の新たな取り組み

Transcript

More Decks by Recruit

Other Decks in Technology

Featured