วิวัฒนาการการออกแบบเว็บไซต์กว่า 25 ปีทำให้เรามาที่นี่ได้อย่างไร

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

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

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

เว็บไซต์แรกที่ออนไลน์ถูกสร้างขึ้นในปี 1991 โดย Tim Berners-Lee บิดาแห่งอินเทอร์เน็ต คุณไม่สามารถเข้าถึงเว็บไซต์ดั้งเดิมได้ในวันนี้ แต่คุณยังสามารถเข้าถึงสำเนาของเว็บไซต์ที่สร้างขึ้นในปี 1992 คุณจะสังเกตเห็นว่าเว็บไซต์แรกไม่มีรูปภาพใด ๆ เลย มันคือข้อความและไฮเปอร์ลิงก์ทั้งหมด

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

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

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

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

องค์ประกอบการออกแบบบางส่วนที่เกิดขึ้นระหว่างขั้นตอนวิวัฒนาการของการออกแบบเว็บได้กลายเป็นสัญลักษณ์ เคาน์เตอร์ Hit กล่องที่แสดงจำนวนการเข้าชมเว็บไซต์ เริ่มปรากฏบนเว็บไซต์ในช่วงเวลานี้ ภาพพื้นหลังเป็นอีกหนึ่งสิ่งประดิษฐ์ของยุคนั้น เช่นเดียวกับข้อความแบบเลื่อน Gif spacers เป็นความโกรธแค้นทั้งหมด Flash ได้รับการพัฒนาและเริ่มได้รับความสนใจ

ภายในสิ้นทศวรรษนี้ Flash ได้กลายเป็นส่วนสำคัญของการออกแบบเว็บ Shockwave ที่พัฒนาโดย Macromedia เป็นอีกวิธีหนึ่งในการสร้างไดนามิกให้กับเว็บไซต์ มันได้รับการพัฒนาก่อน Flash อย่างไรก็ตาม มันใหญ่เกินไปและเกะกะสำหรับผู้ใช้ที่ยังคงเข้าถึงอินเทอร์เน็ตโดยใช้คอลเล็กชันการเรียกผ่านสายโทรศัพท์ Flash มีขนาดเล็กกว่าและว่องไวกว่า และกลายเป็นส่วนสำคัญของการออกแบบเว็บอย่างรวดเร็ว

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

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

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

ภายในสิ้นทศวรรษ “เว็บ” ใน “การออกแบบเว็บ” กำลังอยู่ระหว่างการเปลี่ยนแปลงที่สำคัญ กระบวนทัศน์ใหม่เกิดขึ้น ซึ่งจะให้ผู้ใช้มีบทบาทอย่างแข็งขันในการพัฒนาเว็บไซต์และเนื้อหา ขนานนามว่า "Web 2.0" กระบวนทัศน์นี้มองเห็นได้มากที่สุดในเว็บไซต์โซเชียลมีเดียรวมถึงแอปพลิเคชัน การพัฒนา Web 2.0 อาศัยการใช้ JavaScript และ XML แบบอะซิงโครนัสเป็นอย่างมาก

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

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

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

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

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