การออกแบบเว็บทำได้ดีมาก: บทบรรณาธิการยอดเยี่ยม

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

ในซีรีส์ Web Design Done Well รุ่นที่สามของเรา เรากำลังสร้างเนื้อหาที่เป็นหัวใจสำคัญของเว็บไซต์จำนวนมาก โดยเฉพาะเนื้อหาด้านบรรณาธิการ เว็บได้มอบเครื่องมือที่คัดสรรมาอย่างดีให้นักเล่าเรื่องใช้งานได้ และในฐานะนักข่าวที่มีความสามารถเพียงบางส่วน ฉันชอบสกู๊ปที่ดี

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

สำนักข่าวรอยเตอร์ โน้มตัวเข้าสู่การรูด

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

เราอยู่ในโลกที่เน้นอุปกรณ์พกพา ไม่มีประโยชน์ที่จะมีค่าเกี่ยวกับเรื่องนี้ ใช่ การแพร่กระจายของนิตยสารมีระดับบางอย่างเกี่ยวกับพวกเขา ใช่ มุมมองเดสก์ท็อปช่วยให้คุณมีพื้นที่ทำงานที่ใหญ่ขึ้น ความจริงก็คือคนส่วนใหญ่จะดูสิ่งที่คุณเผยแพร่บนโทรศัพท์มือถือ ดังนั้นให้พึ่งพา สำหรับแนวทางที่คล้ายคลึงกัน 'เรื่องราวการแตะ' เหล่านี้โดย The New York Times และ Input ก็ยอดเยี่ยมเช่นกัน สำหรับผู้ที่สนใจอ่านบทบรรณาธิการที่เน้นอุปกรณ์เคลื่อนที่เพิ่มเติม ขอแนะนำ The Story โดย Mario Garcia นักออกแบบหนังสือพิมพ์ในตำนาน

The New York Times แสดงแทนที่จะบอก

สำหรับสิ่งเลวร้ายทั้งหมดที่เกิดจากการระบาดใหญ่ของ COVID-19 อย่างน้อยก็นำไปสู่การรายงานที่ดีที่น่าทึ่ง บทความ New York Times แบบโต้ตอบนี้อธิบายวิธีการทำงานของมาสก์หน้าโดยนำผู้อ่านไปสู่ระดับอนุภาค คุณสามารถดูได้ว่าเส้นใยจับอนุภาคได้อย่างไร และทำไมมาสก์ที่แตกต่างกันจึงมีระดับประสิทธิภาพต่างกัน คนโง่คนใดสามารถทำให้หัวข้อที่ซับซ้อนเข้าใจยาก แต่ทำให้เข้าใจง่าย? นั่นคือรูปแบบศิลปะของตัวเองทั้งหมด

มีองค์ประกอบมากมายที่เล่นที่นี่ กราฟิก สี แอนิเมชั่น — หากสิ่งนั้นทำให้เรือของคุณลอยได้ก็ยังมีประสบการณ์เสมือนจริงอีกด้วย สิ่งที่อาจเป็นเรื่องแห้งๆ อับๆ ได้ง่ายๆ ก็ฟื้นคืนชีพขึ้นมา และที่สำคัญที่สุด มันคือข้อมูลสำคัญ นี่เป็นเหตุผลที่ Gabriel Gianordoli ได้รับการโหวตให้เป็นนักออกแบบที่ดีที่สุดในโลกจากรางวัล Society for News Design ประจำปี 2020 ยอดเยี่ยม

Washington Post นำเสนอภาพการแพร่กระจายแบบทวีคูณ

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

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

The Marshall Project Mixes Media

ที่นี่ โครงการ Marshall นำเสนอวารสารศาสตร์ที่น่าจับตามองเกี่ยวกับระบบยุติธรรมทางอาญาของสหรัฐฯ ด้วยความสง่างามและความงามอันขมขื่นของหนังสือนิทานสำหรับเด็ก ใน “The Zo” การเขียนเชิงสร้างสรรค์ ภาพประกอบที่สะดุดตา การบรรยายที่ชวนให้หลงใหล และเรื่องราวที่สำคัญผสมผสานกัน นี่คือบทบรรณาธิการมัลติมีเดียอย่างเต็มรูปแบบ

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

นวนิยายกราฟิคเชิงโต้ตอบของ SBS ไม่มีความแปลกใหม่

เมื่อพูดถึงพลังแห่งการเปลี่ยนแปลงของอินเทอร์เน็ต เรื่องราวเชิงโต้ตอบเป็นอย่างไร เราทุกคนต่างคุ้นเคยกับการดัดแปลงภาพยนตร์ การดัดแปลงละครวิทยุ การดัดแปลงมินิซีรีส์ และอื่นๆ ทำไมไม่ดัดแปลงหน้าเว็บ? นั่นเป็นเพียงสิ่งที่ SBS โฆษกของออสเตรเลียกำหนดไว้กับ The Boat การเล่าเรื่องสั้นแบบโต้ตอบในหนังสือชื่อเดียวกันของ Nam Le

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

ลิงพุดดิ้งรอบ ๆ

