ボトムナビゲーションと片手操作で使いやすくなった「Sky Tonight」

Star Walk 2は、何百万人ものユーザーに愛される人気の星空観察アプリです。リリースから約10年が経ち、当時ベストを尽くしましたが、今ならもっと良いものが作れると確信しています。しかし、すでに多くの人に支持されているアプリを大幅にリデザインするのではなく、私たちのアイデアをすべて詰め込んだ新作アプリ「Sky Tonight」を開発することにしました。Sky Tonightの開発にあたって、究極に便利な星空観察アプリを作ることを目標とし、片手操作を前提にデザインし、下部ナビゲーションを実装しました。本記事では、これらの機能がなぜ重要なのか、そして実際にユーザー体験にどのような影響を与えるのかを解説します。

私たちについて：Vito Technologyは20年以上にわたり、天文・教育分野を中心に高品質なモバイルアプリを開発してきた会社です。

片手操作とは何か？

片手操作とは、片手だけでデバイスを操作できることを指します。このコンセプトが注目を集めたのは、画面サイズが大きくなるトレンドとともに2015年頃からです。画面が小さい頃は端末のあらゆる場所に簡単に届きましたが、画面が大きくなると、片手で持ったまま画面上部に指を伸ばすのがほとんど不可能になってしまいました。

なぜ片手操作が重要なのか？

片手操作は多くのユーザーにとって便利です。以下のデータをご覧ください：

• ユーザーの49%は、スマホを片手で保持し操作している
• 36%は片手でスマホを持ち、もう一方の指または親指でタップしている
• 15%は両手でスマホを持ち、両方の親指を使ってタップしている

数値以外にも利用シーンがあります。Star Walk 2のユーザーが少なくとも片手をあけたい場面はいくつもあります。例えばデートナイト。暖かい毛布の下で寄り添いながら星空を見上げ、お気に入りの星座を探すときを想像してください。恋人と寄り添うには少なくとも片手が必要です。スマホを握りしめると、その幸せな時間が台無しになってしまいます。

アプリによって利用シーンは異なりますが、ユーザーが注意をそらされやすい状況で頻繁にアプリを使う傾向があるなら、片手操作重視の設計に注力すべきです。

ボトムナビゲーションとは何か？

ボトムナビゲーションとは、画面下部に配置される標準的なナビゲーションバーです。このナビゲーションバーには通常、3～5つの遷移先が表示され、それぞれアイコンと任意のテキストラベルで表現されます。アイコンをタップすると、そのアイコンに対応する画面（ナビゲーション先）に移動します。

なぜボトムナビゲーションが重要なのか？

ボトムナビゲーションバーは、ユーザーがワンタップでアプリを探索し、異なるビューを切り替えやすくします。

考えてみてください。ユーザーの75％は親指だけで画面に触れて操作しています。親指は解剖学的に可動範囲が限られており、ほとんどのユーザーが片手で端末を持つため、頻繁に使う機能は届きやすい位置に配置すべきです。ある研究によると、その位置は画面の下部です。

この研究を受けて、Spotifyチームは2016年にメニューを下部に配置し、コア機能（ホーム、ブラウズ、検索、ラジオ、ライブラリ）をボトムナビゲーションに移しました。その結果、総クリック数が9%増加し、メニューアイテムのクリック数が30%増加しました。

2010年代初頭にはボトムナビゲーションはまだ一般的ではなかったため、Star Walk 2にはこのコンセプトを導入していませんでした。Star Walk 2のメインナビゲーションアイコンはメイン画面の四隅に配置されており、画面下部をナビゲーションバーに占有されないためにより多くの星空を表示できますが、片手で持った場合に上部の隅にあるアイコンにはほとんど手が届きません。

もう一つの問題は、Star Walk 2ではメイン画面上部のアイコンをタップしようとすると指で画面が隠れてしまい、せっかくの星図が見えなくなることでした。私たちはメイン画面にできるだけ多くの星空マップを表示したいと考えた結果、ナビゲーションボタン配置がユーザーに星図を隠させてしまう形になってしまいました。

これらの機能がSky Tonightで重要な理由

これで、新しい星空観察アプリSky Tonightにボトムナビゲーションと片手操作を実装した理由がお分かりいただけたかと思います。改めてまとめると、以下のとおりです。

• 頻繁に使う操作アイコンを端末の届きやすい一か所にまとめ、アプリの使いやすさを向上させるため
• フォンの持ち方を変える必要をなくし、操作をより素早く行うため
• ユーザーの片手を自由にし（双眼鏡を手に持ったり、恋人を抱きしめたりなど）、体験を妨げないため
• アプリ使用中に星図が指で隠れてしまうのを防ぐため

Sky Tonightのボトムナビゲーションバーと片手操作

Sky Tonightにおけるボトムナビゲーションと片手操作に該当する要素を見てみましょう。

1. メイン画面の四つのボタン：検索、天文カレンダー、「今夜観測できるもの」、メニュー。これらはアプリのメニューや３つの主要ウィンドウへのアクセスを提供します。なぜ「主要」かというと、ユーザーが最もよく知りたい３つの質問に答えるためのウィンドウだからです。

• あの空の明るい点は何？
• 今夜どんな天文イベントが見られる？
• 興味のある天体をどうやって見つける？

2. クイック設定パネル：最もよく使う設定をまとめ、メニューを開かずに即座に変更できるようにしました。

3. メインアクション用の丸い青いボタン。

4. 前のウィンドウに戻るボタン：それぞれのボタンが特定のウィンドウを表すアイコンになっており、たとえばメイン画面→検索画面→イベント詳細と進んだ場合、画面下部に「検索画面（虫めがねアイコン）」と「メイン画面（家アイコン）」の２つが表示されます。これにより、どちらの画面に戻るかすぐに選べ、アプリ内の移動がより簡単かつ迅速になります。

5. メイン画面上のミニマイズウィンドウ*：情報ウィンドウのターゲットアイコンをタップすると、メイン画面に戻りつつ、その情報ウィンドウが画面下部に縮小表示されます。ウィンドウを行き来せず、必要なときにミニウィンドウを展開して情報を確認できます。

まとめ：Sky Tonightはボトムナビゲーションと片手操作を前提に設計し、便利で使いやすく、素早い操作を実現しました。これにより、人気アプリ Star Walk 2 での課題も解消できています。