F.Ko-Jiの「一秒後は未来」ではウェブやSEO、API、RSSといった技術的ネタから、ちょっとした豆知識や梅酒、エンタメ系まで様々な情報を不定期にお届けしています。

F.Ko-Jiの「一秒後は未来」 > ユーザビリティ > タブは並べすぎると横幅を食う

タブは並べすぎると横幅を食う

2006/08/26 00:19:01

会社でUI改善プロジェクトを邁進中。でも当初の目標の3ヶ月があと1週間で終わってしまいます。ユーザ・インタフェースのリニューアルは予想以上に手間のかかる作業です。そろそろ気分転換したい。

さて、このブログの訪問者の約45%は1024x768のディスプレイ解像度のパソコンを利用しているようで、これが世の中一般にも通用すると考えると、サイトの横幅はせいぜい860px以下に抑えたいと思っています。しかし、タブのインタフェースを横に並べていくと、どんどん横幅を食ってしまいます。ついでにfloatでタブを並べていると、タブの下にタブがまわり込むという有り得ないインタフェースになってしまいます。(Bloglinesの左フレームは常にそうなっているのに、なぜ改善しないのだろうか？)

なぜここでタブの話が出るかというと、UI改善でタブが多用されているからです。タブの幅をなるべく小さくするか、タブとタブの間隔を狭くするか、タブ上の文字を小さくするか、横スクロールバー覚悟でfloatをやめるか。こういうことを考えているとキリがないので、実用的なガイドラインがほしいです。