@ideamans profile picture
アイデアマンズ@フロントエンドWeb高速化 @ideamans

Webフロントエンドの高速化コンサルと、AIによる画像データ自動軽量化サービスを提供するアイデアマンズ株式会社です。Twitterには思いつきレベルのログを吐きます。

Joined December 2009
  • Tweets 2,493
  • Following 1,682
  • Followers 1,144
151 Photos and videos
「未使用品って何？」「Aランクってどういう意味？」——ユーザーが疑問に思ったまま離脱してしまう前に、用語定義の添え言葉で答えてあげてください。 assist-words-blog.ideamans.c… #EC #マイクロコピー #UX #コンバージョン改善 #ライティング

「これ何？」に答える用語定義の事例をもっと見る

専門用語や独自ルールをユーザーの言葉で定義する添え言葉の事例を、さらに11サイトから集めました。

assist-words-blog.ideamans.com
34
月間数億PVを誇る「ねとらぼ」のLCPが8.1秒。大規模メディアサイトのボトルネック研究が明らかにした改善の可能性をご確認ください。 vigilante.sitespeed.info/202… #WebPerformance #サイトスピード #メディアサイト #LCP #広告最適化

「ねとらぼ」トップページの表示速度ボトルネック研究

未圧縮テキストリソース、PC専用画像がモバイルでもダウンロードされる、LCP画像に loading="lazy" が設定されているなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが78から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。

vigilante.sitespeed.info
1
37
「会員登録が面倒だから……」でカゴ落ちするユーザーを救える一言があります。ゲスト購入を許しながら登録も促す添え言葉の設計法です。 assist-words-blog.ideamans.c… #EC #マイクロコピー #UX #カゴ落ち対策 #コンバージョン改善

「登録しなくても買えます」— ゲスト購入を許しつつ会員登録に導く添え言葉

会員登録を強制せずゲスト購入を許可しつつ、登録のメリットをさりげなく伝える。「買えるけど、登録するともっと便利」という絶妙なバランスの添え言葉を5つの事例で紹介します。

assist-words-blog.ideamans.com
29
Speed Index 13秒→1.2秒——SANYO ONLINE STOREのボトルネック研究が示す改善ポイントを見てください。 vigilante.sitespeed.info/202… #WebPerformance #サイトスピード #EC #WebFont #サードパーティタグ

「SANYO ONLINE STORE」トップページの表示速度ボトルネック研究

パブリックCDNリソースの外部ドメイン配信、モバイルで不要なPC用KV画像のダウンロード、Google Fontsによる多数のWebフォント読み込みなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが80から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。

vigilante.sitespeed.info
1
28
「画像を最適化しろ」「JSを減らせ」——その一般論、うちのサイトに当てはまる？固有のボトルネックを見つける方法があります。 today.ideamans.com/posts/202… #サイトスピード #WebPerformance #CoreWebVitals #EC #パフォーマンス改善

一般論では見つからないページスピードのボトルネック

セオリー通りの対策を全部やってもサイトが速くならないのは、一般論では届かないサイト固有のボトルネックが存在するからだ。パフォーマンスタイムラインを使った外科手術的アプローチで、CSSやJavaScriptの真の問題を特定する方法を解説する。

today.ideamans.com
1
1
28
レビューが0件のページは、ただの機会損失だ。「最初のレビュワーになりませんか？」——空状態を行動へのトリガーに変える発想がある。 assist-words-blog.ideamans.c… #UX #EC #マイクロコピー #レビュー #コンバージョン改善

「最初のレビュワーになりませんか？」— 空状態を機会に変える添え言葉

レビュー0件、在庫なし、空のカート。ECサイトの「空」は離脱ポイントになりがちですが、添え言葉ひとつで参加の招待や次の行動のきっかけに変わります。5つの実例を紹介します。

assist-words-blog.ideamans.com
29
フォームのエラーメッセージは「失敗後」に表示される。しかし「失敗前」に教える添え言葉が、離脱率を根本から変えます。 assist-words-blog.ideamans.c… #UX #フォーム設計 #マイクロコピー #コンバージョン改善 #EC

