หากจะกล่าวถึงงานออกแบบแล้ว หลายๆท่านจะคุ้นเคยและอาจจะนึกถึง การออกแบบผลิตภัณฑ์ฯ การออกแบบตกแต่งภายใน
การออกแบบกราฟฟิคและสื่อสิ่งพิมพ์ แต่ปัจจุบันการออกแบบยังคลอบคลุมถึง สื่อมัลติมีเดีย รวมไปถึงสื่อสาธารณะที่กำลังได้รับความนิยมอย่างมากในโลกปัจุบันคือ “เวปไซต์” ซึ่งนับว่ามีบทบาทสำคัญทีเดียวต่อรูปแบบการดำรงค์ชีวิตและลักษณะการดำเนินธุรกิจในปัจจุบัน
นักออกแบบในกลุ่มนี้คือ
นักออกแบบกราฟฟิคเคลื่อนไหว Motion Graphics Designer
นักออกแบบสื่อผสม Multimedia Designer
นักออกแบบเวปไซต์ Web Designer
นักออกแบบกลุ่มนี้นอกเหนือจากจะต้องมีความสามารถทางด้านการ
ใช้โปรแกรม คอมพิวเตอร์แล้ว ยังต้องมีความสามารถทางด้านการออกแบบ
กราฟฟิค การ ออกแบบ และจัดระบบฐานข้อมูล การออกแบบ
ภาพเคลื่อนไหวและเสียงอีกด้วย “เวปไซต์”เกือบจะเป็นเรื่องจำเป็นไปเสีย
แล้วสำหรับการประกอบธุรกิจหนึ่งๆ
เพราะนอกเหนือจากจะช่วยสร้างศักยภาพขององค์กรแล้ว เวปไซต์ที่ดี
ยังช่วยสร้างระบบการบริหารงาน ส่งเสริมและแบ่งเบาภาระงานขาย และ งานในส่วนการตลาดได้เป็นอย่างดี
การออกแบบเวปไซต์ที่ดี มิได้หมายถึงเพียงแค่หน้าตาของเวปไซต์เท่านั้น แต่ยังคลอบคลุมถึงการกำหนดเป้าหมายของเวปไซต์
การจัดระบบข้อมูลภายใน การออกแบบกราฟฟิคหน้าเวปเพจ และสิ่งที่จะต้องคำนึงถึงในการออกแบบเช่น การเลือกใช้สี กลุ่มของผู้ใช้
เวปไซต์ ความแตกต่างของสื่อกลางเช่นขนาดของหน้าจอมอนิเตอร์ ชนิดและรุ่นของบราวเซอร์ ความละเอียดของสีในระบบ รวมไปถึงระบบ Plug-in ชนิดต่างๆที่มีอยู่ เพื่อให้เกิดความสะดวกและพึงพอใจในการเยี่ยมชมเวปไซต์มากที่สุด ดังนั้นทุกสิ่งทุกอย่างที่คุณมองเห็นและไม่เห็นในเวปไซต์ ล้วนเป็นผลมาจากกระบวนการ”ออกแบบ”ทั้งสิ้น
เวปไซต์ที่ออกแบบจนสีสันสะดุดตา มีลูกเล่นมากมาย อาจเป็นเวปไซต์ที่ไม่ดีนัก
หาก นำไปใช้กับเวปไซต์ที่ต้องการความถูกต้อง ความน่าเชื่อถือเป็นหลักดังนั้นอาจสรุปได้ว่า
การออกแบบเวปไซต์ที่ดีคือ ”ออกแบบให้เหมาะสมกับเป้าหมายและลักษณะของเวปไซต์”
โดยต้องคำนึงถึงความสะดวกในการใช้งานของผู้ใช้เป็นหลัก
“หลักในการออกแบบเวปไซต์” ที่ได้หยิบยกขึ้นมานี้ถือเป็นฐานสำคัญของการออกแบบเวปไซต์ให้เกิดประสิทธิภาพคือ
ïความเรียบง่ายï เวปไซต์หลายๆแห่งที่มีเนื้อหาข้อมูลมากแต่ออกแบบให้เรียบง่ายไม่ซับซ้อน
ใช้สี และตัวอักษรไม่มากและวุ่นวายจนเกินไป ทำให้ใช้งานได้สะดวกและไม่เบื่อหน่ายเนื้อหาซึ่งเป็น
จุดประสงค์หลักในการออกแบบเวปไซต์นั้นเช่น www.Apple.com, www.IBM.c,www.Nokia.com
ïความสม่ำเสมอï การสร้างความสม่ำเสมอให้กับหน้าเวป โดยใช้รูปแบบการจัดวางสีสัน ตัวอักษรให้
เป็นรูปแบบเดียวกันทั้งไซต์ จะช่วยสร้างความรู้สึกต่อเนื่องและยังช่วยในการจดจำหน้าเวปไซต์ได้ดียิ่งขึ้น
ïความเป็นเอกลักษณ์ï การออกแบบเวปไซต์สามารถสะท้อนเอกลักษณ์ และลักษณะขององค์กรนั้นๆ
เช่นการออกแบบเวปไซต์ของสำนักงานกฎหมาย
หรือธนาคาร ก็จะแตกต่างจากการเวปไซต์ขายของเล่น
และ สวนสนุกโดยสิ้นเชิง ดังนั้นการออกแบบเวปไซต์
ต้องคำนึงถึงโจทย์ข้อนี้เป็นหลัก
ïเนื้อหาที่มีประโยชน์ï เนื้อหาถือเป็นสิ่งสำคัญที่สุดในเวปไซต์ และเป็นสิ่งที่เรามุ่งหวังว่า
ผู้ชมจะได้รับกลับไป ดังนั้นเนื้อหาและข้อมูลจึงควรถูกจัดเตรียมไว้อย่างครบถ้วนถูกต้อง
และควรมีการออกแบบการจัดวางข้อมูล Site map ไว้ก่อนการทำเวปเพจเสมอ สิ่งที่สำคัญอีกข้อหนึ่งคือ ข้อมูลในเวปไซต์ควรมีการปรับปรุงเปลี่ยนแปลงให้ทันต่อเหตุการณ์อยู่เสมอ เพราะไม่มีใครอยากกลับไปดูเวปไซต์ที่มีแต่ข้อมูลเก่าๆไม่มีอะไรเปลี่ยนแปลงหรือเพิ่มเติมเลย
ïมีลักษณะที่น่าสนใจï การออกแบบเวปไซต์ให้น่าสนใจนับเป็นด่านแรกที่จะชักชวนคนให้เข้ามาเยี่ยมชม”การออกแบบให้น่าสนใจ”อาจเป็นเรื่องยากที่จะตัดสินกันได้ว่าเวปไซต์นั้นๆน่าสนใจหรือไม่ เพราะการตัดสินด้วยความรู้สึกนั้นสรุปแน่นอนไม่ได้ แต่มีสิ่งที่จะช่วยสร้างความสนใจให้กับเวปไซต์ได้เช่น เวปไซต์อะไร?เวปไซต์ที่ยังไม่มีใครทำ หรือเวปไซต์ที่แปลกแตกต่างจากเวปไซต์อื่นที่มีอยู่ ก็อาจสร้างความน่าสนใจได้ดีทีเดียว
ïการใช้งานได้อย่างไม่จำกัดï การออกแบบให้ผู้ใช้เข้าถึงได้อย่างมากที่สุด โดยไม่มีการบังคับให้ผู้ใช้ต้องติดตั้งโปรแกรมใดๆเพิ่มเติม หรือต้องเลือกใช้บราวเซอร์ชนิดใดชนิดหนึ่ง สามารถแสดงผลได้ทุกระบบปฏิบัติการ และทุกชนิดความละเอียดของหน้าจอได้อย่างไม่มีปัญหา
ïออกแบบอย่างมีคุณภาพï การออกแบบและเรียบเรียงระบบข้อมูลอย่างรอบคอบ เพื่อรองรับข้อมูลที่อาจมีเพิ่มขึ้นเรื่อยๆ จะช่วยให้ผู้ใช้รู้สึกว่าเวปไซต์ของคุณมีคุณภาพและน่าเชื่อถือ
ïระบบเนวิเกชั่นที่ใช้ง่ายและถูกต้องï ระบบการทำงานต่างๆในเวปไซต์จะต้องมีความถูกต้องเช่น แบบฟอร์มสำหรับกรอกข้อมูลสมาชิก
หรือลิงค์ต่างๆที่มีอยู่จะต้องแน่ใจว่าเชื่อมโยงไปยังหน้าที่มีอยู่จริงและถูกต้อง โดยเฉพาะลิงค์ที่เชื่อมโยงไปยังเวปไซต์อื่นนั้นอาจปรับเปลี่ยนได้ตลอดเวลาโดยที่เราไม่รู้ตัว
ระบบเนวิเกชั่น คือระบบการทำงานในเวปไซต์หรือกลุ่มของลิงค์ที่ทำหน้าที่พาผู้ใช้ไปยังส่วนต่างๆ ต้องออกแบบให้เข้าใจง่ายและใช้งานได้สะดวก อาจใช้กราฟฟิคสื่อความหมายร่วมกับคำอธิบายที่ชัดเจน อาจเพิ่มระบบเนวิเกชั่นที่ส่วนท้าย เพื่ออำนวยความสะดวกแก่ผู้ใช้และควรหลีกเลี่ยงการShow picture ที่มีFileขนาดใหญ่ เพื่อความรวดเร็วในการเรียกดู
ท้ายนี้ผู้เขียนขอสรุปคุณสมบัติที่ดี ที่จะทำให้เวปไซต์ประสบความสำเร็จคือ
1.เนื้อหามีประโยชน์
2.มีการปรับปรุงและพัฒนาเวปไซต์เสมอ
3.ใช้เวลาในการดาวน์โหลดและแสดงผลเร็ว
4.ใช้งานสะดวกและเข้าใจง่าย
การออกแบบเวปไซต์ 2
สวัสดีค่ะท่านผู้สนใจการออกแบบ สำหรับคอลัมน์ที่แล้ว “การออกแบบเวปไซต์1” เป็นเรื่องของ หลักการออกแบบและคุณสมบัติของเวปไซต์ที่ดี ท่านที่พลาดฉบับที่แล้วหรือสนใจอยากอ่าน สามารถE-mail มาบอกได้ จะจัดส่งไปให้อ่านกันแบบเต็มอิ่มเลยคะ
สำหรับฉบับนี้จะขอเล่าให้ฟัง ถึงเรื่อง”การเริ่มต้นและการจัดทำเวปไซต์” คุณอาจจะไม่สามารถทำเวปไซต์ได้เลยทีเดียวเมื่ออ่านจบ แต่อย่างน้อยคุณจะรู้ว่า จะเริ่มตรงไหน,ต้องรู้เรื่องอะไรและต้องทำอะไรบ้างคะ
เริ่มจากศัพท์ที่คุณจะต้องเจอบ่อยๆเมื่อจะเป็นนักออกแบบเวปไซต์
• Web page= “เวปเพจ” เอกสารHTML(หน้าย่อยๆของเวปไซต์)
• Home page= “โฮมเพจ”หน้าแรกของเวปไซต์
• Web site=“เวปไซต์”เวปเพจหลายๆหน้าที่เชื่อมโยงกันเป็นหนึ่งเวปไซต์
• HTML= ภาษาทางคอมพิวเตอร์ที่ใช้ในการสร้างweb
• URL= ที่อยู่ของเวปไซต์(Address)
• Brower=โปรแกรมที่ใช้ในการแสดงผลเวปไซต์หรือเอกสารประเภท HTMLเช่น Explorer,NetscapeและOpera
• Download=การเคลื่อนย้ายข้อมูลจาก(server)เซิรฟเวอร์มายังเครื่องคอมพิวเตอร์
• Upload=การโอนข้อมูลจากเครื่องคอมพิวเตอร์ไปเก็บไว้ยัง
เครื่องแม่ข่าย(server)เซิรฟเวอร์
• Plug-in=โปรแกรมเสริมความสามารถของ Brower เช่นการแสดงภาพเคลื่อนไหว เสียง VDO เป็นต้น
ที่นี้มาดูกันนะคะว่านักออกแบบเวปไซต์ต้องทำอะไรบ้าง
1.ตั้งชื่อ โดเมนเนม : Domain name
โดเมนเนม อาจเปรียบได้กับเลขที่บ้าน เพื่อให้คนที่ต้องการมาเยี่ยมบ้านจดจำได้เช่นwww.Salahlanna.com(สล่าล้านนา.คอม)
แต่เดิมโดเมนเนมนั้นใช้ตัวเลขเรียกว่า IP Address เพียงอย่างเดียว เช่น 213.112.23.16 ซึ่งยากแก่การจดจำ จึงใช้วิธีจำชื่อ
โดเมนมาช่วยให้ง่ายขึ้น เหมือนกับคนเราที่มีทั้งชื่อจริงและชื่อเล่นไงคะ
เทคนิคการตั้งชื่อโดเมน:จำง่าย:สั้นและกระชับ:สะกดง่าย:มีความหมาย:เข้าใจชัดเจน:น่าสนใจ
สามารถจดชื่อและตรวจสอบว่าโดเมนยังว่างอยู่หรือไม่ได้เช่นที่www.internic.net, checkdomain.com,networksolution.com
หรือ search หาได้จากเปไทยเช่นwww.sanook.comที่หมวด โดเมนและโฮส
2.หาพื้นที่จัดเก็บ:Hosting:โฮส
หากเปรียบโดเมนเป็นเลขที่บ้านแล้ว โฮส ก็คงเปรียบได้กับพื้นที่ของบ้านคะ Hosting คือเครื่องคอมพิวเตอร์ที่เชื่อมต่อกับอินเตอร์เน็ตตลอดเวลา และเมื่อเราทำเวปไซต์เสร็จแล้ว เราก็จะต้องทำการโอน(upload)ข้อมูลไปเก็บไว้ไว้ที่Hosting เพื่อให้คนสามารถเข้ามาดูเวปไซต์ได้ตลอดเวลา
ในการเช่าพื้นที่ ปัจจุบันมีการให้บริการมากมาย ข้อนี้คงต้องใช้เวลาศึกษา เปรียบเทียบราคาและรายละเอียดที่เหมาะสมกับเวปไซต์ของคุณที่สุดนะคะ สิ่งที่ควรพิจารณาหลักๆก็คือ 1.ปริมาณพื้นที่ในการจัดเก็บข้อมูล 2.จำนวนอีเมล(Pop3 e-mail)3.ปริมาณการรับ-ส่งข้อมูล (Data Transfer)
3.ออกแบบ Page
โปรแกรมที่นิยมใช้ในการออกแบบหน้าweb คือ Photoshop ,Macromedia Firework4,lllustrator10เป็นต้น โปรแกรมเหล่านี้จะช่วยคุณสร้างเวปเพจ ตามจินตนาการของคุณให้เป็นจริงซึ่งจะต้องคำนึงถึงหลักในการออกแบบเวปไซต์ที่ดีควบคู่ไปด้วยนะคะ ในการออกแบบคุณจะต้องกำหนดขนาดของเพจให้ตรงกับขนาดหน้าจอคอมพิวเตอร์ เช่น 15”คือ 800x600 pixels, 17”คือ 1024x768 pixels, 21”คือ 1280x1024 pixels
4.สร้าง WEB SITE
เมื่อคุณออกแบบหน้าตาของ เพจแล้ว ขั้นต่อไปคือการนำภาพกราฟฟิคทั้งหมดที่คุณเตรียมไว้ มาประกอบร่างบนเวปเพจ ในขั้นตอนนี้คงคล้ายกับการออกแบบเฟอร์นิเจอร์และตกแต่งห้องๆหนึ่ง คือเราต้องกับทำการออกแบบและผลิตชิ้นส่วนที่โรงงานก่อน แล้วจึงนำมาประกอบติดตั้งที่สถานที่จริงอีกครั้งจึงจะเสร็จสมบูรณ์ ในการสร้างเวปเพจด้วยโปรแกรมทำเวปนี้คุณสามารถกำหนดให้มีการเคลื่อนไหว เปลี่ยนรูปเมื่อเมาส์แตะ การสร้างจุดเชื่อมโยง Linkต่างๆและอีกมากมายที่คุณเห็นในเวปไซต์ ได้ด้วยโปรแกรม Golive ,Dreamweaver , Frontpage, Coffee cup , Homesite เป็นต้น
5.Upload เวปไซต์ไปไว้ที่ เซิรฟเวอร์
เมื่อเวปไซต์ของคุณเสร็จสมบูรณ์ ก็ต้องทำการโอนข้อมูลไปเก็บไว้ยัง Host ที่เช่าไว้ด้วยโปรแกรม อัพโหลดเช่น WS_FTP Pro มีหลายเวปไซต์ที่เช่าพื้นที่มากกว่า 1แห่งเพื่อป้องกันความเสียหายในกรณี เซริฟเวอร์ของที่ใดที่หนึ่งมีปัญหา
6.ประชาสัมพันธ์
เวปไซต์ของคุณจะไม่ประสบความสำเร็จเลยหากไม่มีคนรู้จักหรือไม่มีใครเข้ามาเยี่ยมชมเลย มีหลายวิธีที่จะประชาสัมพันธ์เวปไซต์ของคุณเช่น ทุ่มทุนลงโฆษณาในโทรทัศน์....ฟังแล้วน่าตื่นเต้นดีนะคะ ยังมีวิธีที่ประหยัดกว่านั้นคะ เช่น แลก link กับเวปไซต์อื่นซึ่งก็มีทั้งฟรีและเสียตัง ,ทำแบรนเนอร์โฆษณากับเวปที่มีคนชมเยอะ ,ลงทะเบียนสารบัญเวปไทย กับเวปไซต์ต่างๆ,ลงทะเบียนรายชื่อกับ Search Engine เช่น Google,Yahoo,MSN
7.ตรวจสอบผู้เยี่ยมชมเวปไซต์
การเก็บข้อมูลและสถิติผู้เข้าชมเวปไซต์เป็นประโยชน์อย่างยิ่งต่อผู้ออกแบบเวปไซต์ เพราะข้อมูลเหล่านี้ใช้เป็นฐานในการวิเคราะห์และประเมิณผล ปรับปรุง Web site ให้มีประสิทธิภาพตรงตามความต้องการของผู้ใช้มากที่สุด ตัวอย่างเวปไซต์ที่ให้บริการฟรี ตัวนับและตรวจสอบเช่น www.truehits.net,sitemeter.com,thecounter.com,cybercounter.net,freewebcounter.netเป็นต้น
