Scrollytelling: วิธีแปลงเนื้อหาด้วยสายตาและดึงดูดผู้อ่าน

เราได้เข้าสู่ยุคที่อินเทอร์เน็ตภาพไม่ใช่สิ่งที่เคยเป็นอีกต่อไป

H1, H2, ข้อความย่อหน้า และรูปภาพ เดียว ที่วางเพื่อให้เห็นภาพเรื่องราวของคุณ ตอนนี้กลายเป็นรูปแบบที่สมบูรณ์แล้ว ตอนนี้เราต้องการการเล่าเรื่องที่ตอบสนองด้วยภาพถ่ายขนาดเต็ม การเลื่อนแบบพารัลแลกซ์ และอาจมีแอนิเมชั่นที่ต้องใช้ข้อมูลจำนวนมากเพื่อเติมเต็ม

เราไม่เพียงต้องการให้ผู้คนเชื่อในคำพูดของเรื่องราวที่เราเล่าเท่านั้น แต่เรายังต้องการให้พวกเขานำเสนอในรูปแบบที่โต้ตอบและน่าตื่นเต้นที่สุดอีกด้วย โดยปกติแล้ว ผู้เผยแพร่โฆษณาและแบรนด์ต่างๆ กำลังทดลองใช้รูปแบบต่างๆ เพื่อดึงดูดผู้ชมของตน

การแสดงภาพที่ดีควรเป็น เสียง หมายความว่าการออกแบบควรเหมาะสมกับข้อมูลที่อธิบาย มันควรจะ มีประโยชน์ ทำให้ผู้ชมได้รับความหมายจากมัน - และมันควรจะมี เสน่ห์ดึงดูดใจ ที่ดึงดูดความสนใจของผู้ชมและมอบประสบการณ์การรับชมที่น่าพึงพอใจ

การเล่าเรื่องด้วยภาพไม่ใช่แนวคิดใหม่ ความจริงแล้วมีมาตั้งแต่ผู้คนเอาสีมาเคลือบหินและร่างเรื่องราวบนผนังถ้ำ อย่างไรก็ตาม เรื่องราวแบบเลื่อน การเล่าเรื่องด้วยภาพในรูปแบบการเลื่อนที่ทันสมัยมีความก้าวหน้ามากที่สุดเนื่องจากปัจจัยต่างๆ เช่น เทคโนโลยีและเครื่องมือเล่าเรื่องด้วยภาพ

ตามคำนิยาม การเล่าเรื่องด้วยภาพคือการใช้รูปภาพ วิดีโอ อินโฟกราฟิก งานนำเสนอ และองค์ประกอบภาพอื่นๆ เพื่อสร้างเรื่องราว เป็นวิธีการดึงดูดความสนใจไปยังเนื้อหาในยุคของข้อมูลข่าวสาร

การเลื่อนทำให้ผู้อ่านรู้สึกถึงการควบคุม การสำรวจ และการค้นพบ รูปแบบ scrollytelling มักจะใช้โดยแผนกการค้าและสตูดิโอเนื้อหาสำหรับเนื้อหาที่มีแบรนด์ บทบรรณาธิการแบบยาว โฆษณาแบบเนทีฟ การตลาดเนื้อหา แบรนด์ที่ถ่ายทอดข้อความผ่านการเล่าเรื่อง และแม้แต่ในรายงาน

โดยทั่วไป การสร้างรูปแบบการเลื่อนจะกระทำโดยใช้เครื่องมือสร้างหน้า Landing Page เครื่องมือเหล่านี้สามารถสร้างหน้าเว็บที่ออกแบบมาเพื่อกระตุ้นให้ผู้เข้าชมบรรลุเป้าหมายการแปลงที่เฉพาะเจาะจง และสามารถทำให้การออกแบบการเลื่อนดูมีชีวิตขึ้นมาได้

การวิจัยโดย Microsoft ชี้ให้เห็นว่าการเลื่อนได้กลายเป็นเทคนิคที่แพร่หลายและมีประสิทธิภาพที่ใช้ในการเล่าเรื่องที่ขับเคลื่อนด้วยข้อมูล เรื่องราวที่แปลกใหม่ที่สุดนั้นใช้การเลื่อนในรูปแบบที่สร้างสรรค์ และความก้าวหน้าของเทคโนโลยีการแสดงภาพบนเว็บยังคงปลูกฝังรูปแบบการเลื่อนออนไลน์แบบไดนามิกนี้

ตัวอย่างการเลื่อน

มีตัวอย่างการเลื่อนภาพแบบใหม่มากมายบนเว็บ ซึ่งบางตัวอย่างน่าจดจำกว่าตัวอย่างอื่นๆ หนึ่งในประสบการณ์ที่น่าจดจำครั้งแรกของฉันกับการเล่าเรื่องแบบเลื่อนลงคือ Cocainenomics ของ The Wall Street Journal ซึ่งเป็นโฆษณาที่มีการโต้ตอบสูงสำหรับซีรีส์ Netflix เรื่อง Narcos ซึ่งนำเสนอเรื่องราวเบื้องหลังกลุ่มพันธมิตร Medellin

