![見出し画像](https://assets.st-note.com/production/uploads/images/105862350/rectangle_large_type_2_420b93487c71f2259a7e850db5dc6404.jpeg?width=1200)
akippaのドライバープロダクトチームの歩み|2023年1月~4月
こんにちは。akippaでプロダクトマネージャー(PdM)をやっている熊谷です。
2023年1月からドライバープロダクトチームを結成し、UIUX改善を進めています。これまで毎週のようにリリースを繰り返してきました。
ユーザーさんへのインタビューもやらせていただきながら、仮説が的外れじゃないかとか確認しながら改善施策を企画してます。
今回は1月から5月までにリリースされたおもな改善施策をまとめて紹介してみます。
「現在地から探す」機能をWEBにも
![](https://assets.st-note.com/img/1683866883208-qgPnxN9vpd.png?width=1200)
![](https://assets.st-note.com/img/1683867470290-vV04Bv3O2e.png?width=1200)
akippaのユーザーさんは現地に到着して、当日その場で周辺の駐車場を探す方が多くいらっしゃいます。
インタビューしたユーザーさんから要望が多かった機能でした。
駐車場リストページのUI改善と機能追加
![](https://assets.st-note.com/img/1683868754554-bfmWOVfOZ3.png?width=1200)
beforeは「地図で探す」ボタンと「詳細を見る」ボタンと別の体験がとても似通ったデザインになっていてかつ、位置も近い。デザインから会社的にはここをタップして欲しいんだろうなぁ、というのがすごく伝わります。
ユーザーさんは駐車場の情報を水平比較したいはず。
afterではタップして欲しい気持ちを少し抑えて情報を見やすく。下部の駐車場カードにかぶっている「このページをシェアする」ボタンも除去しました。
変更してしばらくたちますが、一覧から駐車場詳細ページへの遷移率はまったく落ちていません。
![](https://assets.st-note.com/img/1683870187878-3h2748xb6z.png?width=1200)
車種タイプ(軽、普通、大型など)で駐車場を絞り込める機能も同時にリリースしています。
検索にサジェストを追加
![](https://assets.st-note.com/img/1683870383969-y0AzfWL5m6.png?width=1200)
GoogleマップのサジェストAPIを使うという選択肢もありましたが、自前で作っています。
以下の仕様で直近一年のakippaで検索されたキーワードをサジェストします。
1文字目の入力は前方一致
2文字目以降は部分一致
キーボード入力
キーワード入力inputにフォーカスしている&サジェストするキーワードがある時のみ可能
上矢印で上のキーワードに移動できる
下矢印で下のキーワードに移動できる
それ以上アイテムがない場合は、サジェスト項目からフォーカスが外れる
サジェスト項目にフォーカスが当たっているものがinputに代入される
サジェスト項目からフォーカスが外れたら元々入力していた値がinputに入る
Enterで検索が走る
極力少ないアクションでユーザーさんが目的のページにたどり着くようにするための施策です。
検索結果ページのUI改善
![](https://assets.st-note.com/img/1683871693260-ete3ggDUyo.png?width=1200)
ここでのユーザーさんのニーズは以下の情報を水平比較すること。
駐車場から目的地までの距離
料金
beforeではピンをひとつひとつタップしないと駐車場の料金がわからなかったのが、afterではタップしなくても範囲内のすべての駐車場の距離と料金を比較できるように。
また、ヘッダーにトップへのリンク(ロゴ)とハンバーガーメニューを追加したので回遊性があがっています。
絞り込み条件の追加
![](https://assets.st-note.com/img/1683872560846-gfazFzuxc4.png?width=1200)
よりきめ細かくユーザーさんのニーズに沿って駐車場を検索してもらうために絞り込み条件を追加しました。
ここで迷ったのが時間貸しの駐車場の料金形態の分岐です。
時間貸し最大料金の適用形態
当日最大
24時間最大料金
聞き慣れない言葉ですよね。
![](https://assets.st-note.com/img/1683873412382-wOOKHsI8zJ.png?width=1200)
デフォルトで聞きなれない言葉を表示しておくとユーザーさんが迷います。時間貸しに関心のない人にとってはノイズなので1階層下に。
時間貸しに絞りたいユーザーさんにだけ当日最大と24時間最大があることがわかり、それが何を意味するのかをtipsで説明するスタイルでいきました。
満車の日も料金がわかるように
![](https://assets.st-note.com/img/1684112260867-JGBiQZDbDA.png?width=1200)
満車の日がどれくらいの料金なのかわかった方がユーザーさんはキャンセル待ちしやすいと思います。
また、イベントの日などは料金が高くなる場合があるが、そうでない日の料金がどれくらいなのかユーザーさんは参考にしたいはず。
まさにこれをリリースしたあとにユーザーさんからこのようなツイートが。
akippaちゃん得日を設けてダイナミックプライシングするのはいいんだけど、いつが得日でいくらに値上がるのかわかりにくいのが困る。満車になってしまうとその日がいくらだったのかは見られなくなるし、まだ予約開始していない日の値段は見られない。検索時には平常時の値段で出てくるのも使いにくい。
— さ (@sasssanid) March 28, 2023
「満車後も料金を表示し続ける」
— さ (@sasssanid) March 28, 2023
これだけでかなり検討材料が増えて助かるのでakippaさんお願いします🙏
この方はアプリでakippaをご利用いただいてるユーザーさんで、アプリはまだUI改善に着手できていません。
このツイートにリプライする形でWEBでは見えるようになってることをお伝えすると、喜んでいただけました。
akippaの満車日の料金、Web版からだと見られるようになってる〜!!
— さ (@sasssanid) March 29, 2023
akippa公式さんの丁寧なサポートに感謝です。
満車日の料金が見られるakippaのWeb版はこちら!https://t.co/S11eJkG4JX https://t.co/wFtXT09hHS pic.twitter.com/nzF5ZH4KJd
直接ユーザーさんの喜びのお声が届くととても嬉しいものです。わざわざ画像まで作ってリツートしてくださいました。感謝。
他にもここには書ききれない量の細かい改善をリリースしています。
おまけ:LuckyFesの駐車場予約LPもドライバープロダクトチームで作りました!
![](https://assets.st-note.com/img/1684119295432-SU3OYDZGkx.png?width=1200)
これまではスマホとPCとで個別にデザインしていたみたいですが、2023年はスマホに振り切りました。
こうすることでデザインとコーディングの工数は別々に作る場合の6割くらいに抑えられました。
PC版のデザインをないがしろにするのでなく、見た目も美しくクオリティを担保した状態になっているのがお分かりいただけるかと思います。
まとめ
akippaのドライバープロダクトチームは常にユーザーさんの立場になり、いかにストレスを減らしてもらえるかを考えながらUI改善を進めています。
「他の類似サービス使ってみたよ!こんな体験だったよ!」といったメールをくださるユーザーさんもいます。
ユーザーさんと一緒にプロダクトを改善している気持ちになりとても嬉しかったです。
2023年5月からはアプリの改善も着手していきます🔥
どうか温かい目で見ていただければと。
まだまだイケてない点が多々あることは自覚しておりまして、ユーザーさんといっしょに良いものを作っていけたらと思っております。
今後ともどうぞよろしくお願いいたします。
この記事が気に入ったらサポートをしてみませんか?