ブログ
Inside talavo

talavoの使い心地を変える4つのデザイン上の決断

talavo より6 分で読める

モバイルブラウザのほとんどは、デスクトップのブラウザをスマホに収まるよう縮めたものです。アドレスバーは上にあり、タブは数字の裏に隠れ、全体が「片手でデバイスを持ち、もう片方の手で操作する」ことを前提にしています。それでも使えます。デスクトップ時代の多くのものが、スマホでもなんとなくまだ使えるのと同じように。

talavoをつくるにあたって、私たちはいくつか違う賭けをしました。どれも単体では派手なものではありません。でもそれらが組み合わさることで、「スマホでも動く」ではなく「スマホのためにある」と感じられるのです。特に重要な4つを紹介します。

片手操作が基本

スマホは縦に長くなりました。今では画面の上端はほとんどの人の親指にとって本当に遠い場所です。それなのに、ほぼすべてのブラウザがまさにそこにアドレスバーと操作ボタンを置いたままです。だからスマホを手の中でずり下げる(誰もがやる、落としかけてキャッチするあの動き)か、もう片方の手を伸ばすことになります。

talavoは、実際に手を伸ばすものをすべて画面の下、親指が届く範囲にまとめています。アドレス、戻る・進む、開いているタブ、メニュー。電車の中でも、歩きながらでも、もう片方の手にコーヒーを持っていても、ブラウザ全体をすでに持っている手で操作できるように設計されています。1日に400回やる動作だと気づくまでは、小さなことに聞こえるでしょう。最初から片手操作を前提につくられたモバイルブラウザはほかに見つからず、それには今でも驚いています。

タブチップ

デスクトップのブラウザでは、タブはただそこにあります。上部に並んでいて、見えるし、クリックできる。何を開いているかいつもわかり、切り替えはワンクリックです。モバイルブラウザはどれも、これをひっそりと捨ててしまいました。代わりに数字が表示され、それをタップすると別のグリッド画面がせり上がり、タブを探して、もう一度タップする。タブの切り替えがちょっとした小旅行になってしまったのです。

talavoでは、タブを画面下部にチップとして並べています。それぞれにファビコンとタイトルがあり、アクティブなタブはハイライトされます。チップをタップすれば切り替え、上にスワイプすれば閉じる。操作はそれだけで、モバイルでいちばん恋しかったデスクトップの習慣です。便利さはすぐにわかるのに、珍しいのが不思議です。タブは訪れる場所ではなくなり、ただ目に見えるものに戻ります。

フローティングタブ

iOSにはリンクのプレビューがあります。リンクを長押ししたときに表示される、ちょっとした覗き見です。問題は、それが動かない画像にすぎないことです。スクロールも、中の何かをタップすることも、拡大も、ページを使うこともまったくできません。訪問ではなく一瞥にすぎず、プレビューを提供するブラウザも同じ制限を引き継いでいます。

talavoのフローティングタブは、そのアイデアを本気で突き詰めたものです。どのリンクでも長押しすると、ページがLiquid Glassのカードとして浮かび上がり、しかもそれは本物の、生きたタブです。スクロールも、ボタンのタップも、入力欄への記入も、拡大も、その中で戻る・進むのスワイプさえもでき、しかも元のページを離れません。終わったら、カードのまわりの暗くなった部分(または閉じるボタン)をタップすれば、スクロール位置も含めて元いた場所にそのまま戻ります。残しておきたくなったら、ワンタップで通常のタブに昇格できます。いわばiOSのプレビューの強化版で、今のセッションの上に乗る、完全で使い捨てのブラウジングセッションです。

さらに、ほかのブラウザがうまく扱えていない2つの点もさりげなく解決しています。新しいタブで開くよう設定されたリンクは、多くのモバイルブラウザが黙って無視してしまい、タップしても何も起きませんが、talavoではフローティングタブで開きます。そして短縮リンクや広告があなたをサイトからサイトへと飛ばそうとするとき、talavoはリダイレクトを捕まえ、あなたを今のページから引きはがす代わりに、本当の行き先をフローティング表示します。どのケースでも狙いは同じです。自分の居場所を失わずにリンクをたどれるべきだということです。

どこでもLiquid Glass

iOS 26では、talavoのUIはAppleの本物のLiquid Glassの上に構築されています。システムやSafariが使っているのと同じ素材で、それより古いバージョンではすりガラス風の素材で代替します。ツールバー、タブチップ、フローティングカード、メニューは、背後にあるものを屈折させ、ぼかします。そのためインターフェースは、ウェブの上にボルトで留めた平らなレイヤーではなく、OSの一部のように感じられます。

ここは、ほとんどのサードパーティ製ブラウザが省いてしまう部分です。最新のシステムの見た目に対応するのは、目に見える新機能として示せない作業なので、1〜2バージョン遅れがちになり、別のスマホのアプリのように、デバイス上でどこかよそよそしく感じられてしまいます。Safariがネイティブに見えるのは当然で、実際にネイティブだからです。私たちはtalavoにも、スマホに最初から入っていたかのような感覚を持ってほしかったのです。

すべてに共通するもの

どれもスペック表に載せるための機能ではなく、ほとんどは比較表にも出てきません。実のところ、これらは同じ賭けを4回繰り返したものです。ブラウザは、それが育ったデスクトップではなく、動いているデバイスとそれを持つ手にフィットすべきだ、という賭けです。片手で操作でき、タブが見え、ページを離れずにリンクをたどれ、インターフェースがOSの一部のように感じられる。これらが合わさって、理由に気づく前から、初めて使った瞬間にtalavoが違うと感じられる理由のほとんどになっています。

読むより実際に違いを感じてみたいなら、talavoはApp Storeで無料で入手できます。広告ブロック、バックグラウンド再生、フィードを非表示にする禅モードなど、talavoのそのほかの機能については穏やかなスマホのすすめで紹介しています。