สร้างเว็บไซต์โดยคำนึงถึงอนาคต

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

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

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

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

ใช้ระบบที่จัดตั้งขึ้น

ระบบการจัดการเนื้อหา (CMS) ได้เข้ามาครอบงำภูมิทัศน์ และในขณะที่เราทุกคนรู้จักผู้เล่นรายใหญ่เช่น WordPress และ Drupal แต่ก็มีคู่แข่งจำนวนนับไม่ถ้วน นั่นไม่ได้คำนึงถึงบริการสร้างไซต์ DIY มากมายเช่นกัน

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

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

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

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

การออกแบบและโค้ดเพื่อความยืดหยุ่น

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

ออกแบบ

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

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

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

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

รหัส

เช่นเดียวกับความต้องการด้านเนื้อหาที่เปลี่ยนแปลง ความต้องการด้านฟังก์ชันก็เช่นกัน ดังนั้นจึงน่าจะคุ้มค่าทั้งการคาดการณ์และยอมรับว่าโค้ดที่เราเขียนในวันนี้กำลังจะเปลี่ยนแปลงในบางจุด

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

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

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

มองหาพื้นที่ที่มีศักยภาพในการเติบโต

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

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

ตัวอย่างเช่น สมมติว่าลูกค้าบอกคุณว่าพวกเขากำลังมองหาไซต์อีคอมเมิร์ซที่เรียบง่าย (ซึ่งไม่มีอยู่จริง) นี่เป็นพื้นที่ที่เตรียมไว้สำหรับการเติบโต

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

คุณหยุดอนาคตไม่ได้ แต่คุณพยายามสร้างมันขึ้นมาได้

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

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

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