สารบัญ:
-
- ตัวอย่างสามารถแสดงในภาพด้านล่าง ข้อความและรูปภาพเดิมมีรูปแบบสามคอลัมน์ที่ดูแน่นและแทบมองไม่ได้เมื่อดูในไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่ ในไซต์ที่ปรับเปลี่ยนตามการตอบสนองรูปแบบสามคอลัมน์เปลี่ยนเป็นการแสดงคอลัมน์แบบคอลัมน์เดียวทำให้สามารถอ่านได้ง่ายขึ้น ภาพที่ซ้ำซ้อนได้ถูกนำออกเพื่อป้องกันไม่ให้มีการแทรกแซงกับส่วนประกอบสำคัญของไซต์
คุณอาจได้ยินข่าวใหญ่ ๆ แล้ว … เว็บไซต์ที่ปรึกษาเพิ่งเปิดตัวเว็บไซต์ที่ตอบสนองหลายรูปแบบสำหรับที่ปรึกษาทางการเงินของเราและแน่นอนว่าตอนนี้ทุกคนโกรธมาก (999) (เราไม่โทษคุณพวกเขา สวยและไม่พูดถึงสมาร์ท) แต่นั่นหมายถึงอะไรตอบสนอง? ตอนนี้เว็บไซต์เหล่านี้ตอบสนองทุกคำสั่งที่ได้รับหรือไม่? ในที่สุดเราก็ทำลายโอกาสที่จะผิดหวังกับเว็บไซต์ของเราหรือไม่? ดีประเภทของ ให้ฉันอธิบาย
) ความหมายที่เหมาะกับการใช้งานบนมือถือ ไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่เป็นเว็บไซต์ขนาดเล็ก รุ่นของไซต์บนเดสก์ท็อปของคุณเมื่อเปรียบเทียบไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่กับไซต์ที่ปรับเปลี่ยนตามอุปกรณ์มีแนวโน้มที่จะเข้มงวดและยืดหยุ่นน้อยลงซึ่งหมายความว่าเว็บไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่ได้รับการออกแบบมาเพื่อให้ทำงานในลักษณะเดียวกันในทุกอุปกรณ์จับภาพทั้งหมด องค์ประกอบที่เห็นบนไซต์บนเดสก์ท็อปและใช้งานง่าย y แสดงในรูปแบบกะทัดรัดมากขึ้น ตัวอย่างเช่นเมนูนำทางแบบเลื่อนลงอาจเป็นเรื่องยากที่จะใช้บนมือถือเนื่องจากไม่มีอะไรเปลี่ยนแปลงหรือไม่ได้ใช้งาน
เว็บไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่ไม่รวมความกังวลด้านการใช้งานโดยไม่คำนึงถึงแพลตฟอร์มที่มีการดูจาก
คุณภาพที่ตอบสนอง
ดังที่ได้กล่าวมาแล้วข้างต้นเว็บไซต์ที่ใช้งานง่ายสำหรับมือถือมีความแข็งในขณะที่ระบบตอบสนองมีความยืดหยุ่นหรือเป็นจุดสนใจด้านเทคนิคมากที่สุดในโลก เว็บไซต์ตอบสนองอัตโนมัติจะปรับตามขนาดหน้าจอของอุปกรณ์ (ไม่ว่าจะใหญ่หรือเล็ก) รวมทั้งการวางแนว (แนวนอนหรือแนวตั้ง) คำนึงถึงการใช้งานและการเปลี่ยนแปลงในการตอบสนองต่อความต้องการของผู้ใช้และอุปกรณ์ที่พวกเขากำลังดูอยู่
ตัวอย่างสามารถแสดงในภาพด้านล่าง ข้อความและรูปภาพเดิมมีรูปแบบสามคอลัมน์ที่ดูแน่นและแทบมองไม่ได้เมื่อดูในไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่ ในไซต์ที่ปรับเปลี่ยนตามการตอบสนองรูปแบบสามคอลัมน์เปลี่ยนเป็นการแสดงคอลัมน์แบบคอลัมน์เดียวทำให้สามารถอ่านได้ง่ายขึ้น ภาพที่ซ้ำซ้อนได้ถูกนำออกเพื่อป้องกันไม่ให้มีการแทรกแซงกับส่วนประกอบสำคัญของไซต์
โดยสรุปแล้วนี่คือรายละเอียดเพื่อแยกแยะรูปแบบการออกแบบเว็บไซต์สองรูปแบบ:
Mobile-Friendly
ไซต์เดสก์ท็อป
รุ่นที่เล็กและกะทัดรัด
- เนื้อหาที่เข้มงวดและคงที่จะไม่เปลี่ยนแปลงและปรับเปลี่ยนสำหรับการใช้งาน < ตอบสนอง
- เนื้อหาของไหลและไดนามิกปรับตามความต้องการของผู้ใช้และแพลตฟอร์ม
ภาพที่ดีที่สุด; padding และระยะห่างที่แก้ไข (สำหรับการอ่านที่เกี่ยวข้องโปรดดู:
- เว็บไซต์: ประตูหน้าไปยังที่ปรึกษาของคุณ
- ) - บทความนี้เขียนโดย Fiona Leung และปรากฏตัวครั้งแรกในเว็บไซต์ Advisor