モバイルサイトのサブナビゲーション
モバイルサイトのサブナビゲーションの主な実装方法としては、アコーディオンやシーケンシャルメニュー、セクションメニュー、カテゴリーランディングページが挙げられる。このうちのどれがそのサイトに最適なのかは、IAにある下位カテゴリーの数やサイトでのユーザーの移動パターンによって決定される。 Mobile Subnavigation by Raluca Budiu on July 16, 2017 日本語版2017年11月16日公開 情報アーキテクチャがかなり複雑で、カテゴリーの階層が多数あるWebサイトは多い。下位のカテゴリーは、デスクトップなら、ドロップダウンメニューやメガメニューの中にあることが多いが、こうしたサブカテゴリーをモバイルデバイスで表示するのは必ずしも容易ではない。 Cisco.com：デスクトップサイトでは、水平ナビゲーションバーを利用して、メインカテゴリーを収めている。マウス
The Accessible Current Page Link Conundrum: HeydonWorks
14th February 2014When I’m done staring with fear-induced catalepsy at the vast array of complex and overlapping app building, testing, integration and deployment tools that are quickly amassing around me, I like to take a little break and try to solve a simple problem. The “current page” link is just such a problem. The current pageBy “current page”, I mean the page you are on right now. It’s thi
Dot Navigation Styles | Codrops
Today we’d like to share some subtle effects and styles for simple dot navigation with you. These styles could, for example, be used for a page scroll navigation or a thumbnail preview, in a vertical or horizontal fashion. Small UI elements usually don’t get too much attention when it comes to creative effects. They are often neglected because of their size. But they can offer a great opportunity
Mailchimpの新ヘッダー
Mailchimpのウェブサイトが新しくなり、ヘッダーがかっこ良くなった。もしかしたら固定された水平ヘッダーの最適解かもしれない。なかなかパクりたい。 Mailchimpの新ヘッダーは最初はちょっとスクロールに従ってついてくるんだけど、メイン・コンテンツに差し掛かると消える。最後まで読むか上にスクロールして戻ろうとすると再表示されるというもの。トップだとちょっとわかりづらいのでPricingのページをスクロールさせてみるとわかりやすい。 スクロールすると固定になるヘッダーを採用している多くのウェブサイトと同じようにMailchimpもヘッダーのすぐ下にでっかい領域が確保されている。そのでっかい領域によるヘッダー(のナビゲーション)へのアクセス性の低下をフォローするために多くのウェブサイトはヘッダーを固定しちゃうわけなんだけど、それでは同時にコンテンツの閲覧性に影響を与えてしまう。ヘッダーを
How To Use WordPress Tutorial [2024]
What’s up y'all! More the reading type? Looking to start a website? The post: WordPress is definitely a solid choice for creating awesome, professional websites. Now you’ve just got to figure out how to use WordPress… Good news: as always, we’ve got your back fam! Here we’ve got a complete walkthrough of one of the best tools for building a website best website builders around including what you n
![How To Use WordPress Tutorial [2024]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c951618c3f76b3491f33f029f93696b921f1280/height=288;version=1;width=512/https%3A%2F%2Fe8y8n8b5.rocketcdn.me%2Fwp-content%2Fuploads%2F2020%2F01%2Fcapw-featuered-graphic-how-to-use-wordpress.jpg)
Next/PrevやNewer/Olderみたいなナビゲーションの呼び方について
Next/PrevやNewer/Olderみたいなナビゲーションのことを何と呼ぶのか分からなかったのでTwitterで書いてみたら、リプライを頂けました。 Next/Prev みたいなナビゲーションって ページャー？ ページング？ ページネーション？ ページナビ？ なんていうのかな。 @ub_pnr https://twitter.com/ub_pnr/status/58055466797895680個人的にですが、各人が呼びやすいように呼んでるというイメージがあって、Next/Prev、Newer/Olderというタイプなのか、[Prev]…[2][3][4]…[Next]みたいなタイプなのか、どっちのことを言っているかすぐには分からないことが多いんですね。 （一応、話の流れで分かりますが） 今回、リプライをくれた方々のツイートを紹介してみます。 @ub_pnr 僕はよくページャーってよ
Progress Trackers in Web Design: Examples and Best Practices — Smashing Magazine
In this article, we will look at various uses of progress trackers and see how they’ve been implemented, what they are doing well, and what they are not doing well. When designing a large website, especially one that contains a store, you may be required to design a system for ordering online, or a multi-step process of another sort. Walking users through this process by making it easy and intuiti
メガメニューはサイトナビゲーションに効果あり
大きな二次元のドロップダウンパネルは、ナビゲーションの選択肢をグループ化することでスクロールの必要性を無くし、タイポグラフィやアイコン、ツールチップを使うことで、ユーザの選択できる内容をわかりやすく提示してくれる。 Mega Menus Work Well for Site Navigation by Jakob Nielsen on March 23, 2009 もうすぐ開催予定のナビゲーションデザインセミナーに向け、我々は様々なナビゲーション機能についてのユーザスタディを実施している。いつものことだが、中にはひどい結果が出てしまった機能もあるし、これまた、いつものことだが、今、流行のようになっている機能（今回の場合はタグクラウド）にはユーザビリティ上の大きな課題が見つかった。 幸いにも、他のウェブトレンドは本質的にユーザビリティに優れており、ユーザの行動やゴールによく合っているというこ
n1n9.jp - このウェブサイトは販売用です！ - 矢崎 ページング 裕一 和訳 リソースおよび情報
このウェブサイトは販売用です！ n1n9.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、n1n9.jpが全てとなります。あなたがお探しの内容が見つかることを願っています！
CSS Sprites2 – It’s JavaScript Time
A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user’s interactions in a dynamic way that standards-based web sites haven’t been able to replicate. Lately that’s been changing, of course, with a resurgence in dynamic interface effects, helped along by JavaScript libraries that
jQuery iPod-style Drilldown Menu | Filament Group, Inc.
Posted by Scott and Maggie on 05/14/2008 Topics: ajaxjQueryui designvisual design We created an iPod-style drilldown menu to help users traverse hierarchical data quickly and with control. It's especially helpful when organizing large data structures that don't translate well into traditional dropdown or fly-out menus. This drilldown menu provides easy navigation of complex nested structures with
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
访问安全
Scroll Linked Navigation | jQuery for Designers - Tutorials and screencasts
Creating multiple pages with navigation menus - W3C Wiki
Loading...