Cách quay video demo tiện ích mở rộng trình duyệt khiến người xem muốn cài ngay

Tiện ích mở rộng trình duyệt rất khó demo. Cả sản phẩm nằm trong một popup rộng 300 pixel, một biểu tượng 16 pixel trên thanh công cụ và vài thay đổi trên trang web do người khác xây dựng. Không có cửa sổ ứng dụng để trưng ra, không có màn hình khởi động, không có bảng điều khiển. Vậy mà video demo thường là thứ duy nhất đứng giữa một khách truy cập tò mò và hành động cài đặt.

Tin tốt là những giới hạn này đều đoán trước được. Khi bạn biết demo tiện ích mở rộng thường thất bại ở đâu, một đoạn quay ngắn cũng có thể thuyết phục đến bất ngờ.

Vì sao demo tiện ích mở rộng lại khác biệt

Phần lớn lời khuyên về quay màn hình đều giả định sản phẩm của bạn sở hữu cả cửa sổ. Tiện ích mở rộng thì không. Điều đó làm bốn thứ thay đổi:

• Giao diện của bạn rất nhỏ: Popup, huy hiệu và menu chuột phải chỉ chiếm một phần nhỏ khung hình, nên với khung hình mặc định chúng gần như vô hình
• Trang chủ nhà mới là sân khấu: Người xem phải nhận ra bạn đang tăng cường cho website nào trước khi hiểu bạn đã thay đổi gì
• Giá trị nằm ở khác biệt: Bạn không trình diễn một tính năng, bạn trình diễn một trang web đã trở nên tốt hơn
• Cài đặt cũng là phần của sản phẩm: Hộp xin quyền và việc ghim biểu tượng là điều đầu tiên người dùng mới gặp, và đó chính là nơi họ bỏ giữa đường

Hãy dựng buổi quay quanh bốn điều này, phần còn lại chỉ là kỹ năng thông thường.

Trước tiên hãy tạo một hồ sơ trình duyệt sạch

Đừng bao giờ quay demo tiện ích mở rộng trên trình duyệt bạn dùng hằng ngày. Hãy tạo một hồ sơ riêng và chỉ dùng nó để quay.

• Dọn trống thanh công cụ: Mọi biểu tượng tiện ích khác đều cạnh tranh với biểu tượng của bạn. Xoá hoặc ẩn hết
• Chỉ ghim tiện ích của bạn: Một biểu tượng duy nhất trên thanh công cụ trống trơn thì không thể nhầm được
• Đăng xuất khỏi các tài khoản cá nhân: Ảnh đại diện, tên và địa chỉ email xuất hiện trong nhiều khung hình hơn bạn tưởng
• Dọn dấu trang và thanh dấu trang: Hoặc thay bằng những dấu trang trung tính, an toàn khi lên video
• Đặt lại trang tab mới: Trang tab mới mặc định thường hiển thị lịch sử truy cập dưới dạng hình thu nhỏ
• Tắt các thông báo không liên quan: Cả ở trình duyệt và hệ điều hành
• Đặt mức thu phóng hợp lý: Phóng trang 100% và kích thước cửa sổ khớp tỉ lệ khung hình khi xuất

Làm một lần rồi lưu hồ sơ lại. Mọi lần quay sau đều bắt đầu từ trạng thái sạch như nhau, và các video của bạn cũng trông nhất quán như một chuỗi.

Chọn đúng chế độ quay

Có ba lựa chọn hợp lý, tuỳ vào việc giao diện trình duyệt có quan trọng hay không.

• Quay cửa sổ: Lựa chọn mặc định cho demo tiện ích. Người xem thấy thanh công cụ, nơi biểu tượng và huy hiệu của bạn sống; đồng thời màn hình nền cũng được che đi
• Quay vùng: Tốt cho khung hình sát vào popup cùng phần trang mà nó tác động. Hữu ích cho clip ngắn lên mạng xã hội, nhưng cắt mất thanh công cụ nên người xem không còn cảm nhận được giao diện của bạn nằm ở đâu
• Toàn màn hình: Chỉ khi cần cho thấy thứ gì ngoài trình duyệt — hộp thoại chọn tệp của hệ thống, hộp xin quyền của hệ điều hành, hay một ứng dụng khác

Với phần lớn demo, hãy quay cửa sổ trình duyệt ở kích thước gần 16:9, rồi tạo cảnh cận bằng hiệu ứng phóng to trong trình chỉnh sửa thay vì đổi chế độ quay giữa video.

Trình bày trung thực luồng cài đặt

Bạn sẽ muốn bỏ qua phần cài đặt và nhảy ngay vào tiện ích đang hoạt động. Ít nhất trong một video, hãy làm điều ngược lại. Người dùng mới lo lắng về quyền truy cập, và việc thấy ai đó đi qua hộp thoại đó một cách nhẹ nhàng khiến họ an tâm.

• Bắt đầu từ trang trên cửa hàng hoặc nút cài đặt của bạn: Đúng con đường mà người dùng thật sẽ đi
• Đừng che hộp thoại xin quyền: Hãy để nó hiện ra, rồi giải thích trong một câu vì sao cần quyền đó. “Nó cần truy cập trang này vì phải đọc giá hiển thị trên trang” trả lời câu hỏi trước khi câu hỏi biến thành nghi ngờ
• Cho thấy bước ghim biểu tượng: Nhiều người cài xong rồi không tìm thấy tiện ích. Mười giây thao tác ghim sẽ tiết kiệm rất nhiều tin nhắn hỗ trợ
• Dùng hồ sơ mới để luồng thao tác là thật: Quyền đã cấp sẽ âm thầm bỏ qua hộp thoại và làm video của bạn sai lệch

