Skip to Content

Different name, fashion's the same: Styledash is now the StyleList Blog!
Engadget

動画:タッチ操作に最適化したFirefox Mobile UIコンセプト



Mozillaの実験的プロジェクトを扱うMozilla Labsにて、モバイル版FirefoxのUIコンセプトが公開されています。携帯電話などハンドヘルド機器の画面サイズ・解像度とタッチ操作に最適化したもので、見どころは二次元平面上にページ(タブ)のサムネイルを配置する"Spatial View"インターフェース。




縮小された各タブは自由に配置でき、タップすれば最大化されたブラウズモードに移ります。通常のブラウズ画面はiPhoneのSafariなどと同様のドラッグ/フリックして慣性つきのスクロール操作。狭い画面を有効活用するため全ピクセルがページコンテンツに使われており、アドレスバーやボタン類、Firefox 3に近い"Awesome Bar"は左右に(ビデオでは左に)ページをスクロールすると現れるようになっています。

面白いのはページが最大化された状態から"Spatial View"への復帰がメニューやボタンではなく、ページのボーダーを越えてスクロールすると自動的にズームアウトで滑らかに移行するところ(画面幅にあわせて描画されているため、左右にスクロールさせるとどこでもズームアウトできる)。

開発者いわく、平面に配置されたサムネイルを視覚的に選択することで従来のページタイトルメニューやタブバーよりすばやく直感的にナビゲートでき、また関連性のあるページを近くに並べたり、常用するページを決まった場所に置くといったことも可能になります。(サムネイルが大量に並んで探しにくくなる「デスクトップ問題」は、モバイルの場合せいぜい10個くらいしかタブを開かない / 開けないため大丈夫)。

モバイル向けブラウザは圧倒的に強いOperaとiPhoneで殴り込んだSafariの2強が並んでいる状態ですが、将来登場するFirefox Mobileにも期待できそうです。なお、マルチタッチに対応していないのはなるべく多くの機器に対応するため、および二本指を使うために持ち替えるのがばからしいから、とのこと。

Add your comments

New Users

Current Users

Please keep your comments relevant to this blog entry. Email addresses are never displayed, but they are required to confirm your comments.

When you enter your name and email address, you'll be sent a link to confirm your comment, and a password. To leave another comment, just use that password.

To create a live link, simply type the URL (including http://) or email address and we will make it a live link for you. You can put up to 3 URLs in your comments. Line breaks and paragraphs are automatically converted — no need to use <p> or <br /> tags.

Please note that gratuitous links to your site are viewed as spam and may result in removed comments. And yes, comments are moderated.





Resources


AOL News

Other Weblogs Inc. Network blogs you might be interested in: