Biện pháp thực hành tiên tiến nhất để tạo một Câu chuyện Web thành công
Câu chuyện Web là một định dạng kể chuyện đắm chìm, có thể được tương tác và chia sẻ dễ dàng. Câu chuyện Web được xây dựng sử dụng một nhóm con của khung AMP. Câu chuyện Web là một cơ hội để các nhà sáng tác và nhà phát hành cấu trúc nội dung trong một trải nghiệm toàn màn hình, phong phú về mặt thị giác, gắn kết và ưu tiên thiết bị di động cho người dùng.
Các Câu chuyện Web có nội dung ngắn, và phù hợp để giải trí nhanh cho các độc giả. Việc chờ tàu điện ngầm hoặc xếp hàng mua cà phê mở ra những cơ hội để tiêu dùng nội dung súc tích. Đảm bảo mỗi đoạn nội dung đều gắn kết và hấp dẫn bằng cách tuân theo các biện pháp thực hành tiên tiến nhất này để tạo ra một Câu chuyện Web ngắn gọn và thú vị.
Sơ lược
Những điểm chính yếu để tạo ra một Câu chuyện Web ngắn gọn, thú vị:
- Kể một câu chuyện hoàn chỉnh và thú vị.
- Tối ưu hóa tác động của trang bìa với các hình ảnh chất lượng cao và một tiêu đề hấp dẫn.
- Sử dụng những video và hình ảnh phù hợp và lấp đầy màn hình của người dùng.
- Những hình ảnh trực quan có thể lên tiếng thay lời nói. Hãy cố gắng chỉ sử dụng tối đa 10 từ trên mỗi trang.
- Khi sử dụng video, các video ngắn là tốt nhất, vậy nên hãy cố gắng giới hạn thời lượng ở 15 giây.
- Một số người và một số tình huống yêu cầu tùy chọn tắt tiếng cho video. Hãy đảm bảo trải nghiệm trọn vẹn của họ bằng cách thêm phụ đề cho video.
- Cho độc giả một thứ gì đó để tương tác. Độ dài trung bình khoảng 10 đến 20 trang là đủ để hầu hết các tác giả có thể kể một câu chuyện hay.
- Đừng lạm dụng hình hoạt họa hoặc hình nhúng, và hãy chú ý đến thời gian chuyển tiếp.
Hiểu câu chuyện của bạn
Lập kế hoạch giới thiệu câu chuyện, tạo một mạch truyện và xây dựng thành một câu chuyện hoàn chỉnh. Khi bạn đã biết rõ mình muốn nói gì, hãy chia nhỏ nó. Mỗi trang của Câu chuyện Web đều nên trình bày một ý tưởng duy nhất, liền mạch với câu chuyện tổng thể.
Nội dung thanh lịch và thỏa mãn
Mỗi Câu chuyện Web đều nên có ít nhất 4 trang và lý tưởng nhất là dưới 30 trang. Câu chuyện Web phải thật hay và dễ tiếp thu. Nếu câu chuyện của bạn đòi hỏi việc đó, hãy sử dụng nhiều hơn 30 trang.
Bao bì bắt mắt
Trang bìa là bao bì cho Câu chuyện Web của bạn. Nó là điều đầu tiên mà các khán giả sẽ nhìn thấy, và nếu họ không mở nó, là điều duy nhất mà họ sẽ thấy. Hãy đảm bảo là nó thật hấp dẫn! Một trang bìa tốt có 2 yếu tố, hình ảnh bắt mắt và một tiêu đề ngắn, dễ nhớ.
Hình ảnh
Sử dụng một ảnh dọc chất lượng cao hoặc video toàn màn hình. Hãy để người hâm mộ nhận biết thương hiệu của bạn với một favicon và logo.
Tiêu đề
Đảm bảo tiêu đề của bạn được hiển thị rõ và ngăn nắp, lý tưởng nhất là dưới 10 từ hoặc dưới 40 ký tự. Bao gồm tên tác giả và ấn bản, cũng như ngày đăng nếu câu chuyện này quan trọng về mặt thời điểm.
Thương hiệu và ngày
Độc giả cần biết ai đã đăng Câu chuyện Web và khi nào. Bao gồm một thuộc tính thương hiệu và ngày đăng trên trang bìa. Điều này sẽ nuôi dưỡng niềm tin, và nếu người dùng thích nội dung của bạn, sự trung thành. Câu chuyện Web này của CNN về việc du lịch ở Ý giúp bạn có thể dễ dàng thấy người đã đăng nó và từ bao giờ.
Thỏa mãn thị giác
Thu hút độc giả với những hình ảnh chất lượng, bắt mắt cùng văn bản mà họ có thể đọc nhanh và dễ dàng. Hãy sử dụng những video và hình ảnh chất lượng cao, nhưng bổ sung một số chi tiết hoạt họa nếu phù hợp.
Mọi ảnh và video đều nên chiếm trọn màn hình với văn bản tối thiểu nếu phù hợp.
Video
Các độc giả rất thích video, vậy nên hãy bao gồm càng nhiều càng tốt trong Câu chuyện Web của bạn. Hãy nhắm đến các video ngắn hơn 15 giây. Nếu bạn có một video dài hơn, hãy cân nhắc việc chia nhỏ nó thành các đoạn ngắn.
Các Câu chuyện Web được xem trong chế độ màn hình dọc, vậy nên hãy chú ý đến các điểm sau:
- Quay video bằng các thiết bị di động đời cao nếu có thể.
- Quay ở 480p.
- Tốc độ quay tối thiểu nên là 24 khung hình trên giây.
| NÊN | KHÔNG NÊN |
|---|---|
| | |
| Video tràn mép này giúp độc giả tập trung vào một chủ đề chính duy nhất. | Video ngang này thiếu cảm giác đắm chìm và có thể làm độc giả xao lãng. |
Đảm bảo nội dung của bạn dễ tiếp cận. Đổi kích cỡ video để tạo chỗ cho văn bản và phụ đề ở dưới cùng. Không phải ai cũng có thể, hoặc muốn nghe nội dung video.
| NÊN | KHÔNG NÊN |
|---|---|
| | |
| Các phụ đề sẽ giúp gắn kết người dùng, kể cả khi họ không thể nghe tiếng. | Nếu không có phụ đề, người dùng của bạn sẽ phải nghe tiếng để theo dõi câu chuyện của bạn. Điều này có thể giới hạn những người tương tác với nội dung của bạn và thời điểm tương tác của họ. |
Ảnh
Sử dụng các ảnh dọc, toàn màn hình với độ phân giải tốt (828 x 1.792).
Tránh các ảnh ngang bị cắt cúp.
Chú ý khi cắt cúp
Tập trung vào điều quan trọng. Cắt cúp các yếu tố không cần thiết hoặc gây xao lãng, và đảm bảo chủ đề chính của ảnh là tiêu điểm và hoàn chỉnh. Hãy nhớ rằng phần trên cùng và dưới cùng có thể bị cắt cúp trên một số thiết bị, vậy nên hãy kiểm tra tương ứng.
| NÊN | KHÔNG NÊN |
|---|---|
| Ảnh này được cắt cúp để phù hợp với nội dung trang và hỗ trợ ý chính. | Khi cắt cúp kiểu này, chúng ta sẽ không rõ tiêu điểm của độc giả nên được đặt ở đâu và ý tưởng mà ảnh này muốn truyền đạt là gì. |
Văn bản
Đảm bảo văn bản dễ đọc. Phông chữ cỡ 24 nên là kích cỡ phông chữ tối thiểu, nhưng hãy sử dụng các phông chữ to và dễ đọc nếu có thể. Tương phản màu văn bản với nền hoặc ảnh trong câu chuyện. Không bao gồm các ảnh hoặc video chỉ chứa văn bản.
| NÊN | KHÔNG NÊN |
|---|---|
| Một độ tương phản cao sẽ giúp bạn dễ đọc văn bản hơn. | Khi độ tương phản thấp, các từ và hình ảnh của bạn có thể sẽ lẫn vào nhau, khiến bạn khó đọc văn bản và theo dõi câu chuyện. |
| Việc bôi đậm văn bản có thể giúp các từ này trở nên nổi bật và giúp độc giả của bạn tập trung vào câu chuyện. | Việc sử dụng văn bản có màu nhạt trên một ảnh nhiều chi tiết có thể khiến độc giả khó đọc chúng. |
Câu ngắn
Văn bản nên là các món ăn vặt, thay vì một bữa chính. Hãy cố sử dụng tối đa 200 ký tự hoặc ít hơn trên mỗi trang.
Hãy coi chi tiết như một danh sách nguyên liệu, bạn có thể cung cấp chúng, nhưng chỉ khi người dùng yêu cầu. Bao gồm các văn bản dài trong một trang đính kèm. Trang đính kèm cho người dùng biết rằng họ có thể đọc thêm. Họ có thể vuốt lên trên thiết bị của mình nếu quan tâm.
Một trang có văn bản dài hơn một câu có thể là không tránh khỏi. Hãy cố không để chúng chiếm nhiều hơn 10% tổng số trang của câu chuyện.
| NÊN | KHÔNG NÊN |
|---|---|
| Cố chỉ sử dụng những văn bản thiết yếu. Việc thay đổi kích cỡ và phong cách chữ để chia nhỏ các đoạn văn bản có thể giúp đọc lướt dễ hơn. | Một bức tường văn bản lớn như thế này có thể khó đọc và khiến mọi người không gắn kết với câu chuyện của bạn. |
Hình hoạt họa
Hình hoạt họa sẽ rất hấp dẫn khi phục vụ một mục đích cụ thể, ví dụ như bổ sung chuyển động cho các ảnh tĩnh. Bạn có thể hoạt họa hình ảnh và tài sản với các hiệu ứng bay vào, xoay hoặc dần hiện vào.
| NÊN | KHÔNG NÊN |
|---|---|
| | |
| Chuyển động trong ví dụ này sẽ giúp hỗ trợ ý chính và bổ sung một yếu tố động vào trang. | Trang tĩnh này hoạt động tốt, nhưng có thể đang thiếu một cơ hội để tạo sự gắn kết cho độc giả. |
Thế nhưng, việc lạm dụng hình hoạt họa có thể cho tác động không tốt. Hãy tránh sử dụng một thể loại quá nhiều lần, và chỉ thỉnh thoảng mới nêm nếm bằng hình hoạt họa.
Thời điểm là tất cả
Các trang nên chuyển sang trạng thái hoàn chỉnh một cách nhanh chóng - một hình hoạt họa không nên ngăn người dùng chuyển sang trang tiếp theo - mà chỉ trì hoãn họ đôi chút! Điều quan trọng là cung cấp một sự kết hợp hoàn hảo giữa phong cách và thời lượng. Ví dụ, một hình hoạt họa nên kéo dài dưới 500 mili-giây, nhưng chuyển động trên một ảnh nền nên kéo dài lâu hơn thế.
| NÊN | KHÔNG NÊN |
|---|---|
| | |
| Hiệu ứng Ken Burns trên ảnh nền này rất tinh tế và giúp độc giả có một trải nghiệm đắm chìm hơn. Nó tạo ra một sự cân bằng hoàn hảo với văn bản phủ lên. | Ở đây, hiệu ứng Ken Burns quá nhanh. Chuyển động này gây xao lãng và khiến độc giả khó tập trung vào tiêu đề. |
Hãy cân nhắc việc sáng tạo với chuyển động. Hoạt họa các đối tượng khác nhau thành một chuỗi, thay vì cho chúng cùng chuyển động trong một hiệu ứng. Các yếu tố có thể có hiệu ứng và thời lượng khác nhau để tạo nên một hình hoạt họa tổng thể.
| NÊN | KHÔNG NÊN |
|---|---|
| | |
| Việc hoạt họa riêng rẽ các đối tượng này khiến hình ảnh trở nên thú vị và hấp dẫn hơn. Nó giúp các mục trở nên nổi bật và đặc trưng hơn. | Việc bổ sung chuyển động nhanh cho một khối lớn như thế này không giúp độc giả tiếp thu, mà trái lại còn có thể gây xao lãng. |
Cặp đôi hoàn hảo
Kết hợp phong cách hoạt họa của bạn với thẩm mỹ của câu chuyện. Sử dụng thư viện hoạt họa Câu chuyện Web có sẵn để giúp bạn tìm một phong cách và cường độ phù hợp mà không gây xao lãng cho nội dung.
| NÊN | KHÔNG NÊN |
|---|---|
| | |
| Việc trượt tiêu đề lên và cho phụ đề dần hiện lên cho phép độc giả theo dõi nội dung của trang trong một trình tự hợp lý. | Hình hoạt họa xoay này không bổ sung giá trị nào cho câu chuyện. Thay vào đó, nó gây nhiễu thị giác và có thể khiến độc giả bị xao lãng. |
Khao khát xem tiếp
Cho phép người dùng khám phá thêm về chủ đề của bạn bằng cách nhúng các nội dung của bên thứ ba, đính kèm thông tin bổ sung và liên kết đến các địa điểm mới.
Nhúng chiến lược
Nội dung nhúng bổ sung một kênh dễ chịu để trình bày các thông tin liên quan. Bao gồm nội dung liên quan cùng nội dung nhúng để nó trở thành một phần tích hợp của câu chuyện. Bạn có thể cần bật tính năng tương tác cho nội dung nhúng của mình.
| NÊN | KHÔNG NÊN |
|---|---|
| Nội dung nhúng trên trang này tích hợp tốt với phần còn lại của bố cục. Tiêu đề, ngày và ảnh nền giúp tăng cường hình ảnh. | Việc đặt duy nhất nội dung nhúng trên trang sẽ tạo cảm giác chưa hoàn thiện và không tích hợp tốt với câu chuyện tổng thể. |
Đính kèm nội dung bổ sung
Giản lược cho Câu chuyện Web của bạn bằng cách đặt các nội dung liên quan trong trang đính kèm. Bằng cách này, các độc giả có thể đào sâu hơn nếu họ muốn tìm hiểu về câu chuyện của bạn. Các độc giả có thể điều hướng dễ dàng hơn trên câu chuyện khi nội dung bổ sung được đính kèm vào các trang liên quan.
| NÊN | KHÔNG NÊN |
|---|---|
| | |
| Nội dung nhúng trên trang này tích hợp tốt với phần còn lại của bố cục. Tiêu đề, ngày và ảnh nền giúp tăng cường hình ảnh. | Việc đặt duy nhất nội dung nhúng trên trang sẽ tạo cảm giác chưa hoàn thiện và không tích hợp tốt với câu chuyện tổng thể. |
Các trang đính kèm hoạt động tốt với những khối văn bản lớn, hoặc nếu câu chuyện của bạn chứa một video điểm nhấn, bạn có thể bao gồm video đầy đủ dưới dạng trang đính kèm.
| NÊN |
|---|
| |
| Một video điểm nhấn có thể là một yếu tố hữu ích trong một câu chuyện AMP. Bạn có thể bao gồm video đầy đủ dưới dạng một trang đính kèm, cho phép độc giả đi sâu hơn vào nội dung của bạn. |
Liên kết đến các địa điểm mới
Bạn có thể thêm liên kết ở bất cứ đâu trên một trang Câu chuyện Web. Chạm vào một liên kết để hiển thị hộp thoại công cụ. Nó cho người dùng biết liên kết này dẫn đến đâu và cho phép họ xác nhận hành động trước khi ra khỏi câu chuyện.
| NÊN | KHÔNG NÊN |
|---|---|
| Các liên kết trên trang này được đánh dấu rõ ràng và bao quanh bởi nội dung liên quan. Chúng không can thiệp vào việc điều hướng trong câu chuyện. | Các liên kết trên trang này chặn hoàn toàn việc điều hướng. Độc giả sẽ không thể dễ dàng quay lại trang trước hoặc đến trang sau. |
Hãy suy nghĩ một cách chiến lược về kích thước, địa điểm và tần suất xuất hiện liên kết của bạn. Việc có quá nhiều yếu tố tương tác có thể làm phức tạp việc điều hướng và gây bực bội cho độc giả.
Lập trình hay sáng tạo
Các Câu chuyện Web có thể được lập trình thủ công từ đầu hoặc tạo với các công cụ sáng tạo.
Nếu bạn đang lập trình thủ công một Câu chuyện Web, bạn sẽ xây dựng chúng từ đầu sử dụng khung AMP. Làm theo bài Tạo Câu chuyện Web đầu tiên để bắt đầu. Sau khi bạn đã tạo Câu chuyện Web của mình, hãy đảm bảo nó là một AMP hợp lệ. Bạn có thể kiểm tra câu chuyện của mình trong bộ xác thực AMP. Đọc Chi tiết kỹ thuật của Câu chuyện Web để biết thêm thông tin.
-