ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験

スムーズスクロール以外の方法で、ページ内リンクによって画面が切り替わったことを利用者にわかりやすく伝える方法はないかということで、ページ内リンクでの移動時に画面を一瞬点滅させるスクリプトを jQuery で書いてみました。 タイトルが （謎） な感じですが...... ページ内リンクでページ上部に移動させたりするとき、最近は所謂スムーズスクロールってやつを実装するのが当たり前になっていますよね。パッと瞬時に画面が切り替わってしまうと、ページ内で移動したことがわかりにくいので、スクロール処理を入れることでわかりやすくしてあげましょうって言う、親切心から採用されるケースが多いと思います。 実装方法は JavaScript と CSS アニメーションの組み合わせや、JavaScript （というか jQuery） でというのが多いと思いますが、今回はそのスムーズスクロールの実装方法はどれが良いの

[sase]

ページ遷移とページ内遷移の違いがでない

[charismanbou]

これのスムーズスクロールすき http://propodesign.com/shoplist/

[m_m3zono]

単純なフラッシュだとページ内での連続性が弱い感じがするので、少し↑にスライドした後でフラッシュ、少しだけ↑にスライドするのを見せて先頭で停止。スライドアニメ―ションの中間を省略する感じはどうでしょう。

[Rewish]

僕はこれ使ってます http://jdtplugins.googlecode.com/svn/trunk/jdtscroll/example.html

[kuracom]

ページに入ると白→ふわっと表示される効果ならよく見るので、この方法はページ遷移と間違えられそう。

[persee]

新たなUIの発明をみると非常にワクワクする。、、なんだけど、スムーズスクロールって「いまここに向かってますよ」っていう位置関係をわからせるというのが存在意義にして最大のメリットな気も、、

[delimiter]

点滅したホワイトアウトの瞬間だけ∧みたいな記号をだしておけばいいかも

[kijtra]

他ページから来た時を考えるとスムーズの方がいい。

[fuzutata]

RPGのダンジョンとかで間違ったルートに行くと強制的に出口に飛ばされるようなそんなエフェクト

[i78kunn]

猫かわいい

[bleu-bleut]

わずか一行ですむのは効果的と思うのと、何が起こったのかが分からないのは同じで、TOPに戻る以外のスクロールでは使えないのではないかということ。

[field_combat]

確かに。画面遷移とかフェードインとか使ってなければ問題なさそう

[knagaharu]

ページ上部に戻るは「点滅」でもいいかも。

[teruzoh0209]

from Gunosy Summary of teruzoh http://ift.tt/1hfxy5g via IFTTT

[iwadon]

試してみたけど、別のページヘ移ったのかと思った。もっと良い方法が見つかるといいですね。

[curion]

そういえば、ブラウザ版Tweetdeckの新規ツイートへの移動が微妙にスライドしてからのフラッシュに最近なった

[yamadar]

ベージ遷移したように見えて分かりにくいけど、良い問題提起だと思う。

[tockri]

触発されて作ってみたよ！http://tockri.blog78.fc2.com/blog-entry-287.html

[fujikolp]

スムーズスクロールの何がイマイチかって、すげー近くのアンカーだともっさりしてるように見えちゃうことだよな

[uunfo]

微妙

[s15i]

こういうナビゲーションって、目次的なアンカーだったら分かるのだけど、トップへのリンクってみんな使ってるのかしら…？ 自分はHomeかマウスジェスチャしか使わないのだけど／明滅は素敵。

[merlion45]

シンプルで良い！

[userinjapan]

普及すれば初訪問者にも分かるけど

[saken]

ページトップに戻るときだけならまあアリかなあ。

[C_L]

ゲームのZAPみたく暗転フェードアウト・フェードインするのはどうじゃ

[hedeyoshi]

これいいねくぁいいね。ページ遷移に思われる可能性もあると思うけど、軽いしこれはこれでいいと思う。つかいたい。

[mole-studio]

SPAのページ遷移に見える。ページ内ならスクロールが無難かなー

[gnufrfr]

あらいいね

[seagullrhythm]

あ、これはいい実験。いろいろありそうだけど。

[animist]

おもろい視点

[sometk]

たしかに、色々やりようはある。

[cardmics]

とりあえず、ぬこが可愛いので強く支持。

[massava]

良いと思います！

[takafuu]

遷移方向に24px位スクロールしつつ点滅して切り替えとかだとユーザ体験にスクロールを残せて良さそう。ただ、これだと処理めんどいし重くなりがちで、趣旨とはずれてしまうかな？

[zettaimuri]

普通のリンクアンカーじゃいかんのかしら

[sirouto2]

試み自体は良いと思うけど、既存のスムーズスクロールのほうが分かりやすい。Web制作者側はページ遷移の有無を把握してるから、その情報がムダに思える。でもユーザ側は複数サイトを見ているから判断できない。

[mikio01]

どこに飛んだかわからん