3 คะแนน โดย GN⁺ 2023-10-27 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • บทความเกี่ยวกับผลกระทบด้านลบของการออกแบบเว็บที่ให้ความสำคัญกับมือถือเป็นอันดับแรกเมื่อดูบนอุปกรณ์เดสก์ท็อป โดยเรียกปรากฏการณ์นี้ว่า 'การกระจายตัวของเนื้อหา'
  • การกระจายตัวของเนื้อหาคือปรากฏการณ์ที่เนื้อหาบนหน้าเว็บแบบตอบสนองดูใหญ่และยืดออกมากเกินไปบนหน้าจอแล็ปท็อปหรือเดสก์ท็อปขนาดใหญ่
  • บทความนี้อ้างอิงจากงานวิจัยที่ผสานการทดสอบการใช้งานเชิงคุณภาพ 13 ครั้งเข้ากับการสัมภาษณ์แบบกึ่งมีโครงสร้าง
  • งานวิจัยพบว่าการกระจายตัวของเนื้อหาบนอุปกรณ์หน้าจอใหญ่เพิ่มภาระทางความคิดและต้นทุนของการโต้ตอบ ทำให้เข้าใจเนื้อหาได้ยากขึ้นและก่อให้เกิดความไม่พอใจของผู้ใช้
  • การกระจายตัวของเนื้อหาเป็นผลมาจากเทรนด์การออกแบบบางอย่าง โดยแนวทาง mobile-first, minimalism และภาพขนาดใหญ่มักทำให้หน้าเว็บมีความหนาแน่นของข้อมูลต่ำ
  • ผลกระทบด้านลบของเนื้อหาที่กระจายตัว ได้แก่ ความยาวของหน้าและต้นทุนการโต้ตอบที่เพิ่มขึ้น ภาระทางความคิดที่เพิ่มขึ้น ความยากในการสร้างแบบจำลองความเข้าใจของหน้า ความไม่พอใจที่เพิ่มขึ้น และความน่าเชื่อถือที่ลดลง
  • บทความยังเน้นผลเชิงบวกของเนื้อหาที่กระจายตัวด้วย ซึ่งรวมถึงการทำให้ผู้ใช้โฟกัสกับเนื้อหาที่ถูกเน้นทีละอย่าง และจำกัดการรับรู้ถึงภาวะข้อมูลล้นเกิน
  • ผู้เขียนแนะนำให้ประเมินว่าดีไซน์แสดงผลบนเดสก์ท็อปอย่างไร ประเมินคุณค่าที่ภาพเพิ่มเข้ามา จัดกลุ่มเนื้อหาสำคัญที่เกี่ยวข้องให้อยู่ใน viewport เดียวกัน หลีกเลี่ยงปฏิสัมพันธ์และองค์ประกอบการออกแบบที่เฉพาะกับมือถือ และทำความเข้าใจว่าควรใช้การกระจายตัวอย่างมีกลยุทธ์เมื่อใด
  • ผู้เขียนสรุปว่าหน้าเดสก์ท็อปแบบมินิมัลลิสต์ที่มีเนื้อหากระจายตัวอาจช่วยลดสิ่งรบกวนและดึงความสนใจไปยังประเด็นหลักได้ แต่ทั้งหน้าที่ใช้แนวทาง mobile-first, มินิมัลลิสต์ และเน้นภาพเป็นศูนย์กลางนั้นก่อให้เกิดปัญหาด้านการใช้งานบนเดสก์ท็อป

1 ความคิดเห็น

 
GN⁺ 2023-10-27
ความคิดเห็นจาก Hacker News
  • บทความว่าด้วยผลกระทบด้านลบของการออกแบบเว็บแบบ mobile-first
  • คำว่า "Hinternet" ถูกบัญญัติขึ้นครั้งแรกในปี 2007 เพื่ออธิบายอินเทอร์เน็ตแบบหรูหราและเพิ่มมูลค่า เทียบกับอินเทอร์เน็ตที่เต็มไปด้วยป๊อปอัปแบนเนอร์และสแปม
  • ตอนนี้ "Hinternet" กลายเป็นรูปแบบกระแสหลักของอินเทอร์เน็ตที่บริการจำเป็นจำนวนมากถูกออกแบบแบบ mobile-first และมักใช้เทคโนโลยีที่ไม่ทำงานบนแพลตฟอร์มเปิด
  • การเปลี่ยนไปสู่การออกแบบแบบ mobile-first ดูเหมือนเป็นอาการของปัญหาที่ใหญ่กว่า นั่นคืออินเทอร์เน็ตกำลังกลายเป็นภูมิทัศน์ดิสโทเปียของการบูรณาการข้อมูลแนวดิ่ง
  • การพัฒนาฝั่งฟรอนต์เอนด์ถือเป็นส่วนที่ยากที่สุดของสแตก เพราะต้องการความรู้เชิงลึกเกี่ยวกับ HTML, CSS และ Web API ที่รองรับ
  • ปัญหาไม่ได้มีแค่ mobile-first เทียบกับ desktop แต่คือการที่นักออกแบบไม่เข้าใจว่าเนื้อหาเว็บควรมีความไดนามิกและปรับตัวได้ตามขนาดและรูปทรงของอุปกรณ์แสดงผลของผู้ใช้
  • การใช้เมนูแฮมเบอร์เกอร์และสัญลักษณ์คล้ายอักษรภาพเหมาะกับมือถือ แต่ถูกมองว่าเป็นทางเลือกการออกแบบที่ไม่ดีสำหรับเดสก์ท็อป เพราะเพิ่มขั้นตอนที่ไม่จำเป็นและอาจทำให้สับสน
  • เว็บไซต์จำนวนมากเปลี่ยน UI ตามการปรับขนาดหน้าต่าง ซึ่งอาจทำให้ UI ใช้งานไม่ได้เมื่อย่อหน้าต่างให้มีขนาดกินพื้นที่ครึ่งหนึ่งของจอภาพ
  • ในการออกแบบแบบ mobile-first การไม่มีฟังก์ชันสัมผัสที่เทียบเท่ากับการ hover ถือเป็นการสูญเสียที่สำคัญ
  • แนวคิด UX แบบ "Hero" ถูกวิจารณ์ว่าใช้มากเกินไปบนหน้า landing page และมักทำให้ผู้ใช้ต้องเลื่อนและคลิกผ่านคอนเทนต์การตลาดเพื่อหาข้อมูลที่เกี่ยวข้อง
  • ความหมกมุ่นของอุตสาหกรรมกับ JavaScript framework และหน้าจอแบบ mobile-first ทำให้นักออกแบบเว็บบางส่วนหันกลับไปเน้นงานกราฟิกดีไซน์เป็นหลักอีกครั้ง
  • บทความปิดท้ายด้วยการระบุว่านักออกแบบเว็บไม่เห็นด้วยกับคำวิจารณ์นี้ และโต้แย้งว่าเนื้อหาที่เรียบง่ายในแต่ละหน้าจอทำงานได้ดีกว่าและวิเคราะห์ด้วยสายตาได้ง่ายกว่า