ฉันหวังว่าฉันจะเจอเรื่องนี้ทันเวลาสำหรับฉบับเสียงของซีรีส์ไซต์ที่สร้างแรงบันดาลใจนี้ ไม่เป็นไร มันมาแล้ว ในการแสดงบทบรรณาธิการดิจิทัลที่ยอดเยี่ยมอย่างแท้จริง The Pudding ไม่ได้อธิบายทฤษฎีบท Infinite Monkey Theorem มากนักว่าเป็นการแสดงสดผ่านดนตรี ไม่ทราบว่าทฤษฎีบทลิงคืออะไร? คุณจะรออะไรอีก หน้านี้จะช่วยอธิบายได้ดีกว่าที่ฉันทำได้ ฉันจะรอ.

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

A List Apart: A Class Apart

สำหรับการพูดคุยเกี่ยวกับการแสดงภาพข้อมูล ดนตรี เทคโนโลยีความเป็นจริงเสริม และเครื่องมือสุดล้ำอื่นๆ มีหลายสิ่งหลายอย่างที่ต้องพูดถึงเพื่อให้ได้มาซึ่งสิทธิ์ขั้นพื้นฐาน หน้าไม่จำเป็นต้องเป็นเว็บที่เทียบเท่ากับ Vegas Strip เพื่อให้สะดุดตา รายการ Apart แสดงให้เห็นว่าดีกว่ามากที่สุด การเข้าถึงเนื้อหาจะตรึงอยู่ในใจฉันเสมอ ชื่อเรื่อง ภาพประกอบ สำเนา ไฮเปอร์ลิงก์สีน้ำเงิน สวย.

สิ่งที่ฉันรู้ตอนนี้คือเมื่อนานมาแล้วที่ทำให้ไม่สงบ ฉันได้เขียนเกี่ยวกับการออกแบบเว็บ 'brutalist' สองสาขา สาระสำคัญของสิ่งที่ฉันพูดคือวิธีการหนึ่งนั้นดังและหน้าด้าน ส่วนอีกวิธีหนึ่งนั้นใช้งานได้อย่างเฉียบขาด A List Apart แสดงให้เห็นถึงความสวยงามของหลังทำถูกต้อง ชุดเครื่องมือมัลติมีเดียเป็นทรัพย์สินที่ยอดเยี่ยม แต่ก็มีบางครั้งที่คำพูดเท่านั้นที่จะทำได้

คิดอย่างสร้างสรรค์เกี่ยวกับเนื้อหา

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

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

• ถามแนวทางเริ่มต้นของคุณ
  เราเป็นสิ่งมีชีวิตที่มีนิสัย รวมทั้งวิธีการเล่าเรื่องของเราด้วย ใช้เวลาแต่เนิ่นๆ ในการถอยออกมาแล้วถามว่า ฉันจะทำสิ่งนี้ให้ต่างไปได้อย่างไร บางทีเรียงความภาพถ่ายอาจจะฉลาดกว่าบทความ บางทีแผนที่ความร้อนก็ดีกว่าตาราง ความเชี่ยวชาญเฉพาะทางเป็นสิ่งสำคัญ แต่อย่าปล่อยให้มันทำให้คุณมองไม่เห็นวิธีการทำอย่างอื่นที่มักจะเสริมกัน
• ใช้ทรัพยากรฟรี
  ของขวัญที่ยอดเยี่ยมอย่างหนึ่งของอินเทอร์เน็ตคือของฟรีที่น่าทึ่งมากเพียงใด ชอบฟรีจริง ๆ โดยตั้งใจ ตั้งแต่การถ่ายภาพไปจนถึงการออกแบบกราฟิก เครื่องมือสร้างภาพข้อมูล ไปจนถึงซอฟต์แวร์แก้ไขเสียง แหล่งข้อมูลที่คุณต้องการในการแปลงเนื้อหาของคุณทำได้เพียงคลิกเดียว แท็กของสมนาคุณของเราเป็นจุดเริ่มต้นที่ดี
• ให้เนื้อหาหลายรูปแบบ
  ดังที่ The Marshall Project แสดงให้เห็นเป็นอย่างดีโดยเฉพาะกับ “The Zo” เรื่องราวสามารถค้นหาผู้ชมใหม่ๆ ได้เมื่อพวกเขามีรูปร่างที่แตกต่างกัน เขียนบทความ? เยี่ยมมาก ทำไมไม่บันทึกเวอร์ชันเสียงล่ะ จัดทำรายงานที่ขับเคลื่อนด้วยข้อมูล? ค่อนข้างเจ๋ง แม้ว่ามันจะเจ๋งแค่ไหนถ้าคุณเริ่มเสียบตัวเลขเหล่านั้นลงใน D3? วิธีเดียวเท่านั้นที่จะค้นพบ
• การทดลอง.
  ตัวอย่างที่นี่คือครีมของพืชผล แต่ก็คุ้มค่าที่จะกล่าวขวัญว่ายังมีอีกมากที่จะได้รับจากการลองคิดใหม่ ๆ และยอมรับความล้มเหลวเป็นครั้งคราวที่นำมา การวนซ้ำเป็นหัวใจสำคัญของกระบวนการสร้างสรรค์ หากคุณลองทำอะไรแล้วไม่ได้ผล ไม่เป็นไร เป็นวิธีเดียวที่จะได้สิ่ง ที่ ใช้ได้ผล

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