アプリ・UXデザイン– category –
-
「MP4」はもう時代遅れ？ AWSで構築する、YouTube並みの「爆速ストリーミング配信（HLS）」基盤
「動画を再生しようとすると、クルクル回って始まらない」 前回の記事では「画像の重さ」を解決しましたが、Webサイトを遅くするもっと大きな犯人がいます。**動画（Video）**です。 多くのサイトが、数10MBあるMP4ファイルをそのまま video タグで貼り付... -
機能は足りているのに、なぜ売れない？ 経営者が知るべき「非機能要件（UX）」の正体と、投資対効果の測定
「競合と同じ機能は実装した。価格も下げた。それなのに、なぜ顧客は離れていくのか？」 もし、あなたのサービスがこの壁にぶつかっているなら、見直すべきは「機能（What）」ではありません。 **「品質（How）」**です。 システム開発の現場には、**「非... -
「遅くなった」を感覚で語るな。GitHub ActionsとLighthouse CIで実装する「パフォーマンス予算」の自動監視
「先月のリリースまでは速かったのに、なんか最近もっさりしてない？」 PMや経営者からの、この**「感覚的な指摘」**ほど、エンジニアを困らせるものはありません。 しかし、悔しいことにその指摘は大抵正しいのです。それをPMが確認する前に、エンジニア... -
LCPはもう古い？ Googleの新指標『INP』が計測する”イライラ”の正体と、エンジニアがやるべき3つのデバッグ
「PageSpeed Insightsのスコアは90点なのに、なぜかサイトがモッサリ感じる」 もしあなたのサイトがこの状態なら、危険信号です。 Googleは2024年3月、Core Web Vitals（Webサイトの健全性指標）に大きな変更を加えました。 これまで重視されてきた FID (F... -
「サーバーを東京に置くな。」CloudFrontとEdge Computingで実現する、地方ユーザーへの「0秒配信」
「東京のオフィスでは爆速なのに、福岡の実家で開くと遅い。」 Webサービスの開発現場でよくある怪奇現象です。 エンジニアは「Wi-Fiが遅いんじゃない？」と言いますが、原因はもっと根本的な場所にあります。 物理的距離です。 光ファイバーの中を通る信... -
「その画像、重すぎます。」AVIF / WebP 自動変換でサイトを半分にする、AWS Lambda 画像パイプラインの構築
「サイトが遅い。なんとかしてくれ」 そう言われてPageSpeed Insightsを開くと、警告の筆頭にあるのは常にこれです。 「次世代フォーマットでの画像の配信」。 テキストコードをどれだけ圧縮しても、たった1枚の巨大なヒーロー画像の容量には敵いません。W... -
なぜAmazonは「0秒」で画面が切り替わるのか？ サーバー増強よりも効果的な、脳を騙す「知覚パフォーマンス」と3つの実装パターン -「読み込み中」のグルグルは接客放棄である。Optimistic UI（楽観的UI）で実現する、待たせないUXデザイン
「いらっしゃいませ！」とお店で言われたあとに、店員さんが「１秒間」無言で固まったらどう思う？？ たった1秒ですが、対面コミュニケーションにおいてこの沈黙は致命的です。お客様は「え？ 無視された？」と不信感を抱くでしょう。 Webサイトやアプリも... -
ローディングスピナーは「敗北」である。サーバーを待たずに完了させる「Optimistic UI」の実装論
「ボタンを押したのに、グルグル（ローディング）が回って待たされる」 私たちはこれを当たり前だと思っていますが、ユーザーにとっては「人生の貴重な時間を奪われている」のと同義です。 Amazonの調査では、表示速度が0.1秒遅れるだけで売上が1%下がると...
1