見出し画像

akippaのドライバープロダクトチームの歩み｜2023年1月~4月

熊谷 佳樹 akippa PdM

こんにちは。akippaでプロダクトマネージャー（PdM）をやっている熊谷です。

2023年1月からドライバープロダクトチームを結成し、UIUX改善を進めています。これまで毎週のようにリリースを繰り返してきました。

ユーザーさんへのインタビューもやらせていただきながら、仮説が的外れじゃないかとか確認しながら改善施策を企画してます。

今回は1月から5月までにリリースされたおもな改善施策をまとめて紹介してみます。

「現在地から探す」機能をWEBにも

トップページでは検索窓のとなりに「現在地から探す」ボタンを設置
その他ページは検索アイコンを押下すると「現在地から探す」が出現

akippaのユーザーさんは現地に到着して、当日その場で周辺の駐車場を探す方が多くいらっしゃいます。

インタビューしたユーザーさんから要望が多かった機能でした。

駐車場リストページのUI改善と機能追加

左がbefore、右がafter

beforeは「地図で探す」ボタンと「詳細を見る」ボタンと別の体験がとても似通ったデザインになっていてかつ、位置も近い。デザインから会社的にはここをタップして欲しいんだろうなぁ、というのがすごく伝わります。

ユーザーさんは駐車場の情報を水平比較したいはず。

afterではタップして欲しい気持ちを少し抑えて情報を見やすく。下部の駐車場カードにかぶっている「このページをシェアする」ボタンも除去しました。

変更してしばらくたちますが、一覧から駐車場詳細ページへの遷移率はまったく落ちていません。

車のアイコンをタップすると車種タイプを絞り込める

車種タイプ（軽、普通、大型など）で駐車場を絞り込める機能も同時にリリースしています。

検索にサジェストを追加

検索窓に文字を入れると候補が出てくる

GoogleマップのサジェストAPIを使うという選択肢もありましたが、自前で作っています。

以下の仕様で直近一年のakippaで検索されたキーワードをサジェストします。

  • 1文字目の入力は前方一致

  • 2文字目以降は部分一致

  • キーボード入力

    • キーワード入力inputにフォーカスしている&サジェストするキーワードがある時のみ可能

    • 上矢印で上のキーワードに移動できる

    • 下矢印で下のキーワードに移動できる

    • それ以上アイテムがない場合は、サジェスト項目からフォーカスが外れる

    • サジェスト項目にフォーカスが当たっているものがinputに代入される

    • サジェスト項目からフォーカスが外れたら元々入力していた値がinputに入る

    • Enterで検索が走る

極力少ないアクションでユーザーさんが目的のページにたどり着くようにするための施策です。

検索結果ページのUI改善

左がbefore、右がafter

ここでのユーザーさんのニーズは以下の情報を水平比較すること。

  • 駐車場から目的地までの距離

  • 料金

beforeではピンをひとつひとつタップしないと駐車場の料金がわからなかったのが、afterではタップしなくても範囲内のすべての駐車場の距離と料金を比較できるように。

また、ヘッダーにトップへのリンク（ロゴ）とハンバーガーメニューを追加したので回遊性があがっています。

絞り込み条件の追加

左がbefore、右がafter

よりきめ細かくユーザーさんのニーズに沿って駐車場を検索してもらうために絞り込み条件を追加しました。

ここで迷ったのが時間貸しの駐車場の料金形態の分岐です。

  • 時間貸し最大料金の適用形態

    • 当日最大

    • 24時間最大料金

聞き慣れない言葉ですよね。

（左）デフォルトでは1階層下に格納しておいて、（真ん中）「時間貸し」にチェックを入れると最大料金が出現します。そして（右）「i」のアイコンをタップするとtipsが出て最大料金のそれぞれの意味が説明されている。

デフォルトで聞きなれない言葉を表示しておくとユーザーさんが迷います。時間貸しに関心のない人にとってはノイズなので1階層下に。

時間貸しに絞りたいユーザーさんにだけ当日最大と24時間最大があることがわかり、それが何を意味するのかをtipsで説明するスタイルでいきました。

満車の日も料金がわかるように

before（左）は満車になると料金表示がなくなる仕様、after（右）は満車の日でも料金表示がされる仕様に

満車の日がどれくらいの料金なのかわかった方がユーザーさんはキャンセル待ちしやすいと思います。

また、イベントの日などは料金が高くなる場合があるが、そうでない日の料金がどれくらいなのかユーザーさんは参考にしたいはず。

まさにこれをリリースしたあとにユーザーさんからこのようなツイートが。

この方はアプリでakippaをご利用いただいてるユーザーさんで、アプリはまだUI改善に着手できていません。

このツイートにリプライする形でWEBでは見えるようになってることをお伝えすると、喜んでいただけました。

直接ユーザーさんの喜びのお声が届くととても嬉しいものです。わざわざ画像まで作ってリツートしてくださいました。感謝。

他にもここには書ききれない量の細かい改善をリリースしています。

おまけ：LuckyFesの駐車場予約LPもドライバープロダクトチームで作りました！

左がスマホ版、右がPC版のLP

これまではスマホとPCとで個別にデザインしていたみたいですが、2023年はスマホに振り切りました。

こうすることでデザインとコーディングの工数は別々に作る場合の6割くらいに抑えられました。

PC版のデザインをないがしろにするのでなく、見た目も美しくクオリティを担保した状態になっているのがお分かりいただけるかと思います。

まとめ

akippaのドライバープロダクトチームは常にユーザーさんの立場になり、いかにストレスを減らしてもらえるかを考えながらUI改善を進めています。

「他の類似サービス使ってみたよ！こんな体験だったよ！」といったメールをくださるユーザーさんもいます。
ユーザーさんと一緒にプロダクトを改善している気持ちになりとても嬉しかったです。

2023年5月からはアプリの改善も着手していきます🔥
どうか温かい目で見ていただければと。

まだまだイケてない点が多々あることは自覚しておりまして、ユーザーさんといっしょに良いものを作っていけたらと思っております。

今後ともどうぞよろしくお願いいたします。

この記事が気に入ったらサポートをしてみませんか？