ทำเว็บให้รองรับมือถือจริง ๆ ไม่ใช่แค่ย่อหน้าจอ

"เปิดบนมือถือได้" กับ "ใช้งานบนมือถือแล้วดี" คนละเรื่องกัน

เริ่มออกแบบจากมือถือก่อน#

ถ้าเนื้อหาสำคัญอยู่ครบในหน้าจอมือถือได้ พอขยายไปจอใหญ่จะง่ายกว่าเสมอ

ตัวเลขที่ควรยึด#

• ตัวอักษรเนื้อหาอย่างน้อย 16px
• ปุ่มสูงอย่างน้อย 44px และมีระยะห่างจากปุ่มอื่น
• ระยะขอบซ้าย-ขวาอย่างน้อย 16px
• ห้ามมีการเลื่อนออกด้านข้าง

จัดลำดับใหม่ ไม่ใช่แค่ย่อ#

บนมือถือ คนเห็นทีละส่วน สิ่งที่สำคัญที่สุด (ข้อเสนอ + ปุ่มติดต่อ) ต้องอยู่ใน 1–2 หน้าจอแรก

ปุ่มติดต่อลอยด้านล่าง#

ธุรกิจบริการควรมีแถบลอยที่มีปุ่มโทรและ LINE ตลอดเวลา ลูกค้าไม่ต้องเลื่อนหาให้เสียเวลา

ฟอร์มบนมือถือ#

ใช้ประเภทช่องกรอกให้ถูก (tel, email) เพื่อให้คีย์บอร์ดขึ้นถูกแบบ และอย่าบังคับกรอกข้อมูลที่ยังไม่จำเป็น

ทดสอบบนเครื่องจริง#

จำลองในเบราว์เซอร์ไม่พอ ควรเปิดบนมือถือจริงอย่างน้อย 2 เครื่อง (Android + iPhone) และทดสอบด้วยเน็ตมือถือ ไม่ใช่ Wi-Fi อย่างเดียว