「つまずく前に教えてくれる」— フォーム入力のエラーを未然に防ぐ添え言葉

パスワード要件の先出し、番地なし住所の入力例、メール不達の先回り警告。ユーザーがフォームでつまずく前に一手先を示す添え言葉を5つの実例で紹介します。

assist-words-blog.ideamans.com
1
31
「なぜここで買うのか」をユーザーに説明できていないサイトは、比較検討で負けています。公式サイトの優位性を伝える添え言葉を見直してください。 assist-words-blog.ideamans.c… #EC #マイクロコピー #UX #ブランディング #コンバージョン改善

「ここで買う理由」— 公式サイトの優位性とブランドの約束を伝える添え言葉

Amazonや楽天でも買える時代に、公式サイトで購入するメリットをどう伝えるか。価格・限定性・品質保証の3つの切り口で、ユーザーの「どこで買うか」の迷いを解消する事例を紹介します。

assist-words-blog.ideamans.com
27
「画像最適化をやるべき理由、どう証明しますか？」——感覚ではなくデータで示す方法がある。今すぐ確認してほしい。 today.ideamans.com/posts/202… #画像最適化 #WebPerformance #EC #データ分析 #サイトスピード

画像最適化のやった・やらない問題を解決するエビデンスの出し方

画像最適化は見た目では判断しにくく、「本当にやったの？」という疑念が生まれやすい作業。最適化の証拠をExcelレポートで可視化し、クライアントや上司への説明を数字で裏付ける方法を紹介します。

today.ideamans.com
31
Lighthouseスコア72点、LCPが4.5秒の「久原本家」。どこが問題か？ボトルネック研究が3つの原因を明らかにしています。 vigilante.sitespeed.info/202… #WebPerformance #サイトスピード #EC #LCP #画像最適化

「久原本家」トップページの表示速度ボトルネック研究

画像フォーマットが未最適化、テキストリソースのGZIP圧縮が未適用、CSSファイルの分散などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが70から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。

vigilante.sitespeed.info
29
「もうすぐ終わります」ってコピー、じつあんまり効かないんですよ。「3月31日23:59まで」に変えるだけで全然違う。25社の事例まとめました。 assist-words-blog.ideamans.c… #EC #マイクロコピー #UX #コンバージョン改善 #購買心理

期限・日時の数字化で行動を促す事例をもっと見る

発売日時の明示、ポイントキャンペーンの期限表示など、日時を具体的な数字で示して行動を促す添え言葉の事例を紹介します。

assist-words-blog.ideamans.com
1
24
アイデアマンズ@フロントエンドWeb高速化 retweeted
ScientiaMobile
@scientiamobile
Jun 2
Replying to @ideamans
まさにこのためにImageEngine Kubeを作りました。デバイスごとに最適なサイズとフォーマット（AVIF/WebP）を自動配信。自社インフラで運用できるので、リクエスト課金なし。imageengine.io/why-kube/

The Image Optimization Engine Built to Run on Your Infrastructure — Not Ours

Flat monthly pricing. Full data ownership. No per-request fees. ImageEngine Kube brings WURFL-powered device-aware optimization to your own Kubernetes or Docker environment.

imageengine.io
1
58
「もうすぐ終わる」と書いても誰も動かなかった。「3月24日(火)朝9:00まで」と書いたら動いた——期限の数字化が先延ばしを消す理由がここにあります。 assist-words-blog.ideamans.c… #EC #マイクロコピー #UX #購買心理 #コンバージョン改善

「○月○日まで」——期限の数字化が先延ばしを防ぎ即決を引き出す

セール終了日時、お試し価格の期限、クーポンの有効期限。「もうすぐ終了」ではなく具体的な日時を示すことで、ユーザーの先延ばしを防ぎ「今」の行動を引き出す添え言葉を紹介します。

assist-words-blog.ideamans.com
1
47
Core Web Vitalsのデータから確率分布を推定するNPMパッケージを公開。スピード指標のばらつきを数理モデルで把握できます。 notes.ideamans.com/posts/202… #CoreWebVitals #npm #サイトスピード #WebPerformance

