Blog

การออกแบบเว็บไซต์ที่ดี ตอนที่ 8 … ดูดีและใช้งานง่าย

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

สมมุติว่าวันนี้เรามีงานที่จะต้องไปร่วมด้วยอยู่สองงาน..งานแรกคืองานกาลาดินเนอร์เปิดตัวเครื่องเพชรสุดหรู ส่วนอีกงานคือไปทริปต่างจังหวัดกับกลุ่มคนขี่บิ๊กไบค์

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

ถ้าเราเลือกไปกาลาดินเนอร์ และใส่ชุดแบบแรก  เพื่อนๆ คงชมว่า “สวยว่ะ หล่อดี Sexy จังเลย”

แต่ถ้าเราใส่ไอ้ชุดที่เพื่อนๆ พึ่งชมว่า  “สวยว่ะ หล่อดี Sexy จังเลย”  ไปขี่บิ๊กไบค์ แก๊งค์บิ๊กไบค์ก็คงชมเราเป็นเสียงเดียวว่า.. “มึงบ้า”

และเช่นเดียวกันถ้าเราใส่ชุดขี่บิ๊กไบค์ไปงานกาลาดินเนอร์ แขกที่มาร่วมงานคงสงสัยว่า “ใครเชิญพี่แอ๊ด คาราบาวมาเนี่ย?”

User Interface (UI) ของเว็บไซต์ก็เช่นเดียวกัน จะสวยหรือไม่สวยนั้นขึ้นอยู่กับ กลุ่มเป้าหมาย หรือกลุ่มลูกค้าว่าเป็นใคร มีความชอบมีไลฟ์สไตล์แบบไหน? ก็ต้องออกแบบให้เหมาะสมตามสไตล์ของตามกลุ่มเป้าหมายนั้นด้วย มันคือเรื่องของ Look & Feel ที่เราสามารถสัมผัสและรับรู้ได้ด้วยประสาทสัมผัสภายนอกนั่นเอง

แต่ไม่ว่าจะเป็นลูกค้ากลุ่มใด จะชอบสไตล์ไหนก็ตาม ผมรับรองได้ว่าทุกกลุ่มชอบเว็บที่ “ใช้งานได้ง่าย”

  • เว็บสวย เนื้อหาดี แต่ถ้าใช้งานยากโคตร…อีกไม่นานก็เจ๊ง
  • เว็บไม่สวย เนื้อหาดี ใช้งานง่าย..เอาน่าพอรับได้
  • เว็บสวย เนื้อหาดี แถมใช้งานง่ายอีก…นี่แหละเว็บเทพเลย

อ้อ..อย่าลืมนะครับว่า…การใช้งานได้ง่าย ส่วนหนึ่งเป็นผลมาจาก การออกแบบโครงสร้างและข้อมูล ที่ดีด้วย

อย่างไรก็ตาม แนวทางการ Design เว็บไซต์ที่กำลังที่เป็นที่นิยมกันตอนนี้ และได้รับการยอมรับว่าทั้งสวยและใช้งานง่ายคือแบบที่เรียกว่า “Simple & Clean” ด้วยเหตุผลดังต่อไปนี้ :

  • Simple – ความเรียบง่าย ทำให้เว็บไซต์มีเสน่ห์ ไม่น่าเบื่อ และช่วยให้การใช้งานลื่นไหลและง่าย
  • Clean – สะอาด ช่วยเพิ่มความโดดเด่นให้กับสิ่งที่ควรจะโดดเด่น เนื่องจากมันสะอาด มันเลยไม่มีอะไรที่จะมาแย่งความโดดเด่นกันเอง และช่วยให้การนำเสนอข้อมูล (ด้วยเมนู) มีประสิทธิภาพสูงขึ้นด้วย
  • Simple & Clean ทำให้เว็บไซต์โหลดขึ้นมาได้อย่างรวดเร็ว (เพราะมันเรียบง่าย ไม่มีอะไรให้โหลด มันเลยโหลดได้เร็ว)

เพื่อให้เห็นภาพกันชัดๆ ลองดูตัวอย่างเว็บไซต์ที่เป็นแบบ Simple & Clean กันดีกว่า

เว็บแรก…ผมเข้าใจว่าเป็น Simple & Clean ก่อนใครๆ ในโลกเลยคือ… Google ครับ

Google.com

ต้องยอมรับครับว่า..ผู้บริหารของ Google.com มีวิสัยทัศน์จริงๆ เพราะ Google เป็นแบบนี้มาตั้งแต่วันแรกที่เราจำความกันได้เลย  และนี่คือตัวอย่างของ Simple & Clean ที่ดีที่สุด

ง่ายต่อการเข้าใจและใช้งานง่าย (โคตรๆ )

