UIに関するHi32のブックマーク (2)

  • ユーザーは苦しんでいる。タッチしやすいアイコンの大きさは? | coromos

    アイコンの大きさ、適当に決めていませんか? ユーザーはおもった以上にアイコンをタッチすることに苦労しています。 最適な大きさのアイコンはどのようなアイコンなのでしょうか。ダーツでブルに命中させることは、ダーツ盤の他のどの場所に命中させるより難しいことです。これは、ブルが最も小さい的だからですね。スマートフォンのアイコンを触る事にも同じ原理が当てはます。 ユーザーにとって、小さなアイコンは、大きなアイコンを触るのよりも難しいことです。あなたがスマートフォンのインターフェースをデザインする時は、ユーザーがタップしやすいようアイコンを大きく作るのが望ましいことです。しかし、具体的にはどうやってユーザーの大半が最も使いやすいように作るのでしょう?多くのスマートフォンの開発者はこの事について考え、その殆どが、答えをシステムの開発者が提供したインターフェースのガイドラインに頼ってきました。 携帯の

  • jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー

    最近、下にスクロールすれば消えて、上にスクロールすれば現れる固定メニューを設置しているサイトを2つくらい(サイト名は忘れてしまいました。。)見かけて、これは流行っているのではないかということで作ってみました。 メニュー自体はいたって普通のものですが、一応ソースを載せておきます。まずはHTMLです。 <nav id="menu-wrap"> <ul id="menu"> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> </ul> </nav> 続いてCSSです。 #menu-wrap { position: fixed; z-inde

    jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー
  • 1