ブラウザバック時の表示を最適化する Yahoo!ニュースの取り組み事例

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュース を担当しているエンジニアの喜楽です。 今回は、Yahoo!ニュースが取り組んでいるブラウザバック時の表示最適化手法について紹介します。 なぜブラウザバック時の挙動に注目するのか ユーザーがYahoo!ニュースのページを閲覧し、別のページに遷移する方法は大きく分けて以下の2つが考えられます。 （A） リンクをたどってページを遷移する （B） ブラウザーのナビゲーションボタンまたはスワイプ操作によって遷移する 「戻る」による遷移（ブラウザバック） 「進む」による遷移（ブラウザフォワード） Yahoo!ニュースでは総PVのうち一定程度が(B)のブラウザバックまたはブラウザフォワードによるページ遷移時のも

[Knoa]

リンクをクリックした刹那に目に映った広告が気になってブラウザバックしたら広告が入れ替わっていてリロードを繰り返しても二度とお目にかかれない問題を解決してほしい

[berlysia]

「既読記事を消す」は余計なお世話っぽくて、その方向ならvisitedなことがわかるようにしてほしい……あのリンクがここにあったよなという期待を裏切っている……

[Falky]

ブラウザバックには「元の状態が復元されること」を期待するので、既読記事を消すとかは余計なお世話かな。実際困るケースもいくつか思い当たるし。visitedにするとか、消さずにdimmedな表示にする方向性ならアリ

[uunfo]

戻った時に記事リストから既読記事を消すやつ、CTRだけを見てるとUXを損っていることに気づかないという好例のような気がするな／さっき見た広告が消えてるあるある

[makou]

Twitterのトピックみたいに新しいタブで開けなかったり、慌てて前のページに戻ったら見たいのが消えてたりするの、ぜんぜん嬉しくない。ただイラッとする。

[nezuku]

ブラウザの戻る進むの制御はユーザ側が強い権限を持っている操作なので、過剰にそれに干渉したり最適化すると不快感と隣合わせな気もする。そのあたり難しいんだろうって

[buhoho]

あんまり小手先の動きをJSで実装しないでほしい。極限まで素朴に作って挙動の最適化はブラウザの動作に投げろ。実際プレーンなページでのブラウザは早いです。なぜ人は他人のブラウザバックを制御したがるのか

[snobsnog]

「使わない・選択しないものを表示しない」というのはわりとエンジニアがやりがちな失敗だよね。そこにないと存在しないのか不具合なのかユーザーは判断に迷っちゃうんだよ。選ばなくてもそこにあるの大事。

[nakex1]

既読記事を消すのは余計なお世話だなあ。新たな記事を追加したほうがそりゃクリック率は上がるだろうけどさ，不満なことも多いのだよね。元に戻ろうとして元がそのまま再現されないのはネガティブに感じる体験。

[xlc]

バカ記事。バックがなければフォワードできないのでバックの方が多いのは当たり前。そしてバックは「さっきのものが見たい」のだから表示を弄るのは迷惑この上ない。そもそも変なことしなきゃキャッシュされてる。

[w_bonbon]

一周回ってastroみたいなMPAが最高に感じている。

[klim0824]

既読記事をブラウザバックで消しちゃうの、ユーザーサイドだと混乱の元な気もするけど、やっぱYahoo!サイドにメリットあるからやってるんかね

[mohri]

ブラウザバックで見た記事を消したことに言及してるひとが多いだろうなあとおもったけど、ブラウザバックしたあとでまた読みたければブラウザフォワードしそう

[nilab]

ブラウザバック時の表示を最適化する Yahoo!ニュースの取り組み事例 - Yahoo! JAPAN Tech Blog

[harumomo2006]

最近ブラウザバック・フォワードで仕様変更させられたところなのでタイムリー。ブラウザの挙動を無視してExcelっぽくしてほしいとか自己満足で余計なことするサイトオーナー多すぎ

[hamaco]

ブラウザバックでコンテンツ変えるのやめてくれ。

[snipesnaps]

さいきんどこもブラウザバックの挙動をハックしてるサイト増えてきてて嫌だな〜怖いな〜と思ってた矢先にこの記事。嫌だな〜怖いな〜。

[pwatermark]

キャッシュや位置、状態の復元はいいが、内容を変更しちゃいけない この辺いじられるのが嫌なので大概の遷移を「新しいタブで開く」ようになっちゃいました

[kabochatori]

はてなのアプリも一覧に戻ると勝手に並び順更新されるのすごいストレス…

[yonao205]

ブラックサバスに空目した…。

[Rion778]

既読記事を非表示にするというのは“既読記事に再度遷移することはなさそうなこと”が真でなければCTR上がったとしてもユーザー体験悪化してそうな気もするけどどうなんだろ。

[sekreto]

ブラックサバスに空目したわ。

[n314]

サーバーサイドでhtmlを出せば何もしなくても一番最適な動作になるのにね。リソース節約のためのクライアントサイド処理だったものを、いつの間にかUXが目的だと勘違いしてしまってそう。

[table]

ところでデジタル庁のブラウザバックはいつになったらまともになるのか。民間登用の中の人のスキルの程度がよく見える。口先UXなら誰でもできるんだよ。。。

[adsty]

記事リストの閲覧を最適にするために行っている施策。

[efcl]

ブラウザバックかどうかを判定して処理する方法とBFCacheを使ってブラウザバックされたかを判定して処理する方法について。 バック時のスクロール位置の保存、BFCacheが有効となる条件、BFCacheにおけるログの問題などにつ

[sonots]

なるほど勉強になります

[michiomochi]

その発想はなかった

[hatash]

はてなをiPhoneで見るときアプリじゃなくてSafariから見てるんだけど、去年の途中から、ブラウザバックするとページ先頭に戻されるようになってとても不便だなってなってる。

[hideo54]

賢いなーーめっちゃ勉強になる。

[suika3417]

無限スクロールでどんどん表示させてから遷移した後に、戻る押したときのリセットされた時のショック感

[hase0510]

ところで「ブラウザバック」って比較的新しい言葉のような気がするんですがどうでしょう。昔は聞かなかった気がする。

[flirt774]

代表的なユーザー行動の例、ブラウザバックの発生しやすいところなので工夫しがいがありそう。Youtube は一覧からhover で再生開始出来るようになった。現状だと別ウインドウが最適解ぽいけど発明が欲しい

[p_funny]

ブラウザバックだと記事リスト更新されて次読もうとしてた記事が消えてたりするから、いちいち新規タブで開くのが当たり前になってるけど、意外とタブ内で遷移する人の方が多いんだね

[shaokuz]

ごちゃごちゃせずにただただ直前の状態に戻してくれってだけの話なんだけどな。

[misafusa]

リンクを削るとか余計なことしなくていいっすわ。「戻る」んだから同じ状態で残してくれればいい。直接関係はないが、ブラウザバックを禁止してるサイトはマジで腹が立つ。

[naggg]

すごいなぁ

[hugie]

いろいろ理にかなったことも考えられてるんだけど、ブラウザの挙動と違う動作をやられると混乱もする。