なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密

日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な

[y-kawaz]

これは素晴らしい！DOMの矩形をベースでUIを考えてる限りこの発想は出ないわ、思いつく人凄い。

[kuwa]

同じ事を去年の9月に書いてて悔しいのでブクマ。GIGAZINEの方が100倍わかりやすいけども。 http://blog.v-republic.jp/?p=175#more-175

[fiblio]

UI大事だよねー＞某モールさん

[Nan_Homewood]

すごい。何よりも凄いのは、当たり前に使えて気が付かせない所ですね。

[mk16]

「地味に凄い」という言葉がこれ程当てはまる事例が他にあるだろうか。

[nasunori]

何気なく使っていたので今まで全くわからなかったが凄いな

[trini]

マウスがメニューから１ドットでもコンマ０秒でも外れたら消えてしまうドロップメニューは確かにイラっとくる

[tetzl]

神は細部に宿るな…

[ZeroFour]

目の付け所がAmazon。

[bigboy-kyt]

RT @kuri_kurita: カーソルを斜めに移動させたときにメニューを閉じないというのは、Macintosh が 1980 年代からやっていること。→

[maemaemaemae]

“秘密は以下の画像で示されている青い三角形で、この部分にカーソルがある場合には少し長めにサブメニューが開き続けるように指定されているわけです。”

[funafujio]

Amazonのメガドロップダウンメニュー

[miguse]

余り気にしていなかった。迂闊に近づいてじっくり見てたら色々ぽちりそうだし

[saicolobe]

Amazonのメガドロップダウンメニュー、確かに違和感なく使える

[harumakiyukko]

やってみたい

[tomio2480]

なるほど

[yaoki_dokidoki]

これすごいよなぁ

[ofsilvers]

いいなー

[sigwyg]

jQuery-menu-aim

[magpepen]

カーソルが入っている範囲でサブメニューが開く長さを調節

[ledsun]

へー、全然気づかなかったわー。と思ったけど、そもそも「カテゴリーからさがす」たことが無かった。使ってたら気づいてたわー、

[Pasta-K]

なるほど！！！

[kinda]

TKGHatebuReaderより

[moccai]

全く気がつかなかったけどこういう細やかな配慮ってすばらしい！！！

[tmatsuu]

日本語記事きてたのね

[sora_h]

かしこい

[sometk]

gigazineの比較もわかりやすい。

[makimoto]

かしこい。

[tagutagumasa]

なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密 - GIGAZINE

[adsty]

マウスカーソルの位置を検知してサブメニューの長め表示や切り替えを行っている。

[W53SA]

特許化されてたりしないのかな

[sivadselim]

なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密 - GIGAZINE

[nilab]

なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密 - GIGAZINE

[tak4hir0]

なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密 - GIGAZINE 日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかと

[Haaaa_N]

そんな工夫がされてたなんて気が付かなかった

[beintro335]

なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密

[sagaraya]

すごいなー

[pistaro]

なるほどー 地味にすごい

[decobisu]

おもしろい

[hush_in]

なるほどー