電商設計名詞庫

頁面載入後不用滑動就看到的第一個畫面。三秒內要回答三件事：賣什麼、給誰、下一步做什麼。

轉換率優化（Conversion Rate Optimization）：用數據找出頁面流失點、假設改版、測試驗證的循環工程。

行動呼籲（Call To Action）：引導訪客做下一步的按鈕或連結。一個畫面一個主要 CTA，都是重點等於沒有重點。

用字級、粗細、顏色、間距排出的閱讀優先序。層級清楚的頁面，訪客掃一眼就知道先看哪裡。

元素之間刻意保留的空間。留白不是浪費版面，是幫視線導航——塞好塞滿的頁面反而什麼都看不見。

文字與背景的明暗差距，無障礙標準是內文至少 4.5:1。淺灰小字是手機上最常見的可讀性事故。

同一個網頁自動適應手機、平板、桌機的版面技術。行動流量占七成的今天，手機版才是主版。

設計流程從手機版開始定案，桌機版是它的展開。順序反過來的產物永遠帶著被裁切的痕跡。

Google 推出的圖片格式，比 JPEG 小三成以上。商品圖轉 WebP 是頁面提速最便宜的手段之一。

圖片滑到可視範圍才載入的技術（loading="lazy"）。首屏外的圖都該懶載入，首屏主圖不要。

兩個版本同時上線讓數據裁判。主圖、首屏文案、按鈕、價格呈現是商品頁最值得測的四個元素。

記錄訪客點擊與滑動分佈的視覺化工具。哪一屏流失最多、哪個假按鈕被狂點，熱圖一看便知。

只看一頁就離開的訪客比例。廣告落地頁跳出率高，先檢查素材承諾與頁面內容的一致性。

商品在列表與詳情頁的第一張圖，決定點擊率與第一印象。白底圖清楚、情境圖有感，測了才知道哪張贏。

把規格、成分、尺寸翻譯成一眼看懂的圖。降低理解成本、減少客服與退貨，素材還能複用到社群與廣告。

logo 用法、色彩、字體、圖片風格、語氣的規則文件。一頁就夠，重點是所有產出的人都拿得到、照著做。

用誤導設計逼使用者就範的手法：藏起來的關閉鈕、羞辱式文案、偷勾選。短期擠出轉換，長期燒掉信任。

讓視力、操作能力不同的使用者都能用的設計標準。對比、字級、觸控目標 44px——同時也是高齡客群的轉換率。

版面引導視線移動的路徑。Z 型、F 型是常見模式，重點內容要落在動線的停留點上。

包裹從外箱到內容物的整體感受設計。電商唯一的實體接觸點，花小錢做記憶點的差異化武器。