Nếu bạn cũng muốn một clip ngắn chỉ nói về tính năng, hãy cắt riêng từ cùng bản quay thay vì làm hỏng video hướng dẫn đầy đủ.

Làm cho giao diện tí hon trở nên dễ đọc

Đây là nơi quyết định thành bại của demo tiện ích. Popup của bạn đã nhỏ trên màn hình máy tính và gần như vô hình trên điện thoại.

• Phóng to mỗi lần popup mở ra: Một hiệu ứng phóng to lấy popup làm tâm trong suốt thời gian nó mở là thao tác dựng có giá trị nhất trong video về tiện ích
• Phóng to biểu tượng khi huy hiệu thay đổi: Con số nhảy từ 0 lên 12 chẳng có nghĩa gì nếu không ai đọc được
• Làm nổi con trỏ: Nếu không, cú nhấp vào biểu tượng 16 pixel sẽ hoàn toàn không thấy. Hiệu ứng nổi bật con trỏ và hiệu ứng nhấp cho người xem biết chính xác tương tác diễn ra ở đâu
• Giữ yên sau khi mở popup: Hãy cho nó trọn một giây trước khi di chuyển chuột. Chuyển động trên giao diện nhỏ sẽ thành nhoè sau khi nén
• Dùng lớp chữ cho nhãn không thể phóng to: Một dòng chú thích ngắn hơn hẳn việc bắt người ta nhìn cỡ chữ 10 pixel
• Đừng dựa vào chú giải khi trỏ chuột: Chúng nhỏ, chậm và thường không lọt vào bản quay. Hãy đọc nhãn thành tiếng

Dựng theo cấu trúc trước và sau

Tiện ích mở rộng cải thiện một trải nghiệm đã có, nên hãy mở đầu bằng nỗi đau.

1. Cho thấy trang web khi chưa có tiện ích trong năm đến mười giây: việc làm tay, thông tin còn thiếu, bước rườm rà
2. Bật tiện ích hoặc nhấp biểu tượng của nó một cách thật rõ ràng
3. Cho thấy chính trang đó sau khi biến đổi, tốt nhất là giữ nguyên khung hình để khác biệt hiện ra ngay
4. Hoàn thành một việc thực tế từ đầu đến cuối bằng tính năng đó
5. Kết lại bằng đường dẫn cài đặt và nơi chứa thiết lập

Giữ khung hình y hệt giữa bước 1 và bước 3 giúp bạn rất nhiều: mắt người xem so sánh trực tiếp hai khung hình thay vì phải nhớ lại trang web một phút trước ra sao.

Thiết lập khi quay và khi xuất

• 30fps là đủ cho tương tác trên trang và giao diện popup; chữ vẫn nét và tệp vẫn nhỏ
• Quay ở độ phân giải gốc rồi để trình chỉnh sửa cắt hoặc phóng to, thay vì quay nhỏ rồi kéo lớn
• Giữ cố định kích thước cửa sổ trình duyệt: Thay đổi kích thước giữa lúc quay sẽ khiến trang dàn lại và phá vỡ các keyframe phóng to
• Ghi âm hệ thống nếu tiện ích phát ra tiếng, nếu không thì chỉ cần micro
• Xuất 1080p cho web và cân nhắc cắt dọc 20 giây hay nhất cho mạng xã hội

Danh sách kiểm tra trước khi quay

[ ] Đã bật hồ sơ trình duyệt dành cho demo, đã ẩn các tiện ích khác
[ ] Chỉ tiện ích của bạn được ghim trên thanh công cụ
[ ] Đã đăng xuất tài khoản cá nhân, đã dọn trang tab mới
[ ] Đã chuẩn bị dữ liệu demo trên trang đích
[ ] Phóng trang 100%, cửa sổ đúng tỉ lệ khi xuất
[ ] Chưa cấp quyền, nếu bạn sẽ trình bày bước cài đặt
[ ] Đã tắt thông báo, đã xoá các huy hiệu thông báo
[ ] Đã kiểm tra bản quay thử mười giây ở kích thước điện thoại

Những lỗi thường gặp

• Demo trên trình duyệt có mười lăm tiện ích khác: Không ai biết biểu tượng nào là của bạn
• Không bao giờ phóng to: Lý do phổ biến nhất khiến video về tiện ích thất bại
• Cắt bỏ hộp xin quyền: Trông như bạn đang che giấu điều gì
• Dùng tài khoản thật đang đăng nhập: Dữ liệu cá nhân lọt vào những khung hình bạn sẽ không xem lại kỹ
• Vừa di chuột vừa giải thích popup: Làm một việc trước, rồi mới đến việc kia
• Quên bối cảnh của trang chủ nhà: Người xem cần biết đây là website nào trước khi quan tâm điều gì đã thay đổi

Kết luận

Một video demo tiện ích phải làm được hai việc trong vòng chưa đầy hai phút: cho thấy việc cài đặt an toàn và đơn giản, và làm cho một mảnh giao diện nhỏ trở nên đáng giá. Việc thứ nhất do hồ sơ trình duyệt sạch đảm nhiệm. Việc thứ hai thuộc về hiệu ứng phóng to, làm nổi con trỏ và một cấu trúc trước-sau thật chặt. Hãy quay cửa sổ trình duyệt, giữ khung hình yên, phóng to mọi popup, và để trang web đã đổi khác tự thuyết phục người xem.