วางแผนง่ายๆก่อนทำเว็บ

วางแผนง่ายๆก่อนทำเว็บ

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

ประเด็นหลักๆที่เราต้องตอบให้ได้ในการวางแผนทำเว็บมีอยู่ 2 เรื่องคือ (1) โครงสร้างเนื้อหา และ (2) การจัดวางเลย์เอาท์

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

ตัวอย่างที่เห็นได้ง่ายๆก็คือ ถ้าเราเลือกใช้ facebook page ในการทำเว็บของเรา การวางแผนในส่วนนี้ก็ต้องตามการออกแบบของเฟสบุคไป ซึ่งก็จะมี หน้า wall, About, Photo, และอื่นๆ แต่ในกรณีที่เราต้องการเว็บไซต์เอง การจัดวางโครงสร้างเนื้อหาตามใจฉัน สามารถใช้ bullet point ธรรมดา หรือการใช้แผนภูมิต้นไม้ (tree chart) เป็นเครื่องมือในการจัดโครงสร้างได้ง่ายๆ

easy IA - tree diagram
– การใช้แผนภูมิต้นไม้ –

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

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

facebook.com/iwannabewebmaster
template ฟรีที่สามารถดาวโหลดได้จากอินเทอร์เนต –

แต่ถ้าหากว่าอยากจะออกแบบเองล่ะ ก็มีเครื่องมือที่เรียกว่า Wireframe เป็นมาตราฐานที่ใช้ในการจัดวางเลย์เอาท์ของเว็บไซต์นั้นๆ ซึ่งสามารถวาดเองด้วยมือก็ได้ หรือสามารถจะดาวโหลด Wireframe template มาใช้ได้เหมือนกัน

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

%d bloggers like this: