タグ

tipsとusabilityに関するmitchikeuchiのブックマーク (2)

  • mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 : akiyan.com

    mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ

    mitchikeuchi
    mitchikeuchi 2008/10/07
    なるほど…ヘタに横幅広くしない方がよいのかなあ。
  • 携帯番号をいれればいいのだな、とすぐわかるインターフェース | SIMPLE*SIMPLE

    よく検索キーワードを入れるフォームに虫眼鏡マークがついていたりしますが、携帯番号の場合は次のようなインターフェースがわかりやすいですね。 ↑ これなら迷いません。 いかに迷わずに入力させるか、ちょっとした工夫を凝らしたいところですね。 実際に動作している様子はUmbrella Todayからどうぞ。 » Umbrella Today? 海外のことは知らないのですが、日の場合はアクセスすると標準で090が表示されているプルダウンにしておいて、そのプルダウンから070、080を選べるようにしておき、その右のエリアに残りの番号を入れさせる方が「携帯の番号を入力するのか」と思ってもらいやすいかもしれないですね。 それと上のスクリーンショットのように、電話番号なのに入力エリアの縦が広いと、何か基的に複数行にまたがる情報を入れる場所のように見えて個人的にはちょっと不安です。

    携帯番号をいれればいいのだな、とすぐわかるインターフェース | SIMPLE*SIMPLE
    mitchikeuchi
    mitchikeuchi 2008/09/09
    よく検索キーワードを入れるフォームに虫眼鏡マークがついていたりしますが、携帯番号の場合は次のようなインターフェースがわかりやすいですね。
  • 1