ออกแบบเว็บไซต์ หรือเว็บดีไซน์เนอร์ แต่ไม่มีพื้นฐานเลย เลยอยากรู้ว่าต้องเรียนรู้อะไรบ้าง ทำอะไรบ้าง  การจะสร้างเว็บไซต์หนึ่งเว็บอะไรบ้าง

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

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

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

และในบทความนี้จะพูดถึงพื้นฐานที่เราต้องรู้ หากจะมาเป็นนักออกแบบเว็บ ว่ามีขั้นตอนอย่างไรบ้าง

ยกตัวอย่างรายละเอียดการให้บริการของฟรีแลนซ์

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

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

เครื่องมือทำงานสำหรับออกแบบเว็บไซต์

แพลตฟอร์มหลัก

ออกแบบเว็บไซต์

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

เครื่องมือช่วย

  1. Theme คือ เครื่องมือที่ใช้สำหรับออกแบบ และจัดวาง layout หน้าตาเว็บไซต์ WordPress ให้สวยงาม สามารถออกแบบหน้าเว็บได้ตามที่ต้องการ ทุกไอเดีย
  2. Plugin คือ เครื่องมือเพิ่มฟังก์ชั่นการใช้งานเว็บ WordPress ของคุณ ให้มีประสิทธิภาพมากขึ้น ตอบโจทย์ธุรกิจ หรือในสิ่งที่เราต้องการ 
    เช่นจากตัวอย่าง “ออกแบบเทมเพลทด้วย Elementor”  เป็นปลั๊กอิน WordPress Page Builder Elementor ซึ่ง Elementor เป็น Page Builder ที่มาแรง ซึ่งมีความสามารถในการช่วยจัดการ Layout ภายในหน้าเว็บของคุณแบบ Live Preview คุณสามารถปรับแต่งหน้าเว็บของคุณได้เองได้ตามใจนึก

การจดโดเมน

ออกแบบเว็บไซต์
https://pixabay.com/

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

หลักการตั้งชื่อโดเมน (ชื่อเว็บไซต์)

  • ควรตั้งชื่อโดเมนให้ สั้น กระชับ เพื่อให้คนจดจำง่าย
  • ควรตั้งชื่อโดเมนเป็นภาษาอังกฤษ
  • ตั้งชื่อให้สื่อความหมายถึงสิ่งที่เราทำ (ถ้าทำได้)
  • ไม่ควรมีเครื่องหมายขีด( – ) เช่อน my-domain.com เพราะอาจทำให้คนสับสน หรือพิมพ์ผิดได้

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

การเช่าโฮส

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

สรุปโดยย่อคำแนะนำสำหรับการเลือกโฮสดังนี้

  • หากเป็นมือใหม่ควรใช้โฮสไทย หากติดขัดอะไรจะได้คุยกับโฮสได้รู้เรื่อง
  • เวอร์ชั่น PHP web server ควรใช้เวอร์ชั่น PHP 7.2
  • ระบบจัดการหลังบ้านโฮส (control panel) ควรเป็น DirectAdmin
  • ในตัว DirectAdmin ควรมี Auto installer ช่วยติดตั้ง WordPress
  • โฮสควรมีบริการ Let’s Encrypt – Free SSL/TLS Certificates เพื่อให้เราสามารถทำเว็บเป็น HTTPS ได้ฟรี
  • แพคเกจของโฮสไม่ควรจำกัดโดเมนและซับโดเมน (เพราะเราต้องทำกันหลายเว็บ)
  • bandwidth ส่งข้อมูลเน็ตออกไปต่างประเทศ  ส่วนใหญ่มักจะเกิดปัญหาสำหรับโฮสที่อินเทอร์เน็ตออกต่างประเทศไม่ค่อยดี เช่น แชร์ลิงค์เฟสบุ๊ค แล้วรูปไม่ขึ้นนั้นเอง

หลังจากได้อ่านพื้นฐานการสร้างเว็บกันแล้ว ก็ต้องมาเริ่มต้นกันว่าจากที่อ่านมาเราสามารถเอามาทำเว็บได้ดีขนาดไหน

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

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

เสนอสิ่งที่ User มองหา

ออกแบบเว็บไซต์

หลายๆ การทดลองเกี่ยวกับ Eye tracking พบว่า User นั้น Scan เนื้อหาในเว็บไซต์เป็นรูปทรงคล้ายตัว “F” ครับ คือจะ Scan เนื้อหาด้านบนสุดตลอดทั้งแนว เนื้อหาที่อยู่ต่ำกว่าจะ Scan เพียงแค่ครึ่งทาง
ส่วนเนื้อหาที่อยู่ล่างสุด จะ Scan เพียงแค่ด้านซ้ายสุดเท่านั้น ที่เป็นเช่นนี้ เพราะ User อ่าน Web Content เหมือนกับการอ่านหนังสือนั่นเอง คืออ่านจากซ้ายไปขวา และบนลงล่าง

และนี่คือที่มาของการวางตำแหน่งของโลโก้ไว้ที่มุมซ้ายบนด้วย การทดลองข้างต้น ทำให้เรารู้ว่า ควรใส่สิ่งที่ User มองหาไว้ตรงจุดไหน

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

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

LEAVE A REPLY

Please enter your comment!
Please enter your name here