スピード指標の確率分布ユーティリティをNPMで公開

Core Web Vitalsなどサイトスピード指標が従う対数正規分布の計算ライブラリ「web-vitals-distribution」をNPMで公開。CrUXの良好・不良割合から分布を推定し、PDF描画・パーセンタイル計算・CDFなどを提供する実用的なユーティリティを解説する。

notes.ideamans.com
41
「Google Fonts入れたら遅い……」それ、データで証明済みです。Speed Index 13秒→1.2秒の改善シミュレーション、ぜひ確認してください。 vigilante.sitespeed.info/202… #サイトスピード #EC #WebFont #サードパーティタグ #WebPerformance

「SANYO ONLINE STORE」トップページの表示速度ボトルネック研究

パブリックCDNリソースの外部ドメイン配信、モバイルで不要なPC用KV画像のダウンロード、Google Fontsによる多数のWebフォント読み込みなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが80から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。

vigilante.sitespeed.info
2
56
Lighthouseスコア94点なのにSpeed Index 6.7秒——このギャップ、あなたのサイトにもあるかもしれません。今すぐボトルネックを確認してください。 vigilante.sitespeed.info/202… #WebPerformance #サイトスピード #EC #画像最適化 #WebFont

「アイルミネ」トップページの表示速度ボトルネック研究

カルーセル非表示画像の即時読み込み、JPEG画像の未WebP変換、日本語Webフォントの大容量ファイルなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが94から最大100まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。

vigilante.sitespeed.info
2
26
「最短翌日お届け」と「明日4月16日(木)にお届け」——どちらが購買率を上げるでしょうか？配送日の表示方法で売上が変わる理由を16社の事例で確かめてください。 assist-words-blog.ideamans.c… #EC #マイクロコピー #配送 #UX #コンバージョン改善

「いつ届く？」配送日の添え言葉をもっと見る

商品詳細ページで配送日・出荷日を明示するパターンはECサイトで広く採用されています。さらに16サイトの事例を紹介します。

assist-words-blog.ideamans.com
2
22
「詳しくはこちら」は死んでいる。「適合車種を見る」「お届け予定日を表示」——これがクリックされるリンクだ。今すぐ見直してほしい。 assist-words-blog.ideamans.c… #EC #マイクロコピー #UX #リンクテキスト #コンバージョン改善

「サイズを確認する」「適合車種を見る」— リンクテキストに「情報の匂い」を染み込ませる

「詳しくはこちら」ではなく「サイズを確認する」。リンク先で何がわかるかを匂わせることでクリックを促す工夫が見られます。3つの通販サイトの事例とマイクロコピーの観点を紹介します。

assist-words-blog.ideamans.com
1
30
ICCプロファイル削除で色が変わる問題を避けつつ、EXIFサムネイルは安全に削除可能です。Go言語パッケージ「go-exif-remove-thumbnail」の仕組みはこちらです。 notes.ideamans.com/posts/202… #Go言語 #JPEG #画像最適化 #OSS #WebPerformance

JPEGのEXIFサムネイルを削除するGo言語パッケージを公開

JPEGのメタデータを無闇に削除するとICCプロファイルや向き情報が失われるが、EXIFサムネイルだけは積極的に削除すべき理由とそのGo言語製OSSツールを紹介。画像軽量化における副作用リスクとサムネイルデータの存在を解説する。

notes.ideamans.com
1
51
「とりあえずJPEGを圧縮」——それは30年前の技術で戦っているのと同じです。WebP・AVIFは同じ画質でファイルサイズが半分以下。まだ使っていないのはなぜですか？ today.ideamans.com/posts/202… #画像最適化 #WebP #AVIF #WebPerformance #LightFile

画像最適化のベストプラクティスは次世代フォーマットの活用

30〜40年前の技術であるJPEG・PNGはすでに限界。WebPやAVIFなら同じ画質でファイルサイズを半分以下にできます。次世代画像フォーマットへの移行が「今すぐ実行すべき標準」である理由を解説します。

today.ideamans.com
1
1
64
Load more