I believe in sharing experiences. Every day, we learn something new, and our knowledge is valuable enough to discuss and share with others. Everyone is a teacher to everyone else. That the little things lead to the big things.
งานออกแบบเป็นงานที่ต้องใช้พลังงานสมองอย่างมากเลยครับ บางทีงานที่ออกแบบเสร็จแล้วเราอาจจะมองว่า เห้ย แบบนี้เราก็ทำได้ออกแบบได้ แต่รู้ไหมครับว่า ก่อนที่จะคิดงานได้แบบนี้ บางงานนั่งคิดไอเดีย วิเคราะห์งานแล้ววิเคราะห์อีก และมีหลายๆครั้งที่ผมเชื่อว่านักออกแบบทุกคนต่างก็เคยเป็น นั่นคือ “ไอเดียตัน”
ทุกวันนี้เราอยู่บนโลกออนไลน์กันเกือบเต็มตัวแล้วครับ ซึ่งโลกออนไลน์มันก็มีข้อดีในเรื่องของการมีข้อมูลให้เราค้นหาได้เยอะแยะ แต่อย่างไรก็ตามมันก็มีข้อจำกัดเรื่อง “ปริมาณข้อมูล” ที่มัน “มหาศาล” เยอะเสียจนทำเอาคนงงไปก็มี
บทความนี้ ผมจะพาไปรู้จัก Framework ในการทำเว็บไซต์ครับว่า มีตัวไหนบ้างที่น่าสนใจ โดยผมคัดเลือกเอาเฉพาะที่ผมเคยใช้งานนะครับ เนื่องจากมันมีเยอะมาก จะให้ผมแนะนำทั้งหมดก็คงไม่ไหว อีกอย่างบางตัวก็เล่นผ่านๆ ผมจึงเลือกเฉพาะตัวที่ผมคลุกคลีมาแนะนำดีกว่าเนาะ
ผมเชื่อว่ามีหลายๆคนที่สนใจอยากจะมาเป็นนักออกแบบเว็บไซต์ แต่ก็ไม่มีไอเดีย ไม่มีพื้นฐานอะไรเลย ว่าต้องเริ่มต้นอย่างไร หลายคนก็กังวลและกลัวว่าจะทำไม่ได้ จริงๆไม่ต้องตื่นกลัวหรือกังวลใจไปหรอกนะครับ
ผมแน่ใจว่าเป็นอีกเรื่องที่บรรดาคนทำเว็บอยู่แล้ว หรือแม้แต่คนที่อยากจะมาทำอาชีพที่เกี่ยวข้องกับการพัฒนาเว็บไซต์ต่างก็อยากรู้ว่า จะมีวิธีการคิดราคาค่าออกแบบ ค่าพัฒนาอย่างไร และจะอธิบายอย่างไรให้ลูกค้าเข้าใจ
ผมเน้นความเรียบง่ายเช่นเคย แต่ด้วยความที่เป็นเว็บขายของ สิ่งที่เราจำเป็นต้องนำเสนอก็คือ “สินค้า” ครับ ดังนั้นสินค้าในหน้าแสดงสินค้าจึงมีความหลากหลาย และพยายามนำเสนอทางเลือกให้กับลูกค้าได้มีโอกาสเห็นสินค้าของเราได้เยอะขึ้นครับ
นำเสนอในรูปแบบที่เน้นความสะอาดตา และนำเสนอแบบตรงไปตรงมา ใช้เลเอาท์ที่เรียบง่าย แต่ให้ดูเข้าใจได้ทันทีว่าใช้งานอย่างไร โทนสีที่ใช้ผมใช้สีแดงเหลืองในเมนูด้านบน เพื่อให้ล้อกับสีของมหาวิทยาลัย และใส่ section อื่นๆ ผมเลือกใช้สีในชุด color scheme เดียวกัน
ผมตั้งใจเขียนขึ้นมาเพื่อเล่าถึงประสบการณ์ในการทำงานเป็นทั้งนักออกแบบและพัฒนาเว็บไซต์นะครับ โดยที่ผมได้เก็บเกี่ยวประสบการณ์เรื่องนี้ทั้งจากการทำงานจริงของตัวเอง และการได้ค้นคว้าหาข้อมูลเพิ่มเติม
ในฐานะที่ผมเองก็เป็นนักออกแบบและพัฒนาเว็บไซต์ ผมก็มีประสบการณ์มาเกี่ยวกับกระบวนการทำเว็บ ตั้งแต่ดีลงาน ออกแบบ เขียนโค้ด และนำเสนอเพื่อจบงาน แต่ละขั้นตอนก็มีเทคนิควิธีที่ต่างกันออกไป ในบทความนี้จะเป็นการแบ่งปันเกี่ยวกับขั้นตอน “ก่อน” การออกแบบเว็บไซต์ครับ
สำหรับแรงบันดาลใจในการทำเว็บนี้มาจากที่ผมได้มีโอกาสไปเที่ยวแบบ backpack ซึ่งไปกับเพื่อนและมีทั้งแบบไปคนเดียว ผมจึงอยากจะมีเว็บไซต์ไว้แบ่งปันประสบการณ์เที่ยวแบบ backpack
บักสนมีโอกาสได้ทำงานออกแบบเว็บไซต์ให้กับพิพิธภัณฑ์ภาพถ่ายและเทคโนโลยีของคณะวิทยาศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย การออกแบบครั้งนี้ มีโจทย์คือไม่นำเสนอในรูปแบบที่เป็นทางการมากนัก
การออกแบบเว็บไซต์ให้ได้ใจคนชมนั้นมันมีหลายปัจจัยนะครับ ทำเว็บไซต์เป็นทั้งศาสตร์และศิลป์ ใช้ความรู้หลายแขนง บางคนอาจจะคิดว่า แหม พูดซะเวอร์ เปิดดรีมมาแป็บเดียว ลากๆพิมพ์ๆ เซฟ ก็เป็นเว็บได้แล้ว อ่าฮะ ใช่ครับ
