保留編輯與預覽的上下文
支援的模組在原頁呈現預覽。使用示意素材展示版位或互動時，在預覽上標示素材用途。
預覽為什麼沒出現？
Cr.ED 的廣告編輯頁把素材設定和預覽放在同一頁。當預覽沒出現，使用者需要知道是素材還沒補齊，還是模組本身不支援即時預覽。我把這兩種原因拆開，讓介面指出該回哪個欄位修正，或提供可用的預覽入口。
3種預覽回饋
3類模組範例
2條無法即時預覽時的處理路徑
01 — 三態對照
同一個預覽區，三種下一步
從廣告編輯頁的同一個位置出發，對照可預覽、素材待補和模組限制時的操作。
02 — 設計取捨
能修的指出欄位，受限的提供入口
兩種情境都可能沒有即時畫面。我依使用者當下能採取的行動，決定提示要放在哪裡、要提供哪個操作。
原因放在預覽，修正提示放在欄位
預覽區解釋為什麼暫時看不到畫面。素材名稱、必填設定或上傳項目缺漏時，提示放在對應的表單位置。
在看到限制的地方提供替代入口
把模組不支援的原因與「另開分頁」放在同一個預覽區，讓使用者從原處就能繼續查看。
查看三種狀態的完整介面
畫面依設計稿重繪，點圖可放大。
01 可即時預覽
02 素材未就緒
03 模組不支援
03 — RD 規格
用新增與回編核對跨模組的預覽規則
用同一組預覽狀態檢查新建、回編與區塊切換，再用不同模組確認素材和互動的差異。
MODULE EXAMPLES
三種模組的對照範例
- Rotation
- 以多圖輪播檢查預設素材與版位呈現。
- Explosion
- 用打地鼠與橫式影音加單圖，對照遊戲和影音的不同預覽方式。
- DCO
- 以櫥窗多圖檢查商品素材在預覽區的呈現。
目前由 RD 製作中。畫面依設計稿重繪，預覽素材與提示文字經過簡化。
研究完成・方向確認
Cr.ED 後台易用性研究
4 種角色深度訪談，用交叉驗證把 32 個以上零散痛點收斂成 4 項設計原則與 4 組介面方案。