Content-First: ศัตรูของ Design-First?

เผยแพร่แล้ว: 2018-05-25

design-methods

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

ผลตอบแทนที่ได้รับการยกย่องมากที่สุดสำหรับแนวทางเน้นเนื้อหาเป็นหลักคือการติดตามกระบวนการพัฒนาเว็บไซต์อย่างรวดเร็ว

แต่แล้วสักครู่ ลืมคำแนะนำของกูรูออนไลน์แล้วคิดเอาเอง

คุณคิดอย่างไร? เสียงเล็กๆ ในหัวของคุณพูดว่าอะไร? ออกแบบเป็นอันดับแรกหรือเน้นเนื้อหาเป็นหลัก?

ฉันได้ยินพวกคุณ! ยุติธรรมพอ!

ใช่ เนื้อหาและการออกแบบควรมีความสำคัญเท่าเทียมกัน พูดง่ายๆ ว่าควรควบคู่กันไป

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

บล็อกของ Neil Patel และ Joseph Putnam “The Definitive Guide to Copywriting ” ระบุอย่างชัดเจนถึงความจริงที่ว่าทั้งนักออกแบบและนักเขียนคำโฆษณาจำเป็นต้องทำงานร่วมกันเพื่อให้แนวคิดใช้งานได้

clip_image002

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

อย่างไรก็ตาม หากคุณยังคงเชื่อมั่นในกลยุทธ์ที่เน้นเนื้อหาเป็นหลัก ให้ตรวจสอบข้อจำกัดเหล่านี้ก่อนเริ่มขั้นตอนการพัฒนาเว็บไซต์:

อะไรทำให้แนวทางเน้นเนื้อหาเป็นอันดับแรก เป็นทางเลือกที่ไม่ดีสำหรับกระบวนการพัฒนาเว็บ

ในปีพ.ศ. 2489 พอล กัลลิโก นักกีฬาเขียนบทกีฬาเขียนว่า "เมื่อคุณเปิดเส้นเลือดแล้วเลือดไหลไปที่หน้ากระดาษเพียงเล็กน้อยเท่านั้นที่คุณจะติดต่อกับผู้อ่านได้"

การเขียนเป็นงานที่น่าเบื่อและใช้เวลามาก

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

และบางวันก็แย่จริงๆ ไม่ใช่พวกเขาเหรอ? คุณเกือบจะดึงผมออกเพื่อเอาคำเหล่านั้นออกจากหัว แต่แล้ว?

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

clip_image004

ในทำนองเดียวกัน ในระหว่างขั้นตอนการพัฒนาเว็บ ภาพร่างการออกแบบหรือแบบจำลองสามารถสร้างแรงบันดาลใจให้นักเขียนคำโฆษณาสร้างเฟรมเวิร์กพื้นฐานสำหรับเนื้อหาของพวกเขา อันที่จริง นักเขียนคำโฆษณากำลังลองใช้หัวเรื่องอีเมล โฆษณาบน Facebook โพสต์ใน Twitter คำอธิบาย Meta และอื่นๆ อีกอย่าง นักเขียนที่ดีก็รู้วิธีทำงานภายใต้ข้อจำกัดด้านการออกแบบเช่นกัน ตรวจสอบโพสต์นี้สำหรับแบบฝึกหัดการเขียนที่มีข้อ จำกัด .

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

การสร้างกลยุทธ์เนื้อหาที่เหนียวแน่นถือเป็นจังหวัดของนักเขียนคำโฆษณา

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

นักเขียนมักจะสร้างสิ่งต่าง ๆ

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

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

อะไรทำให้แนวทางการออกแบบเป็นอันดับแรก เป็นทางเลือกที่ไม่ดีสำหรับกระบวนการพัฒนาเว็บ

“การออกแบบโดยปราศจากเนื้อหาเป็นเพียงการตกแต่ง” Jeffery Zeldman

ทำให้กระบวนการพัฒนาช้าลง

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

การขยาย การสับ การบิดที่ไม่สิ้นสุดทั้งหมดนี้จะทำให้กระบวนการพัฒนาช้าลงโดยอัตโนมัติ

ในฐานะผู้อำนวยการด้านกลยุทธ์เนื้อหาของเว็บไซต์ Webflow John Moore Williams กล่าวว่า

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

เพิ่มพื้นที่ที่สำรองไว้ว่าง

เทมเพลตหรือ CMS มักจะประกอบด้วยตัวยึดตำแหน่งที่มีไว้เพื่อวัตถุประสงค์ในชื่อเดียวกันเท่านั้น การเติมเนื้อหาปลอมในระหว่างขั้นตอนการออกแบบอาจนำไปสู่ช่องว่างที่ไม่จำเป็นในอนาคต อย่าพูดว่า "Lorem ipsum"

clip_image008

ปัญหาการปรับขนาดที่เพิ่มขึ้น

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

นอกจากนี้ ความบกพร่องทางสายตาเกิดขึ้นเมื่อเนื้อหาใหญ่หรือเล็กเกินไปสำหรับพื้นที่ที่กำหนด

บางครั้งบริษัทอาจต้องออกแบบเว็บไซต์ใหม่เนื่องจากปัญหาเรื่องการปรับขนาด

ข้อจำกัดของเนื้อหาที่ไม่ได้วางแผนไว้

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

ข้อจำกัดของเนื้อหาที่เกิดขึ้นเกี่ยวกับเค้าโครงแบบอบ:

  • การเปลี่ยนแปลงความกว้างของคอลัมน์อาจทำให้หน้าดูไม่สอดคล้องกัน
  • การเปลี่ยนแปลงขนาดแบบอักษรของเบราว์เซอร์อาจทำให้หน้าดูเสียหาย
  • ข้อจำกัดของส่วนหัวในรูปแบบของคำยาวหนึ่ง/สอง/สามคำ ไม่อีกต่อไป.
  • ประโยคเพิ่มเติมหนึ่งประโยคอาจนำไปสู่การสร้างหน้าใหม่
  • Para จำกัด ในแง่ของเส้น เช่น ไม่เกิน 5 บรรทัด

clip_image012

CNN ได้ตั้งตารางที่ยับยั้ง แม้ว่าจะดูเรียบร้อยและสวยงาม แต่สำหรับเว็บไซต์อื่นๆ มันอาจทำให้เกิดปัญหามากเกินไป โดยเฉพาะอย่างยิ่งในแง่ของการตัดข้อความให้พอดีกับช่องตาราง

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

เนื้อหาและการออกแบบ: แต่งงานกันตลอดไป

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

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

วางแผนประเภทเนื้อหาล่วงหน้า

มีเนื้อหามากกว่าสิ่งที่เห็นในทุกวันนี้ ประกอบด้วยวิดีโอ อินโฟกราฟิก แผนภูมิ อีบุ๊ก สมุดปกขาว รายการ ไฟล์เสียงแบบสตรีมและอื่น ๆ

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

ประหยัดเวลาอันมีค่า

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

สิ่งนี้จะเรียกร้องให้มีการประชุมไม่รู้จบและอีกมากมาย

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

ห่อ

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

ฉันรู้ แน่นอนว่าจะมีหลายคนที่ไม่พอใจกับการติดตามความคิดเห็นของฉัน ไม่ต้องห่วง. ของแต่ละคนเอง ทุกคนมีอิสระที่จะแสดงความคิดเห็น ดังนั้นเพียงแค่ไปข้างหน้าและแสดงให้เราทราบ ฉันเปิดรับก้อนอิฐและช่อดอกไม้