Xのアプリ内通知デザインが変更へ 読みやすさを重視したシンプルな表示に

Xのデザインを率いるBenji Taylor氏は、Xで新しいシンプルなアプリ内通知スタイルを展開していると投稿しました。
Xのアプリ内通知のデザインが変更
Xのデザインを率いるBenji Taylor氏は自身のXアカウントで、Xで新しいシンプルなアプリ内通知スタイルを展開していると投稿しました。
Taylor氏は今回のデザイン変更について、読みやすさ、シンプルさ、製品全体の視覚的な一貫性を高めることを目的としていると述べています。
アプリ内通知は、Xアプリを開いている状態で返信やいいね、リポストなどの通知を受け取った際に、アプリ上部に一時的に表示される通知バナーのことです。
たとえば、これまではいいねしたアカウントのアイコンといいねのアイコンがほぼ同じ大きさでアプリ内通知の左端に表示されていましたが、アカウントのアイコンを大きく、いいねのアイコンが小さくなります。また、角の丸みが大きくなり、背景色が水色から半透明の黒色に変わります。
Taylor氏は「複数の小さいが意味のある変更のひとつ」と説明するとともに、「私たちは小さなことまで継続的に改善し続けます」と述べ、これからも細部までこだわって改善する方針を示唆しました。
新しいアプリ内通知がどのOSに展開されるかについて明言されていませんが、Taylor氏と同様にXでデザインを担当するalex氏が「iOSで初めてのコードを公開しました」と述べていることから、iOSアプリを対象としているようです。
We're rolling out a new simplified in-app notification style on 𝕏. This is one of several small but meaningful changes aimed at improving readability, simplicity, and visual consistency across the product. pic.twitter.com/FffZsLmIuU
— Benji Taylor (@benjitaylor) June 22, 2026
筆者の分析
Xはここ最近、大きな新機能だけでなく細かいUIの見直しを進めています。
iOSのLiquid Glassについても時間をかけて対応する方針を示しており、デザインへのこだわりを見せています。

Xが今後もアプリ内のテキストの読みやすさや視認性などのUIを改善していくことが期待されます。
この記事の検証内容と情報源
検証内容
Benji Taylor氏のポストとalex氏のポストを確認
最終検証日
参考リンク
記事をシェア
フォローして最新情報を入手
Googleの優先ソースに追加すると、このサイトの記事をGoogleで見つけやすくなります。また、ぜひXやRSSフィードもフォローしてください。
関連記事
-1.png&w=1080&q=75)
生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。
Webフロントエンドプログラマーとして、TypeScriptを用いたWebアプリやブラウザー拡張機能を制作。Xのシャドウバン検知ツール「Shadowban Scanner」やリンクカード復活ツール「Restore Link Card」を公開し、国内外のメディアで紹介されました。iGEM 2023ではJapan-UnitedチームのWikiを制作してGrand Prizeの獲得に貢献。ブログではXやSNSの最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。




![[Draw blur]と表示されたXの新しい画像エディター画面のスクリーンショット。上部に戻る、切り抜き、テキスト、描画、ぼかし、保存の各アイコンが並んでいる](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fx-new-photo-editor.jpeg&w=3840&q=75)




![[新しいXチャットへようこそ]というテキストが画面に大きく表示されており、その下には次の3つの説明が表示されている。[エンドツーエンドの暗号化:メッセージは、端末にかかわらずエンドツーエンドで暗号化されています。][最先端のプライバシー:Xを含め、他の人がメッセージを読むことはできません。][パスコードを設定:メッセージを保護するため、4桁のパスコードを設定してください。]これらの説明の下には、[パスコードを作成]という大きなボタンが配置されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fwelcome-to-new-chat.png&w=1920&q=75)



![Discordの[プロフィールのプライバシー]設定のスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fdiscord-profile-privacy-settings.png&w=3840&q=75)