Fast Company กล่าวว่ามีการนำเสนอรายงาน กราฟิก ภาพถ่าย และวิดีโอทั้งหมดที่คุณคาดหวังจากชิ้นส่วนเชิงโต้ตอบที่ละเอียดซับซ้อน เรียกมันว่า "อาหารว่างบรรณาธิการที่น่าสนใจทีเดียว"

อีกตัวอย่างที่ดีของผู้ใช้ Scrollytelling อาจคุ้นเคยมีอยู่ในหน้า Landing Page ของ Apple Watch ในเว็บไซต์นี้ แต่ละส่วนมีการเคลื่อนไหวมากมายพร้อมการแสดงภาพวิธีสร้างนาฬิกา ไดอะแกรมแบบโต้ตอบ และภาพเคลื่อนไหวเพื่อดูการออกแบบจากทุกด้าน ผู้อ่านที่สนใจ Apple Watch Ultra นั้นไม่ได้มีข้อมูลจำเพาะของผลิตภัณฑ์มากเกินไป แต่รายละเอียดแต่ละรายการจะถูกเน้นด้วยคำฟุ่มเฟือยที่กระชับ

ที่มา : Apple

ศูนย์ติดตามการเคลื่อนย้ายภายในได้ถ่ายทอด เรื่องราว ด้วยการเล่าเรื่องแบบเลื่อนลอยด้วยผลงานของพวกเขาที่มีชื่อว่า The Road Was Long: A Voice From Ukraine ผู้หญิงคนหนึ่งชื่อคริสตินาแบ่งปันเรื่องราวของเธอเกี่ยวกับการพลัดถิ่นจากคาร์คิฟ เมืองทางตะวันออกของยูเครน ไปยังเมืองลวีฟ ทางตะวันตกของยูเครน ขณะที่ผู้อ่านเลื่อนดู ภาพประกอบใหม่ๆ จะปรากฏขึ้นพร้อมกับคำพูดหลอนๆ จากคริสตินาและสามีของเธอตลอดประสบการณ์ในสงคราม

ที่มา : IDMC

บทสัมภาษณ์กับผู้เชี่ยวชาญด้าน Scrollytelling

แล้วทีมผู้ผลิตดิจิทัลจะมีความหมายอย่างไรเมื่อมีการพัฒนาอย่างรวดเร็วในแนวคิดอย่างเช่น การเล่าเรื่องด้วยภาพ ความก้าวหน้าทางเทคโนโลยี และการโต้ตอบในระดับที่สูงขึ้นที่คาดหวังจากผู้ชม

เพื่อให้ได้ความเข้าใจที่ลึกซึ้งยิ่งขึ้น ฉันถาม Nelly Gocheva ผู้อำนวยการกองบรรณาธิการสากลของ T Brand Studio International ซึ่งเป็นผู้บุกเบิกอุตสาหกรรมที่ได้รับรางวัลมากมายจากความพยายามในการเล่า เรื่อง ด้วย Scrollytelling สองสามข้อ เกี่ยว กับความหมายของ Scrollytelling สำหรับทีมผลิตดิจิทัลของพวกเขา

ถาม: การเกิดขึ้นของ 'Scrollytelling' มีความหมายอย่างไรสำหรับทีมเนื้อหาดิจิทัลที่ T-Brand Studio

ตอบ: เราใช้รูปแบบนี้มาตั้งแต่ช่วงแรกๆ ของ T Brand Studio ตั้งแต่ตอนที่เราเปิดตัว ห้องข่าวของ The New York Times ค่อนข้างคุ้นเคยกับการ สามารถอำนวยความสะดวกในการนำทางหน้าและทำให้ประสบการณ์ของผู้ใช้ง่ายขึ้นโดยไม่ลดทอนความสามารถในการโต้ตอบของโฆษณาและการมีส่วนร่วมโดยรวม

มีประโยชน์อย่างยิ่งกับบทความที่มีรูปแบบยาวหรือบทความที่สร้างขึ้นโดยทั่วไปซึ่งคุณต้องการการเลื่อนอย่างต่อเนื่อง นี่คือจุดที่เทคนิคการเลื่อนต่างๆ มีประโยชน์ เช่น สามารถเปิดใช้งานภาพเคลื่อนไหว เล่นวิดีโอโดยอัตโนมัติ หรือสามารถย้ายผู้อ่านผ่านขั้นตอนหรือส่วนต่างๆ ของข้อมูล ได้แก่

ด้านล่างนี้ คือตัวอย่างแรกๆ ที่ชื่นชอบของ 'การเลื่อนการเล่าเรื่อง' ซึ่งการเลื่อนจะรวมอยู่ในการเปลี่ยนเนื้อหาและข้อมูลเฉพาะอย่างต่อเนื่อง

