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

ก่อนจะเริ่มออกแบบเว็บไซต์ เราต้องเข้าใจก่อนว่าใครคือคนที่จะมาใช้งานเว็บของเรา ยกตัวอย่างเช่น ถ้าเราทำเว็บขายเสื้อผ้าวัยรุ่น กลุ่มเป้าหมายของเราก็คือคนอายุ 18-35 ปี ที่ชอบแต่งตัวและติดตามแฟชั่น พฤติกรรมของคนกลุ่มนี้คือชอบดูรูปเยอะๆ ชอบเลื่อนดูสินค้าเรื่อยๆ และมักจะช้อปผ่านมือถือมากกว่าคอม
หลักการออกแบบที่ได้ผลจริง
1. ทำให้เว็บโหลดเร็ว ไม่ต้องรอนาน
เมื่อต้นปีที่ผ่านมา ผมเคยทำเว็บร้านอาหารให้ลูกค้า แรกๆ เว็บโหลดช้ามาก เพราะรูปอาหารเยอะ พอเราบีบอัดรูปให้เล็กลง ใส่ lazy loading แล้วย้าย hosting ไปที่ใหม่ ปรากฏว่ายอดคนเข้าชมเพิ่มขึ้น 40% เลยครับ ผมแนะนำใช้ tinypng ช่วยลดขนาดรูปภาพได้ครับ
2. จัดวางเมนูให้หาง่าย
ลองนึกถึงตอนที่เราเข้าร้านสะดวกซื้อ ทำไมเราถึงหาของได้ง่าย? เพราะเค้าจัดหมวดหมู่ไว้ชัดเจนไงครับ เว็บไซต์ก็เช่นกัน ต้องจัดเมนูให้เป็นหมวดหมู่ที่เข้าใจง่าย อย่างเว็บขายเสื้อผ้า ก็แบ่งเป็น เสื้อผ้าผู้ชาย เสื้อผ้าผู้หญิง รองเท้า กระเป๋า อะไรแบบนี้
3. ออกแบบให้รองรับมือถือ
ผมเคยเจอลูกค้าที่ยอดขายตกฮวบ พอตรวจสอบดูพบว่าเว็บแสดงผลบนมือถือแล้วพัง รูปเพี้ยน ปุ่มกดไม่ได้ พอแก้ให้รองรับมือถือ ยอดกลับมาพุ่งเลย เพราะคนไทยส่วนใหญ่ใช้มือถือเป็นหลัก
4. ใช้สีที่อ่านง่าย ตัวหนังสือชัด
อย่าใช้สีตัวหนังสือจางๆ บนพื้นขาว หรือตัวสีอ่อนบนพื้นสีเข้ม มันอ่านยากมาก แนะนำให้ใช้ตัวดำบนพื้นขาว หรือตัวขาวบนพื้นเข้ม จะอ่านง่ายที่สุด
5. ทำปุ่มกดให้เห็นชัด
เคยเจอไหม ปุ่ม “สั่งซื้อ” ที่เล็กจิ๋ว หรือสีกลืนไปกับพื้นหลัง? นั่นแหละครับ คือตัวอย่างที่ไม่ควรทำ ปุ่มสำคัญต้องโดดเด่น กดง่าย ขนาดใหญ่พอดี

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