Web Design : From The Beginning
จุดเริ่มต้นของ : Web Design
ถึงแม้ประวัติศาสตร์ของ internet นั้นค่อนข้างสั้น แต่ทุกวันนี้มันเปลี่ยนแปลงอย่างรวดเร็วแทบจะทุกวินาที เปลี่ยนวิถีชีวิตของเราอย่างรุนแรง ที่สำคัญกว่านั้น internet ยังสร้างสายงานทางใหม่ในรูปแบบต่างๆหลากหลายสายงาน ในช่วงหลายทศวรรษที่ผ่านมา ยกตัวอย่าง web designer , programmer รวมถึง งานทางด้าน SEO , E-marketing , blogger และอื่นๆอีกมากมาย และวันนี้เราจะมาพูดถึง วิวัฒนาการของ web และการ ออกแบบ website จากจุดเริ่มต้นถึงปัจจุบันกันค่ะ
ถึงแม้ว่า การ ออกแบบเว็บไซต์ ( Web Design ) จะมาพร้อมกับ internet เพียงไม่กี่ทศวรรษ แต่มันเป็นสิ่งที่ยิ่งใหญ่สำหรับเีราพอสมควร เราไม่อาจที่จะจินตนาการถึง การท่อง Internet ที่ไร้ซึ่งการเคลื่อนไหวของ ภาพ และ ตัวอักษร background หลังที่จืดชืดไร้อารมณ์ ไม่มีเสียงดนตรี ซึ่งหากไม่มีดังที่กล่าวมา ก็คงจะไร้อารมณ์ ความรู้สึก โดยสิ้นเชิง..
การ ออกแบบเว็บไซต์ ( Web Design ) และ Internet
ว่ากันว่าเว็บไซต์แรกที่เริ่มเผยแพร่เป็นครั้งแรกในประวัติศาสตร์ เวิลด์ไวด์เว็บ ( www ) อาจจะเกิดขึ้นในเดือน สิงหาคม ค.ศ.1981 หรือเกือบ 30 ปีที่ผ่านมา แต่ Internet นั้นเกิดขึ้นมา ในช่วงของยุค ’60 มันไม่ได้เร็วเหมือน ADSL internet สมัยนี้ แต่ก็มีประสิทธิภาพมากพอสมควรในการถ่ายโอนข้อมูลจาก computer เครื่องนึง ไปสู่อีกเครื่องหนึ่ง มันจึงถูกใช้ใน กองทัพ, นักวิทยาศาสตร์, การศึกษา, การแพทย์และรัฐบาล โดยอาศัยอุปกรณ์การเชื่อมต่อ คือ เครื่องคอมพิวเตอร์ โมเด็ม และสายโทรศัพท์ ในปี 1990 ” Mosaic ” ซึ่งเป็น fee web browser ออกสู่สายตาสาธารณชนเป็นครั้งแรก ซึ่งเป็น browser เชิงพาณิชย์แห่งแรกบน online Content ที่ได้รับอนุญาตให้เข้าถึงประชาชน ออกแบบโดย Marc Andreesen และ Eric Bina รันบนระบบ unix system. โดยปี 1994 Mosaic browser สามารถใช้ได้บนระบบปฎิบัติการอื่นๆเช่น Mac, Windows และ OS Amiga
ในช่วงยุค ’90 Internet เชื่อมต่อโลกผ่านทางสายโทรศัพย์ หน้าเอกสารเป็นไฟล์ HTML ที่ทุกคนสามารถดูและเข้าถึงได้เพียงแค่ online เราจะเรียกเว็บไซต์เหล่านี้ว่า เว็บไซต์รุ่นแรก ซึ่งมี text เป็นจำนวนมากๆ มีการจำกัดสี และใช้ graphic รูปแบบเชิงเส้น ( Linear Layout ) มันถูกสร้างขึ้นมาเพื่อการสื่อสารซึ่งแทบจะไม่ได้ให้ความบันเทิงกับผู้ใช้ เนื่องจากการเชื่อมต่อ modems ค่อนข้างช้า แต่ก็ไม่ถึงกับทีให้ผู้ใช้ หงุดหงิดหรือเบื่อหน่าย เพราะในช่วงยุคแรกไม่ได้มีรูปภาพ graphic หรือรายละเอียดมากมายเหมือนสมัยปัจจุบัน.
HTML : รุ่นแรก
แนวคิด Hypertext ถูกสร้างขึ้นโดย Ted Nelson ในช่วงยุค ’60 แต่มันก็ใช้เวลาเกือบ 20 ปี ช่วงยุค ’80 Tim Berners-Lee คิดค้น internet และการใช้ภาษา hypertext ในการเข้ารหัส จากนั้น ในปี 1994 HTML เป็นภาษาสำหรับเขียน code เฉพาะสำหรับการ ออกแบบ Website แต่แล้วมันก็ไม่มีเสรีภาพมากนักเมื่อมาถึงการออกแบบอย่างจริงๆจัง ด้วยเหตุนี้เอง การที่ web designer บางคนนิยม ออกแบบเว็บ แบบ layout เรียบง่าย ทั้งที่ตัว text ด้วย อีกทั้ง table , link มี graphic นิดเดียวหรือไม่มีเลย บางทีเค้าอาจจะมาจากยุค ‘Bronze Age’ ของ Web Design ก็อาจจะเป็นไปได้
และเมื่อ website ในยุคนั้นค่อนข้างน่าเบื่อ web developers จึงริเริ่มพัฒนา คิดค้น เกี่ยวกับวิธีที่จะทำให้ Website ของพวกเขา ดึงดูดสายตา และทำให้ผู้ใช้เกิดความบันเทิงมากขึ้น W3C หรือ World Wide Web Consortium ถูกสร้างขึ้นเพื่อป้องกันไม่ให้ บริษัทขนาดใหญ่ทั้งหลายผูกขาด Code การ ออกแบบ Website หากมี บริษัทใดบริษัทหนึ่ง ที่สามรถควบคุมการเข้ารหัสและการ ออกแบบ Website เรื่องราวของ internet และ Web design ย่อมแตกต่างจากปัจจุบันอย่างสิ้นเชิง.. จนถึงขณะนี้ W3C ก็ยังคงเป็นผู้รับผิดชอบในการกำกับดูแล coding techniques, กฎ, และแนวทางการปฎิบัติ นอกจากนั้น W3C ยัง Update มาตรฐานเพื่อให้ Webdesigner เกิดการเปลี่ยนแปลงวิธีการทำงานเพื่อให้สามารถ ออกแบบ Website ให้เป็นไปตาม มาตรฐานที่กำหนด เพื่อให้ website ทำงานได้อย่างมีประสิทธิภาพ บน seach engines และ web browser อย่างไม่มีข้อผิดพลาด. หลังจาก Mosaic, ผ่านไป web browser อย่าง Netscape ก็ตามออกมาติดๆ ในเดือน พฤษจิกายน ปี ค.ศ.1994 และใช้เวลาไม่นานนัก ในการขึ้นขึ้นแท่นผู้นำ browser บน เครือข่าย Internet และมาจนถึงปัจจุบันเราแทบไม่เห็นชื่อ Netscape อยุ่ บนแถวหน้าของ web browser เพราะวันนี้เรามี Mozilla Firefox, Apple Safari, Internet Explorer, Google Chrome และอื่นๆอีกมากมาย ที่ต่างแข่งขันกันพัฒนากันอย่างไม่หยุดยั้ง.
HTML : รุ่นสอง
มันเป็นช่วง ปี 1992-1994 นักพัฒนา website ทั่วไปเริ่มเพิ่ม text ของตัวเองลงในไฟล์ HTML ดังนั้นเพื่อไม่ให้สับสนของการเพิ่ม code มากขึ้น HTML 2 จึงกำเนิดขึ้น ช่วงเวลานี้ ความเร็วของ internet ดีขึ้นมาก การ ออกแบบ website สามารถเพิ่มประสิทธิภาพให้ HTML ได้มากยิ่งขึ้น Coding เริ่มซับซ้อนมากขึ้น ในขณะที่ การ design web เริ่มแพร่หลายมากขึ้น.
HTML : รุ่นสาม
ในปี 1995 HTML มี Tags เพิ่มมากขึ้น จึงกำเนิด HTML 3 นักออกแบบและพัฒนา website มีตัวเลือกที่จะใช้ Table หรือ CSS ( Cascading Style Sheets ) ในปีเดี่ยวกันนั้นเองที่ Microsoft เปิด web browser ของตัวเอง ในนาม Internet Explorer ในช่วงเวลานี้ webdesigner มีอิสระมากขึ้น ในการออกแบบและตกแต่ง website ของพวกเขา เว็บไซต์ generation ที่ 3 นี้ สามารถมี background ที่มาสีสัน หรือ ลวดลายต่างๆ และยังสามารถทำให้ภาพเคลื่อนไหวได้ด้วย .GIF animation เช่นเดียวกัน Flash เป็นที่นิยม มันเปลี่ยนภูมิทัศน์ ของการ ออกแบบ website จาก static สู่ dynamic
MODERN WEB DESIGN : รุ่นสี่
ปัจจุบัน website อยุ่ในยุค generation ที่ 4 นอกเหนือจาก HTML, การ ออกแบบ website นั้น webdesigners สามารถเล่นกับเครื่องมือการเขียนโปรแกรมอื่นๆ ได้เช่น JavaScript, Flash, XML, CSS, etc. HTML 5 คือ อนาคต และมุมมองที่ 5 ของการปรับปรุงโปรแกรมของภาษา HTML และทุกวันนี้ก็เริ่มใช้กันไปแล้ว. HTML นั้นมีปัญหาเรื่องของ syntax errors ที่พบในHTML 4 และ XHTML 1.1 , และ HTML 5 พยายามที่จะกำหนดภาษา markup ของ syntax ใน HTML และ XHTML นอกจากนี้ HTML 5 ยังเพิ่ม syntax features ใหม่ๆ ยกตัวอย่างเช่น SVG content, เพิ่ม <video> <audio> และ <canvas> ซึ่งหมายความว่ามันจะง่ายต่อการเพิ่มเนื่อหาแบบ multimedia โดยที่ไม่ต้องใช้ plug – ins เพิ่มเติมใดๆ , ๆลๆ ส่วนองค์ประกอบอย่างอื่น ถูกออกแบบมาเพื่อปรับปรุงเนื้อหาของไฟล์เอกสาร เช่น <header>, <article>, <section>, etc.
ความสามารถที่โดดเด่นของ HTML 5 จะทำให้ความต้องการในการใช้ plug-ins อื่นๆอย่างเช่น video, flash, java, ลดลงไป HTML มีประสิทธิภาพมากขึ้นและเข้าถึงได้ทุกทิศทาง HTML5 และยังสามารถทำงานร่วมกับเว็บเบราเซอร์ต่างๆเช่น Mozilla Firefox, Apple Safari, Internet Explorer หรือ Google Chrome ได้อย่างไม่มีปัญหา ( เฉพาะ version รุ่นใหม่ๆที่สนับสนุน HTML 5 )
MOBILE WEB DESIGN
คาดการณ์ว่าประชากรส่วนใหญ่ในปี 2012 จะนั้นใช้ smart phones ในช่วงปี 2010-2015 อาจมียอดขายระหว่างประเทศสูงถึง 2.5 พันล้านดอลล่าห์ ซึ่งหมายความว่าตลาด web บนมือถือจะโตขึ้น 100% หรืออาจมากกว่า ควรถึงเวลาแล้วรีเปล่าที่บริษัทหรือผู้ทำธุรกิจ Online ควรลงทุนกับในการ ออกแบบ website ที่รองรับ smart phones เพิ่มขึ้น ซึ่งถือว่าเป็นช่องทางการตลาดใหญ่ๆอีก 1 ช่องทาง ที่ไม่ควรปล่อยให้ผ่านไปโดยที่ไม่ทำอะไรเลย.. Mobile web นั้นช่วยเพิ่มช่องทางให้สะดวกสบายมากขึ้น การ ออกแบบเว็บไซต์ สำหรับมือถือ มี key ง่ายๆอยุ่ 2 key คือ usability ( ความมีประสิทธิภาพและความพึงพอใจในการใช้งาน ) และ availability ( ความสะดวกสบาย ) การออกแบบเว็บมือถือ ควรออกแบบให้เข้าถึงได้ง่าย รวมถึง graphic เพื่อให้พอดีกับหน้าจอที่เล็ก เมนูใช้งานง่าย เพื่อให้ผู้ใช้ไม่สับสน.
ผลต่อเนื่องมาจากเทคโนโลยีอันยิ่งใหญ่ web designer สามารถ เล่าเรื่องบน website ผ่าน graphic รูปภาพ, วีดีโอ, การเคลื่อนไหว, หรือแม้แต่ในรูปแบบเกมส์ นอกจากนั้น นักออกแบบและพัฒนายังต้องคำนึงถึง SEO marketing เพื่อให้แน่ใจว่า website ของพวกเขาจะปรากฎบนหน้าของเครื่องมือค้นหาต่างๆและเข้าถึงได้ง่าย องค์ประกอบเหล่านี้ถูกควบรวมกันเป็นการออกแบบเว็บไซต์สมัยใหม่ เพื่อให้ข้อมูล เพื่อธุรกิจ มอบความสุข โต้ตอบผู้ใช้ การ ” ออกแบบเว็บไซต์ ” บน internet จะไม่เป็นเพียงแค่หน้าเพื่อสื่อสารข้อมูลที่แข็งกระด้างแต่เพียงอย่างเดียว แต่มันควรต้องมอบความสุข สีสัน อารมณ์ ความบันเทิง เพื่อตอบสนองความต้องการของผู้ใช้ได้อย่างไร้ขีดจำกัด ..และสำหรับ นักออกแบบและพัฒนา website โลก internet คือสนามเด็กเล่นของพวกเขา ที่กว้างใหญ่ขึ้นเรื่อยๆไม่รู้จบสิ้น..
Tag | Web Design, ออกแบบ website, design web, webdesign, รับทำเว็บไซต์, ออกแบบเว็บไซต์



