Cách làm video so sánh trước và sau

Có những cải tiến rất khó diễn đạt nhưng lại rất dễ cho xem. Một trang trước đây mất tám giây để tải, nay chỉ còn một giây. Bảng điều khiển rối rắm giờ đã dễ đọc. Quy trình thanh toán khó hiểu đã bớt đi ba bước. Mô tả những thay đổi đó bằng chữ cần cả một đoạn văn — cho xem thì chỉ cần sáu giây video.

Video so sánh trước/sau là một trong những định dạng thuyết phục nhất bạn có thể tạo bằng công cụ ghi màn hình, và cũng là một trong những định dạng dễ làm hỏng nhất. Nếu hai bản ghi không khớp nhau, người xem sẽ dồn sự chú ý vào những khác biệt bạn không hề chủ ý, thay vì điều bạn muốn khoe.

Hướng dẫn này trình bày cách lên kế hoạch, ghi hình và dựng video so sánh trong Recorded để chính sự cải tiến tự lên tiếng.

Khi nào nên dùng video so sánh

• Cải thiện hiệu năng: thời gian tải, thời gian build, tốc độ kết xuất, thời lượng đồng bộ
• Thiết kế lại: bố cục, điều hướng hoặc phong cách hình ảnh mới đặt cạnh bản cũ
• Thay đổi quy trình: bảy cú nhấp rút xuống còn hai
• Sửa lỗi: trước là hành vi lỗi, sau là hành vi đã được sửa
• Trước/sau công việc của chính bạn: dọn dẹp thiết kế, tái cấu trúc mã, di chuyển hệ thống, viết lại nội dung

Nếu thay đổi của bạn không nhìn thấy được trên màn hình — chẳng hạn một đợt tái cấu trúc backend cho kết quả y hệt — thì video so sánh sẽ không giúp ích. Hãy dùng nó khi khác biệt là thứ người xem thật sự nhìn thấy.

Nguyên tắc vàng: chỉ thay đổi một thứ

Toàn bộ sức thuyết phục của một phép so sánh đến từ việc mọi thứ đều giữ nguyên, ngoại trừ phần được cải tiến. Nghĩa là hai bản ghi phải dùng chung:

• Cùng kích thước cửa sổ và độ phân giải màn hình
• Cùng chế độ ghi và cùng tốc độ khung hình
• Cùng trạng thái khởi đầu (cùng trang, cùng dữ liệu, cùng tài khoản)
• Cùng các thao tác, cùng thứ tự, cùng nhịp độ
• Cùng giao diện — đừng ghi “trước” ở chế độ sáng còn “sau” ở chế độ tối

Bất kỳ sự lệch pha nào cũng cho người xem lý do nghi ngờ kết quả. Hãy cố định tất cả trước khi bấm ghi lần đầu.

Lên kế hoạch cho phép so sánh

1. Viết kịch bản thao tác thật chính xác. Không phải lời dẫn, mà là các cú nhấp: “Mở bảng điều khiển, nhấp Báo cáo, chọn 30 ngày gần nhất, nhấp Xuất.”
2. Xác định bạn đang đo cái gì. Thời gian, số bước, số lỗi, hay mức độ dễ hiểu. Hãy nói rõ điều đó trong video.
3. Chuẩn bị dữ liệu thử nghiệm giống hệt nhau. Một tài khoản demo với cùng bộ dữ liệu ở cả hai môi trường sẽ dập tắt phản biện “bên kia ít dữ liệu hơn mà”.
4. Cố định kích thước cửa sổ. Chỉnh một lần rồi đừng động vào giữa hai lần ghi.
5. Diễn thử từng phiên bản. Lúng túng ở lần này và trơn tru ở lần kia sẽ âm thầm thổi phồng kết quả của bạn.

Ghi cả hai phiên bản

Hãy ghi “trước” và “sau” thành hai bản ghi riêng biệt thay vì một đoạn dài. File tách rời sẽ dễ cắt, dễ căn chỉnh và dễ quay lại nếu một bên bị hỏng.

1. Thiết lập chế độ ghi trong Recorded — chọn cùng một màn hình, cửa sổ hoặc vùng cho cả hai
2. Chọn một tốc độ khung hình và giữ nguyên cho cả hai lần ghi
3. Ghi phiên bản “trước”, bám sát kịch bản thao tác
4. Chuyển môi trường — bản build mới, thiết kế mới, đường dẫn staging
5. Kiểm tra lại xem cửa sổ có còn đúng kích thước không
6. Ghi phiên bản “sau” với kịch bản thao tác y hệt

Mẹo: Nếu bạn so sánh thời gian tải, hãy bắt đầu ghi trước cú nhấp kích hoạt việc tải một nhịp và dừng sau khi tải xong một nhịp. Những khung hình dư đó giúp việc cắt về một điểm bắt đầu công bằng dễ hơn nhiều.

Dựng video so sánh

Cắt về cùng một điểm bắt đầu

