比較ページをAjaxからページ遷移に一本化し、軽量化しました

Bloomy eSIMの比較ページの仕組みを見直し、これまでの部分更新(Ajax)方式から、通常のページ移動に一本化しました。あわせて表示の仕組みを軽くし、絞り込みや並び替えのたびに快適に使えるよう整えています。この記事では、何をどう変えたのか、なぜそうしたのかに加えて、比較ページを使うときに知っておくと迷いにくいポイントもあわせてご紹介します。

今回のアップデート内容

これまで比較ページでは、絞り込み・並び替え・国の変更を行うと、ページの一部だけを書き換える「部分更新(Ajax)」という仕組みで結果を差し替えていました。今回のアップデートでは、この仕組みを次のように変更しました。

  • 絞り込み・並び替え・国の変更は、通常のページ表示で反映するように変更
  • 複雑だった部分更新の仕組みを撤去し、動作をシンプルに整理
  • ブラウザの「戻る/進む」ボタンも、これまでより自然に使えるように

表示するカードのデザインも軽量なものに整えているため、毎回ページが切り替わっても、もたつきを感じにくい操作感を目指しています。

なぜ仕組みを変えたのか

部分更新の仕組みは、ページ全体を読み込み直さずに結果だけを差し替えられる便利な方法です。一方で、条件の組み合わせが増えるほど内部の処理が複雑になり、「絞り込んだのに表示が一瞬ずれる」「ブラウザの戻るボタンを押すと意図しない状態に戻る」といった、分かりにくい挙動が起こりやすくなっていました。

比較ページは、はじめてeSIMを選ぶ方が「自分に合うプランを探す」ための大切な入口です。ここで操作に迷いが生まれると、肝心のプラン選びに集中できません。そこで、仕組みそのものをシンプルにし直すことで、見た目の派手さよりも「迷わず、安定して使えること」を優先しました。新しいカードUIは軽量なため、毎回ページを表示し直しても快適さを保てる、という見通しが立ったことも今回の判断につながっています。

ユーザーにとって便利になること

今回の変更で、比較ページの操作はよりシンプルになりました。

  • 戻る・進むが素直に効く:気になったプランの詳細を見たあと、ブラウザの「戻る」で元の一覧にそのまま戻れます。
  • 状態がはっきりする:絞り込みや並び替えの結果がページ全体で切り替わるため、「今どの条件で表示しているか」が分かりやすくなりました。
  • 共有しやすい:表示中の条件がページのアドレスに反映されるため、気になる条件のページをそのまま開き直したり、見返したりしやすくなります。

Bloomyらしくこだわった点

Bloomy eSIMは、はじめて海外でスマホの通信を準備する方にも、できるだけ迷いなく使っていただきたいと考えています。今回も、新しい機能を増やすのではなく、すでにある機能の「分かりやすさ」と「安定感」を整えることを優先しました。動作がシンプルになるほど、説明も短く済み、トラブルの起きる場所も減ります。派手さよりも、安心して触れることを大切にしています。

コラム:比較ページで自分に合うeSIMを選ぶコツ

せっかく比較ページが使いやすくなったので、プラン選びで迷いにくくなる考え方も整理しておきます。eSIMを選ぶときは、大きく次の3つの軸で考えると絞り込みやすくなります。

1. 渡航先(国・地域)

まずは「どこで使うか」を決めます。1か国だけの旅行なのか、複数の国をまたぐのかで、選ぶべきプランが変わります。複数国を移動する場合は、対象国に渡航先が含まれているかを必ず確認しましょう。比較ページでは国名から絞り込めるので、ここを最初に決めると一気に候補が整理されます。

2. データ容量

次に「どれくらい使うか」です。地図や乗り換え検索、メッセージのやり取りが中心なら少なめの容量でも足りることが多く、写真・動画の共有やビデオ通話、テザリングを多く使う予定なら、ゆとりのある容量や無制限タイプが安心です。使い方が読めないときは、少し余裕を持たせておくと現地で慌てにくくなります。

3. 利用日数

最後に「いつからいつまで使うか」です。多くのeSIMは利用日数が決まっているため、滞在期間に合わせて選びます。出発日や到着日を含めて、少し余裕を持った日数にしておくと安心です。

この3つを順番に決めるだけで、候補はかなり絞り込めます。比較ページの絞り込みと並び替えは、まさにこの流れに沿って使えるように整えています。

コラム:データが足りなくなりそうなときの考え方

渡航前にぴったりの容量を見極めるのは難しいものです。もし現地でデータが足りなくなりそうなときは、利用中のeSIMに容量を追加できる場合と、新しいプランをあらためて購入する場合があります。どちらが向いているかは、残りの滞在日数や、お使いのプランの条件によって変わります。なお、追加(トップアップ)の可否や条件はプランごとに異なるため、購入前後に表示される案内をご確認ください。なお、Bloomyのプランは基本的にデータ通信専用です。電話番号やSMS認証、音声通話が必要な場合は、別の手段もあわせてご検討ください。LINEやWhatsAppなどのアプリ通話は、データ通信が使える環境であれば利用できる場合があります。

また、表示される通信速度は、現地の回線・エリア・時間帯の混雑状況などに左右されます。無制限タイプの場合も、公平利用ポリシーや一定利用後の速度制限が設定されることがあるため、購入前に最新の条件をご確認いただくと安心です。

今後の改善予定

比較ページは、Bloomyのなかでも多くの方が使う大切なページです。今回の一本化で土台がシンプルになったので、これからも表示の見やすさや探しやすさを、引き続き少しずつ調整していく予定です。気づいた点があれば、無理なく取り入れていきます。

関連ページ