Web Stories 可以很輕鬆地閱讀,讀者喜歡在短時間快速閱讀,等待大眾運輸的時間或喝咖啡的時間,有機會吸收經過濃縮的內容精華。以下方法幫助你打造令人滿意的 Web Stories,以確保每一次閱讀都能吸引人並帶來愉悅。
什麼是Web Stories?
AMP Stories在2020年五月時改名為Web Stories,由於背後的技術架構是AMP,且早期名稱為AMP Stories,所以還是可以看到有人以AMP Stories稱呼之,但正確的官方名稱是Web Stories。
類似於Instagram和Facebook的限時動態,Web Stories 利用更視覺化的方式傳遞內容,並同時保有速度上的優勢。很多美國出版媒體都已經採取了類似的技術。
不同於社群媒體平台限時動態的是,Web Stories 是一個網頁,有著自己的網址,所以搜尋引擎能夠抓取並索引上面的內容,而任何人都能透過搜尋或直接在瀏覽器上輸入網址找到Web Stories。
Web Stories 範例:Forbes專題報導
先來快速地說說幾個重點:
- 講一個完整而有趣的故事。
- 高質量的圖片和醒目的標題可以提高封面的影響力。
- 利用全屏滿版的影片或圖像製作。
- 你可以利用精簡的文字表達你的內容,尤其是在使用視覺圖像時,每頁少於10個英文單字(中文內容則是2-4行)。
- 使用影片時,最好選擇較短的影片,15秒以內的影片為佳。
- 某些人和某些情況下需要無聲觀看,透過為影片添加字幕來保持內容的包容性。
- 給讀者一些啟發,平均長度為10到20頁,使大多數作者都能講述一個好的故事。
- 不要過度使用動畫或嵌入動畫,並注意過場時間。
了解你要訴說的故事
計劃你的故事介紹,並建立完整的敘述,知道要說的內容後,將其分解,可以撰寫故事大綱,每個 Web Story 頁面應傳達一個能與其他頁面緊密結合的想法。
每個 Web Story至少必須有4頁,理想情況下應少於30頁。Web Stories 必須講得很好並且易於讀者消化。如果你的敘述需要,請超過30頁。
吸引人的故事封面
封面是 Web Story 的包裝,這是讀者首先看到的東西,如果他們不打開它,則只會看到封面內容。確保封面具有吸引力!好的封面要包含兩個要素:醒目的圖像和簡短易記的標題。
圖像
使用適合全屏的高質量肖像圖像或影片,透過添加收藏夾圖標和 logo,讓讀者知道你的品牌。
標題
保持標題清晰整潔,最好少於10個字,且少於40個字符。如果是有時效限制的故事,請包括作者和出版物名稱,並添加發布日期等資訊。
品牌和日期
讀者需要知道誰發布了Web Story,以及何時發布。在封面上註明品牌logo 和出版日期,可以增進信任,如果用戶喜歡你的內容,也可以提高忠誠度。這個由CNN發布的 義大利旅遊 Web Story ,可以從故事封面很容易地看到是誰發布這個故事以及標題、時間。
優質的視覺內容
優質的視覺效果吸引了讀者,並吸引了他們的注意力,使他們可以輕鬆、快速地閱讀內容。主要使用高質量的影片和圖像,且所有圖像和影片應為全屏,並在有意義的地方添加一些動畫效果。
影片
影片吸引了眾多讀者,可以在你的 Web Story 中盡量準備多一點影片內容。每個頁面的影片應少於15秒,如果你有較長的影片,請考慮將其分成較短的秒數。
Web Story 是以直式使用的,因此請記住以下幾點:
- 盡可能在高端行動設備中拍攝影片。
- 以480p拍攝。
- 每秒至少拍攝24幀。
調整影片大小,以便在底部留出足夠的空間容納文本和字幕,並非所有讀者都能或希望聽到影片內容。
圖片
使用具有高解析度(828 x 1,792)的全屏圖像,避免橫向裁切照片。
將圖像重點放在重要的方面,裁切不必要或分散注意力的元素,並確保照片的關鍵主題清晰且完整。請記住,頂部和底部可能會在某些設備上被裁剪,因此請進行相應的測試。
文字內容
確保文字內容的可讀性,盡量使用大小24pt 以上的字體,應使其盡可能大且清晰,將文字顏色與故事頁面背景或圖像做對比設計,例如加上文字底色等等,且不要使用只有文字的圖像或影片。
若有文字很多的內容,應將其精簡化,可以以標題配上內容摘要呈現,並利用頁面附件的功能,在頁面附件中包含完整文字內容,如果感興趣,他們可以在行動裝置上向上滑動閱讀完整內容。盡量不要讓文字內容佔據整個故事頁面的10%以上。
這些基本的內容你都掌握了嗎?可以多多練習並設計屬於你的網站或文章的 Web Stories 唷!