- กำหนดหน้าที่ของเว็บไซต์และผู้ใช้หลัก
- วาง Information/Content Architecture ก่อนรายละเอียดดีไซน์
- ทำ Mobile, Performance, SEO และ Accessibility เป็นพื้นฐาน
- ออกแบบ CMS และการดูแลหลังเปิดใช้
เวลาเริ่มโครงการเว็บไซต์ใหม่ คำถามที่เกิดขึ้นเร็วมากมักเป็นเรื่อง Design
- “ชอบเว็บไซต์สไตล์ไหน?”
- “อยากได้แบบ Minimal หรือ Corporate?”
- “ใช้สีประมาณนี้ได้ไหม?”
หรือบางครั้งก็เริ่มจากการส่งเว็บไซต์ของบริษัทอื่นมาเป็น Reference พร้อมบอกว่า “อยากได้ประมาณนี้” เรื่องเหล่านี้ไม่ผิด เพราะหน้าตาของเว็บไซต์มีผลต่อความรู้สึกและความน่าเชื่อถือของแบรนด์ แต่ถ้า Design กลายเป็นจุดเริ่มต้นของโครงการทั้งหมด เราอาจกำลังตัดสินใจเรื่องสำคัญก่อนที่จะรู้ด้วยซ้ำว่า เว็บไซต์นี้ต้องทำงานอะไรให้ธุรกิจ
คำถามแรกจึงอาจไม่ใช่
“เว็บควรหน้าตาอย่างไร?”
แต่ควรเป็น “คนเข้ามาที่เว็บไซต์แล้ว เราต้องการให้เขาทำอะไรต่อ?”
เว็บไซต์ไม่ใช่แค่พื้นที่สำหรับวางข้อมูลบริษัท
เว็บไซต์ของแต่ละธุรกิจมีหน้าที่ไม่เหมือนกัน บางบริษัทต้องการให้เว็บไซต์ช่วยสร้าง Lead บางแห่งต้องการให้คนค้นหาข้อมูลสินค้าแล้วติดต่อฝ่ายขาย บางองค์กรต้องการลดคำถามซ้ำ ๆ ด้วยการให้ข้อมูลบนเว็บไซต์ชัดขึ้น บางธุรกิจต้องการขายสินค้าโดยตรง บางแห่งต้องการให้เว็บไซต์สร้างความน่าเชื่อถือก่อนลูกค้าจะตัดสินใจนัดหมาย หรือบางองค์กรอาจต้องการให้ประชาชนสามารถยื่นคำร้อง ดาวน์โหลดเอกสาร หรือติดตามสถานะได้ด้วยตัวเอง ทั้งหมดนี้คือ Business Goal ที่ต่างกัน และเมื่อ Goal ต่างกัน เว็บไซต์ก็ควรถูกออกแบบต่างกันตั้งแต่โครงสร้างข้อมูล ไม่ใช่แค่เปลี่ยนสีหรือภาพประกอบ
ก่อนเปิด Figma ลองตอบคำถามเหล่านี้ก่อน
ก่อนคิดถึง Layout ลองตอบคำถามพื้นฐานให้ได้ก่อนว่า ใครคือคนหลักที่จะเข้ามาใช้เว็บไซต์? เขาเข้ามาเพราะต้องการรู้อะไร? อะไรคือปัญหาหรือเหตุผลที่ทำให้เขามาถึงเว็บไซต์? ข้อมูลอะไรที่เขาต้องเห็นก่อนจึงจะตัดสินใจต่อ? และสุดท้าย เราต้องการให้เขาทำอะไร? อาจเป็น อ่านข้อมูล → ดูบริการ → ดูผลงาน → ติดต่อ หรือ ค้นหาสินค้า → เปรียบเทียบ → สั่งซื้อ หรือ อ่านบทความ → เข้าใจปัญหา → ดูบริการที่เกี่ยวข้อง → ส่ง Inquiry เส้นทางเหล่านี้ควรถูกคิดก่อนจะลงรายละเอียดว่า Hero Banner ต้องสูงกี่ Pixel
Business Goal ช่วยกำหนดว่าหน้าแรกควรพูดอะไร
หน้าแรกเป็นจุดที่เห็นปัญหานี้ชัดที่สุด หลายเว็บไซต์พยายามเอาทุกอย่างขึ้นหน้าแรกพร้อมกัน ประวัติบริษัทก็สำคัญ บริการทุกอย่างก็ต้องมี ข่าวล่าสุดก็อยากโชว์ รางวัลก็อยากใส่ รูปผู้บริหารก็ต้องขึ้น แถมท้ายด้วย Slider อีกห้าภาพ
ข้อมูลทั้งหมดอาจสำคัญจริง แต่ไม่ได้หมายความว่าทุกอย่างต้องสำคัญเท่ากัน ถ้า Business Goal คือการสร้าง Lead หน้าแรกก็ควรช่วยให้คนเข้าใจอย่างรวดเร็วว่า บริษัททำอะไร ช่วยใคร แก้ปัญหาอะไร และถ้าสนใจต้องไปต่อทางไหน เมื่อ Goal ชัด ลำดับความสำคัญของ Content ก็จะชัดขึ้นตามไปด้วย
Design มีหน้าที่ช่วยให้คนไปถึงเป้าหมาย
นี่ไม่ได้หมายความว่า Design ไม่สำคัญ ตรงกันข้าม Design สำคัญมาก แต่ Design ที่ดีไม่ได้มีหน้าที่แค่ทำให้เว็บไซต์ดูสวย มันต้องช่วยให้คนมองเห็นสิ่งที่ควรเห็นก่อน รู้ว่าต้องคลิกตรงไหน อ่านข้อความได้ง่าย เข้าใจความสัมพันธ์ระหว่างข้อมูล และไม่รู้สึกหลงระหว่างใช้งาน
ปุ่ม CTA ที่เห็นง่าย White Space ที่ช่วยแบ่งข้อมูล ตัวอักษรที่อ่านสบาย ลำดับของ Section ตำแหน่งของ Navigation ทั้งหมดเป็นเรื่อง Design แต่การตัดสินใจเหล่านี้ควรเกิดจากคำถามว่า “เราต้องการช่วยให้ผู้ใช้ทำอะไร?” ไม่ใช่แค่ “แบบไหนดูสวยกว่า?”
เว็บไซต์สวยมากก็ล้มเหลวได้
เว็บไซต์หนึ่งอาจได้รับคำชมว่า Design สวยมาก แต่ในขณะเดียวกันก็สร้างผลลัพธ์ทางธุรกิจได้น้อยมาก ตัวอย่างง่าย ๆ คือเว็บไซต์บริการที่มี Visual สวยมาก แต่คนเข้าแล้วหาไม่เจอว่าบริษัทให้บริการอะไร หรือเว็บไซต์ที่ใช้ Animation เยอะจนผู้ใช้ต้องรอและเลื่อนผ่านหลายส่วนกว่าจะถึงข้อมูลสำคัญ
บางเว็บทำหน้า Contact สวย แต่แบบฟอร์มยาวจนคนไม่อยากกรอก บางแห่งมี Portfolio เต็มไปหมด แต่ไม่มี Case Study ที่ช่วยให้ลูกค้าเข้าใจว่าโครงการเหล่านั้นแก้ปัญหาอะไร ปัญหาแบบนี้ไม่ได้เกิดจาก Design ที่ “ไม่สวย” มันเกิดจาก Design ไม่ได้ถูกผูกกับเป้าหมายของเว็บไซต์ตั้งแต่แรก
Content ก็ควรถูกคิดพร้อมกับโครงสร้าง
อีกปัญหาที่พบได้บ่อยคือออกแบบเว็บไซต์เสร็จก่อน แล้วค่อยถามว่า “จะใส่ข้อความอะไรตรงนี้?” ผลคือ Content ต้องถูกบีบให้พอดีกับ Layout ที่สร้างไปแล้ว ทั้งที่จริงแล้วบางหน้าอาจต้องการข้อมูลมากกว่านั้น บางหน้าต้องการคำอธิบายน้อยกว่า และบางหน้าอาจไม่ควรมี Section ที่ออกแบบไว้เลย Website Strategy จึงควรคิดเรื่อง Content + Structure + User Journey + Design ไปพร้อมกัน ไม่ใช่ทำ Design ให้เสร็จ แล้วค่อยเอาข้อมูลที่มีมาเติมช่องว่างทีหลัง
คิด Conversion ก่อนคิด CTA คำว่า Conversion ไม่ได้หมายถึงการซื้อสินค้าเสมอไป สำหรับเว็บไซต์ B2B Conversion อาจหมายถึงการ
- ส่งแบบฟอร์มติดต่อ
- ขอใบเสนอราคา
- นัดประชุม
- ดาวน์โหลด Company Profile
- สมัครรับข่าวสาร
- โทรศัพท์
- Add LINE
- สมัครสมาชิก
สำหรับเว็บไซต์องค์กร Conversion อาจเป็นการดาวน์โหลดเอกสารหรือทำรายการออนไลน์สำเร็จ เมื่อเรารู้ว่า Conversion คืออะไร เราจึงค่อยออกแบบ CTA ที่เหมาะสม เพราะคำว่า “ติดต่อเรา” อาจไม่ใช่ CTA ที่ดีที่สุดสำหรับทุกสถานการณ์ บางครั้ง “ขอคำปรึกษา” “ดูตัวอย่างโครงการ” หรือ “ประเมินความต้องการเบื้องต้น” อาจสอดคล้องกับจุดที่ผู้ใช้อยู่ใน Customer Journey มากกว่า
แล้ว Design ควรเริ่มเมื่อไร?
Design ควรเริ่มเมื่อเรามีคำตอบระดับหนึ่งแล้วว่า เว็บไซต์มีเป้าหมายอะไร กลุ่มผู้ใช้หลักคือใคร ต้องมีข้อมูลอะไร ผู้ใช้ควรเดินทางผ่านเว็บไซต์อย่างไร อะไรคือ Conversion ที่ต้องการ
จากนั้นจึงค่อยพัฒนาเป็น Sitemap → User Flow → Wireframe → Content → UI Design → Development แน่นอนว่าในงานจริงขั้นตอนเหล่านี้ไม่ได้แยกขาดออกจากกันเสมอไป บางครั้ง Wireframe ทำให้เห็นว่า Content ยังขาด บางครั้ง Design ทำให้ต้องกลับไปปรับ User Flow และบางครั้งการทดสอบกับผู้ใช้ทำให้ต้องย้อนกลับไปแก้ทั้งโครงสร้าง เว็บไซต์ที่ดีจึงไม่ใช่งานที่เดินเป็นเส้นตรงแล้วจบ แต่เป็นกระบวนการที่มีการทดสอบและปรับไปเรื่อย ๆ
อย่าเริ่มโครงการจากคำว่า “อยากได้เว็บสวย”
คำว่า “อยากได้เว็บไซต์สวย” ไม่ใช่ Brief ที่ผิด แต่มันยังไม่พอ ลองต่อประโยคนั้นให้สมบูรณ์ขึ้นว่า “อยากได้เว็บไซต์ที่ช่วยให้…” ช่วยให้ลูกค้าเข้าใจบริการง่ายขึ้น ช่วยสร้าง Lead ช่วยลดขั้นตอนการทำงาน ช่วยให้ผู้ใช้ค้นข้อมูลได้เร็วขึ้น ช่วยให้ฝ่ายขายมีเครื่องมือสนับสนุนการขาย หรือช่วยให้แบรนด์ดูน่าเชื่อถือขึ้นในช่วงที่ลูกค้ากำลังตัดสินใจ เมื่อประโยคหลังคำว่า “ช่วยให้” ชัด Design ก็จะมีเหตุผลรองรับทุกการตัดสินใจมากขึ้น
Business Goal ก่อน แต่ Design ต้องเดินไปด้วยกัน
สุดท้ายแล้วคำถามว่า Business Goal หรือ Design อาจไม่ใช่การเลือกอย่างใดอย่างหนึ่ง เพราะเว็บไซต์ที่ดีต้องมีทั้งสองอย่าง แต่ ลำดับของคำถามสำคัญ Business Goal ช่วยบอกว่าเรากำลังสร้างเว็บไซต์ไปเพื่ออะไร User Journey ช่วยบอกว่าคนต้องเดินทางอย่างไร Content ช่วยบอกว่าเขาต้องรู้อะไรระหว่างทาง และ Design มีหน้าที่ทำให้ทุกอย่างนั้นใช้งานง่าย เข้าใจง่าย และน่าเชื่อถือ
ดังนั้นก่อนเปิด Reference ก่อนเลือกสี หรือก่อนถามว่าเว็บไซต์ควรมี Animation แบบไหน ลองเริ่มจากคำถามเดียวก่อนว่า “คนที่เข้ามาเว็บไซต์นี้ เราต้องการให้เขาทำอะไรต่อ?” ถ้าตอบข้อนี้ได้ Design จะไม่ใช่แค่เรื่องความสวย แต่มันจะกลายเป็นส่วนหนึ่งของกลยุทธ์ธุรกิจ
เว็บไซต์ควรทำงานให้ธุรกิจ ไม่ใช่แค่ดูดี
Mepor Media ออกแบบและพัฒนาเว็บไซต์โดยเริ่มจาก Business Goal, Customer Journey, Content และโครงสร้างการใช้งาน ก่อนนำไปสู่ UX/UI และ Development เพื่อให้เว็บไซต์แต่ละส่วนมีเหตุผลว่าถูกสร้างขึ้นมาเพื่ออะไร พูดคุยกับ Mepor Media หากคุณกำลังวางแผนสร้างเว็บไซต์ใหม่หรือปรับเว็บไซต์เดิมให้ทำงานกับธุรกิจได้มากขึ้น
เริ่มจากหน้าตาโดยยังไม่รู้เนื้อหา
มีเมนูเยอะแต่คนหาเรื่องสำคัญไม่เจอ
ส่งมอบเว็บโดยไม่มีคนดูแล Content