พอพิมพ์ Google.com แล้วกด Enter เสร็จ

โอว…มาแล้ว…มันช่างโหลดขึ้นมาเร็วอะไรเช่นนี้ (ก็มันแทบจะไม่มีอะไรต้องโหลดเลยนี่ มันก็เร็วดิ)

ในทันที่ที่เห็นหน้าตาของเว็บ..เรารู้ว่าเว็บนี้มีไว้เพื่ออะไร และในทันทีเช่นกัน เราก็รู้ว่าต้องใส่ข้อมูลตรงไหนเพื่อที่จะเริ่มทำการ Search (ก็เพราะมันไม่มีที่อื่นจะให้ใส่แล้ว ก็เลยต้องใส่ตรงนั้นไง)

แบบนี้ กดไลค์ ถูกใจใครๆ ก็ชอบ ขอบคุณมากเลย

ทีนี้..เพื่อให้เห็นความแตกต่างอย่างชัดๆ ระหว่าง Simeple & Clean กับแบบอื่นๆ ผมขอยกตัวอย่างที่สมน้ำสมเนื้อกับ Google หน่อย เพราะการจะเอาเว็บเล็กๆ กระจอกๆ หรือ เอาแค่เว็บระดับประเทศไปเปรียบเทียบกับ Google ดูจะไม่ยุติธรรมนัก มันต้องเอาระดับโลกด้วยกัน

Ladies and Gentlemen ขอแนะนำ…อดีตแชมป์แห่ง Seach Engine ผู้ที่โดน Google กระชากลงมาจากบัลลังค์…

Yahoo.com

เห็นความแตกต่างไหมครับ?

Yahoo ก็เป็น Search Engine เหมือนกับ Google แต่หน้าตาเว็บไซต์คนละแบบ คนละสไตล์

เมื่อเราต้องการจะ Search อะไรซักอย่าง เราจะนึกถึง Google เพราะเมื่อเข้าไป Google.com แล้วมันชัดเจนมากๆ คือ..เอาไว้ Search

ผิดกับที่ Yahoo.com  มันไม่มีอะไรที่ Focus กับการ Search เลย ดังนั้นจึงไม่แปลกใจเลยว่าทำไมคนไม่นึกถึง Yahoo

Yahoo.com ดูรกรุงรัง ยุบยับ นัวเนีย อีรุงตุงนัง มีอะไรไม่รู้เต็มไปหมด เมนูทั้งด้านบนและด้านข้างรวมกันได้ประมาณ 30 เมนู…อะไรมันจะขนาดนั้น!

นี่ผมเอามาให้ดูเพียงด้านบนสุดของเว็บนะ  ถ้าคุณลองเข้าไป Yahoo.com แล้วเลือนไปลงไปด้านล่างเรื่อยๆ จะเห็นถึงความรกของเว็บที่พยายามจะนำเสนอทุกอย่างที่เค้ามีให้ผม แต่มันไม่ใช่สิ่งที่ผมต้องการ (เพราะสิ่งที่ผมต้องการคือสิ่งที่ผมกำลังมา Search อยู่นี่ไง) มันจึงกลายเป็น “ขยะ” ที่ดูสกปรก รกหู รกตาไปเสียหมด และผมทำให้ผมรู้สึกว่ากำลังหลงทาง ไม่รู้ว่าควระจะเริ่มตรงไหนหรือควรจะไปที่ไหน

มาดูตัวอย่างดีๆ อีกซักเว็บดีกว่า..เว็บนาฬิการะดับ Premium อย่าง Panerai

Panerai Website

 

Panerai.com ใช้ข้อดีของ Simple & Clean ได้อย่างยอดเยี่ยม  บนหน้าเว็บไม่มีอะไรให้รกตาเลย ซึ่งทำให้นาฬิการุ่นที่ต้องการโปรโมทเด่นมาก เมนูหลักเรียบง่ายมีเพียงไม่กี่เมนูด้านบน และที่ Footer ด้านล่าง ช่วยบอกให้ผู้ใช้งานรู้ว่าเมื่อต้องการข้อมูลควรจะไปที่เมนูไหน จึงจะได้ข้อมูลที่ต้องการ

หลายคนเข้าใจผิดว่า Simple & Clean ทำให้เว็บไม่สวย ป่าวเลยครับ..Panerai.com เป็นตัวอย่างของ Simple & Clean ที่สวยงาม ดูดี มี Class สมกับเป็นเว็บของนาฬิกาสุดหรูจริงๆ

สรุป

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

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

ปัจจุบันการ Design แบบที่เรียกว่า “Simple & Clean” กำลังเป็นที่ยอมรับและนิยมกันทั่วโลกเพราะให้ทั้งความสวยงามและการใช้งานที่ง่ายนั่นเอง…Nirundon





Leave a Reply