ถาม: คุณสังเกตเห็นการเปลี่ยนแปลงอะไรบ้างในชุดทักษะของผู้ผลิตดิจิทัลเนื่องจากรูปแบบ Scrollytelling กลายเป็นรูปแบบธุรกิจที่มีแรงผลักดันสูง เราควรมองหาความสามารถและทรัพยากรใดเพื่อนำเสนอ Scrollytelling คุณภาพสูง

ตอบ: ฉันคิดว่าการออกแบบและการพัฒนาควรดำเนินไปควบคู่กันตั้งแต่เริ่มต้นของกระบวนการคิด เนื่องจากไม่สามารถทำงานแยกกันได้ ดังนั้น สำหรับฉันแล้ว การทำงานร่วมกับนักออกแบบหรือหัวหน้าฝ่ายสร้างสรรค์ที่ตระหนักถึงความเป็นไปได้ (และข้อจำกัด) ของการพัฒนาและการดำเนินการจึงเป็นเรื่องสำคัญ และตามลำดับ คุณต้องมีนักพัฒนาที่มีไหวพริบในการออกแบบ

ท้ายที่สุดแล้ว คุณต้องการให้แน่ใจว่าผู้ใช้จะได้รับประสบการณ์ที่ราบรื่นด้วยการออกแบบที่ทันสมัย ​​และสิ่งนี้ไม่สามารถเกิดขึ้นได้เพียงแค่ในไซโลเท่านั้น

ถาม: ยุคแห่งข้อมูลข่าวสารได้เปลี่ยนวิธีที่เราบริโภคเนื้อหาโดยพื้นฐานแล้ว คุณจะให้คำแนะนำอะไรแก่ทีม 'scrolllyteller' และเนื้อหาดิจิทัลหน้าใหม่และที่กำลังจะมาถึง การโต้ตอบที่มากกว่านั้นดีกว่าเสมอ หรือ 'ยิ่งน้อยยิ่งดี'

ตอบ: ฉันจะบอกว่าระดับของการโต้ตอบ – หรือความซับซ้อนของมัน – ขึ้นอยู่กับปัจจัยหลายประการ ตัวอย่างเช่น คุณกำลังสร้างประสบการณ์บนมือถือเป็นอันดับแรก หรือเรากำลังพูดถึงเดสก์ท็อป เนื่องจากผู้คนมีปฏิสัมพันธ์กับเนื้อหาที่แตกต่างกันในแพลตฟอร์มและอุปกรณ์ต่างๆ

แต่แก่นแท้ของเรื่องราวทั้งหมดคือเรื่องราวที่คุณต้องการบอกเล่า กลยุทธ์เนื้อหาของคุณคืออะไร ผู้ชมเป้าหมาย ฯลฯ... และจากที่นี่ คุณสามารถตัดสินใจเกี่ยวกับการดำเนินการสร้างสรรค์ รูปแบบและระดับของการโต้ตอบ หากมี ฉันเป็นผู้เชื่ออย่างแท้จริงเกี่ยวกับ 'รูปแบบตามหน้าที่' แบบเก่าที่ดี

การออกแบบและพัฒนาเรื่องราวความรัก

การเล่าเรื่องแบบเลื่อนอาจเป็นเครื่องมือเล่าเรื่องด้วยภาพได้หากทำถูกต้อง เนื่องจากรูปแบบนี้แพร่หลายมากขึ้น ทีมเทคโนโลยีและเนื้อหาดิจิทัลจึงต้องปรับตัว ตัวอย่างที่ดีที่สุดของเรื่องราวแบบเลื่อนถูกสร้างขึ้นผ่านความร่วมมือระหว่างผู้สร้างเนื้อหา นักออกแบบ และนักพัฒนา

การจับคู่ที่สมบูรณ์แบบคือการออกแบบและการพัฒนาที่สอดประสานกัน ด้วยทีมงาน ทรัพยากร และเทคโนโลยีที่เหมาะสม การเล่าเรื่องแบบเลื่อนอาจเป็นเรื่องที่น่าตื่นเต้นและปรับขนาดได้ ไม่ต้องสงสัยเลย: ด้วยเอฟเฟ็กต์ที่ไม่รู้จบและช่องทางสร้างสรรค์ที่รูปแบบการเล่าแบบเลื่อนสามารถนำเสนอได้ มันสามารถฟังดูมีประโยชน์และสวยงามสำหรับผู้มีส่วนได้ส่วนเสียจำนวนมาก

หากคุณสนใจที่จะทดลองใช้วิธีการผลิตดิจิทัลระดับสูง คุณต้องเริ่มต้นด้วยซอฟต์แวร์การออกแบบเว็บที่เหมาะสม ค้นหาสิ่งที่ใช่สำหรับความต้องการของคุณและไม่ต้องเสียเวลาเริ่มต้น

บทความนี้เผยแพร่ครั้งแรกในปี 2019 ได้รับการอัปเดตด้วยข้อมูลใหม่แล้ว