Mở từng bản ghi trong trình chỉnh sửa và cắt cả hai sao cho bắt đầu đúng tại cùng khoảnh khắc kích hoạt — thường là khung hình lúc nhấp chuột. Một phép so sánh bắt đầu sớm nửa giây ở một bên sẽ trông chậm hơn ngay cả khi thực tế không phải vậy.

Gắn nhãn rõ ràng cho từng bên

Dùng lớp chữ để đánh dấu Before và After trên màn hình. Hãy giữ chúng:

• Ở cùng một vị trí trong cả hai đoạn
• Hiển thị suốt cả phân đoạn, không chỉ giây đầu tiên
• Tương phản cao, để vẫn đọc được sau khi nén và trên màn hình điện thoại nhỏ

Thêm một lớp thứ hai hiển thị đồng hồ đếm hoặc số bước sẽ biến cải tiến thành con số đo được, chứ không chỉ là cảm nhận.

Dùng zoom để dẫn dắt ánh nhìn

Nếu khác biệt xảy ra ở một góc màn hình — biểu tượng quay, bộ đếm, một menu — hãy thêm hiệu ứng zoom vào đúng cùng thời điểm trong cả hai đoạn. Zoom một bên mà không zoom bên kia sẽ phá vỡ tính đối xứng, nên hãy nhân bản vùng zoom cho cả hai bản ghi.

Cẩn thận với thay đổi tốc độ

Đổi tốc độ rất hợp với video hướng dẫn nhưng lại rủi ro với video so sánh. Chỉ cần bạn tua nhanh một đoạn, người xem sẽ không còn tin vào thời gian hiển thị nữa. Nếu buộc phải rút gọn quãng chờ dài, hãy áp dụng đúng cùng một tốc độ cho cả hai đoạn và ghi rõ điều đó trên màn hình.

Chọn bố cục

• Tuần tự: phát “trước” rồi đến “sau”. Đơn giản, trung thực, dùng được với mọi tỉ lệ khung hình — lựa chọn mặc định an toàn nhất.
• Cạnh nhau: hai đoạn phát cùng lúc, phù hợp khi thời lượng tương đương và màn hình đủ đơn giản để đọc được ở nửa chiều rộng.
• Cắt vào khoảnh khắc quyết định: cho xem cả hai đến thời điểm then chốt rồi cắt qua lại. Rất hiệu quả khi khác biệt hiệu năng quá rõ rệt.

Với định dạng dọc hoặc mạng xã hội, hãy xếp hai đoạn trên–dưới thay vì trái–phải để mỗi đoạn vẫn giữ được kích thước dễ đọc.

Giữ sự trung thực

Video so sánh là marketing, nhưng cũng là bằng chứng. Một kết quả bị chất vấn mà không đứng vững sẽ làm mất nhiều niềm tin hơn những gì video kiếm được.

• Đừng xóa bộ nhớ đệm ở lần chạy này mà không xóa ở lần kia
• Đừng chạy bản “trước” trên kết nối bị bóp băng thông
• Đừng lặng lẽ bỏ bớt một bước trong bản “sau”
• Hãy nêu điều kiện: máy nào, mạng ra sao, dữ liệu bao nhiêu
• Hãy trình bày trường hợp điển hình, không phải lần chạy may mắn nhất

Xuất và chia sẻ

• MP4 cho mọi nơi bạn nhúng hoặc tải video lên
• GIF cho các so sánh ngắn trong README, nhật ký thay đổi hoặc tin nhắn — giữ trong vài giây
• Cắt dọc cho các nền tảng mạng xã hội, kèm bố cục xếp chồng nói trên

Hãy đặt tên file sao cho vẫn hiểu được sau khi tải xuống: checkout-flow-before-after-2026-09.mp4 tốt hơn so-sanh-final-v3.mp4.

Danh sách kiểm tra nhanh

[ ] Cùng kích thước cửa sổ, độ phân giải, tốc độ khung hình và giao diện ở cả hai lần ghi
[ ] Cùng trạng thái khởi đầu và cùng dữ liệu thử nghiệm
[ ] Kịch bản thao tác y hệt, đã diễn thử cho cả hai phiên bản
[ ] Cả hai đoạn được cắt về cùng khung hình kích hoạt
[ ] Lớp chữ Before/After đặt ở vị trí trùng khớp
[ ] Hiệu ứng zoom được nhân bản trên cả hai đoạn
[ ] Không áp dụng thay đổi tốc độ cho riêng một bên
[ ] Ghi rõ điều kiện trên màn hình hoặc trong phần mô tả

Kết luận

Một video so sánh tốt không tranh luận rằng mọi thứ đã tốt hơn — nó để người xem tự nhìn và tự quyết định. Hãy làm cho hai bản ghi giống nhau nhất có thể, chỉ thay đổi đúng thứ bạn muốn chứng minh, và gắn nhãn kết quả thật rõ ràng. Lần tới khi bạn phát hành một thiết kế mới, một bản vá tốc độ hay một quy trình gọn hơn, hãy ghi cả hai phía trước khi phiên bản cũ biến mất. Đó là cảnh quay bạn không thể quay lại để lấy nữa.