การออกแบบเว็บแบบตอบสนองจะช่วยปรับปรุงประสบการณ์การใช้งานของผู้เข้าชมทั้งหมดอย่างไร
ใช้เวลาสักครู่และคิดถึงอุปกรณ์ทั้งหมดที่คุณเป็นเจ้าของที่สามารถใช้เพื่อดูเว็บไซต์ได้ หากคุณเป็นเหมือนคนส่วนใหญ่รายการนี้เติบโตขึ้นในช่วงหลายปีที่ผ่านมา อาจรวมถึงอุปกรณ์แบบดั้งเดิมเช่นเดสก์ท็อปและ / หรือแล็ปท็อปพร้อมกับอุปกรณ์ที่มีชื่อเสียงในช่วงหลายปีที่ผ่านมารวมทั้งสมาร์ทโฟนแท็บเล็ตอุปกรณ์สวมใส่ระบบเกมและอื่น ๆ คุณอาจมีเครื่องใช้ในบ้านหรือหน้าจอในรถของคุณซึ่งช่วยให้คุณสามารถเชื่อมต่อกับอินเทอร์เน็ตได้! บรรทัดล่างคือภูมิทัศน์ของอุปกรณ์กำลังมีขนาดใหญ่ขึ้นและมีความหลากหลายมากขึ้นทุกเวลาซึ่งหมายความว่าการเจริญเติบโตบนเว็บในปัจจุบัน (และในอนาคต) เว็บไซต์ต้องสร้างขึ้นด้วยวิธีการที่ตอบสนองและ แบบสอบถามสื่อ CSS และต้องพิจารณาว่า ผู้คนอาจรวมอุปกรณ์ที่แตกต่างกันเหล่านี้ไว้ในการเรียกดูเว็บหนึ่งครั้ง
ป้อนผู้ใช้อุปกรณ์หลาย
ความจริงอย่างหนึ่งที่เราเห็นว่าเล่นออกมาคือถ้าผู้คนได้รับหลายวิธีในการเข้าถึงเว็บพวกเขาจะใช้พวกเขา ไม่เพียง แต่ผู้คนใช้อุปกรณ์ต่างๆมากมายในการเข้าถึงเนื้อหาของเว็บไซต์ แต่บุคคลเดียวกันกำลังเข้าชมไซต์เดียวกันโดยใช้อุปกรณ์ที่หลากหลายเหล่านี้ นี่คือที่มาของแนวคิด "ผู้ใช้หลายอุปกรณ์"
สถานการณ์จำลองอุปกรณ์หลายแบบโดยทั่วไป
พิจารณาปฏิสัมพันธ์ทางเว็บทั่วไปที่ผู้คนจำนวนมากพบในแต่ละวันเพื่อเรียกดูเว็บไซต์อสังหาริมทรัพย์ในการค้นหาบ้านใหม่ ประสบการณ์นี้อาจเริ่มต้นจากคอมพิวเตอร์เดสก์ท็อปที่มีผู้ป้อนเกณฑ์ของสิ่งที่พวกเขากำลังมองหาและตรวจสอบรายชื่ออสังหาริมทรัพย์ที่แตกต่างกันซึ่งตรงกับคำค้นหานั้น ตลอดทั้งวันบุคคลนี้อาจดูคุณสมบัติเฉพาะอีกครั้งบนโทรศัพท์มือถือของตนหรืออาจได้รับการแจ้งเตือนไปยังอีเมล (ซึ่งจะตรวจสอบบนอุปกรณ์เคลื่อนที่) สำหรับรายชื่อใหม่ที่ตรงกับพารามิเตอร์การค้นหาของตน พวกเขาอาจได้รับการแจ้งเตือนเหล่านี้ไปยังอุปกรณ์ที่สวมใส่ได้เช่นสมาร์ทแวร์และตรวจสอบข้อมูลพื้นฐานบนหน้าจอขนาดเล็ก
กระบวนการนี้อาจดำเนินต่อไปได้ตลอดทั้งวันโดยมีการเข้าชมไซต์ในคอมพิวเตอร์เดสก์ท็อปอื่นมากขึ้นอาจมาจากที่ทำงานในที่ทำงาน เย็นวันนั้นพวกเขาอาจใช้อุปกรณ์แท็บเล็ตเพื่อแสดงรายการที่น่าสนใจโดยเฉพาะอย่างยิ่งกับครอบครัวของพวกเขาเพื่อรับข้อเสนอแนะเกี่ยวกับคุณสมบัติเหล่านั้น
ในสถานการณ์สมมตินี้ลูกค้าเว็บไซต์ของเราอาจใช้อุปกรณ์ที่แตกต่างกันสี่หรือห้าเครื่องซึ่งแต่ละขนาดมีขนาดแตกต่างกันเพื่อเข้าชมเว็บไซต์เดียวกันและดูเนื้อหาเดียวกัน นี่คือผู้ใช้อุปกรณ์หลากหลายและถ้าเว็บไซต์ที่พวกเขากำลังเข้าชมไม่สามารถรองรับพวกเขาในหน้าจอที่แตกต่างกันทั้งหมดนี้พวกเขาก็จะออกและหาที่ไม่
สถานการณ์อื่น ๆ
การค้นหาอสังหาริมทรัพย์เป็นเพียงตัวอย่างเดียวที่ผู้ใช้จะข้ามจากอุปกรณ์ไปยังอุปกรณ์ระหว่างประสบการณ์โดยรวมกับไซต์ ตัวอย่างอื่น ๆ ได้แก่ :
- กำลังค้นหารถยนต์ที่จะซื้อ
- วางแผนวันหยุด
- การอ่านบทความข่าว
- ค้นคว้าความคิดในการปรับปรุงบ้าน
- กำลังมองหาผู้รับเหมา / บริการในท้องถิ่น
- วางแผนงานแต่งงานหรืองานใหญ่ ๆ
- ติดตามทีมกีฬาหรือการแข่งขันกีฬา
ในกรณีต่อไปนี้ประสบการณ์บนเว็บมีแนวโน้มที่จะยืดออกไปมากกว่าหนึ่งเซสชันซึ่งหมายความว่าผู้ใช้จะสามารถใช้อุปกรณ์ต่างๆได้โดยขึ้นอยู่กับว่าอุปกรณ์ใดจะเหมาะสำหรับพวกเขาในเวลาใดก็ตาม
แนวทางปฏิบัติที่ดีที่สุดในการปฏิบัติตาม
หากเว็บไซต์ในปัจจุบันจำเป็นต้องให้ความสำคัญกับผู้ชมที่ใช้อุปกรณ์หลายประเภทมากขึ้นมีหลักการพื้นฐานและ แนวทางปฏิบัติที่ดีที่สุด ที่ควรปฏิบัติเพื่อให้แน่ใจว่าไซต์เหล่านั้นพร้อมที่จะจัดการกับผู้เข้าชมเหล่านี้ได้อย่างถูกต้องและ จัดลำดับได้ดีในเครื่องมือค้นหา
- Responsive Website - รูปแบบการตอบสนอง ที่สามารถปรับเปลี่ยนและปรับเปลี่ยนได้ตามขนาดหน้าจอที่แตกต่างกันเป็นสิ่งสำคัญเพื่อสนับสนุนความหลากหลายของอุปกรณ์เชื่อมต่อเว็บที่มีอยู่ในปัจจุบัน
- เนื้อหาทั้งหมดควรพร้อมใช้งาน - ถ้ามีคนสามารถเข้าถึงเนื้อหาหรือคุณลักษณะบางอย่างเมื่อเยี่ยมชมไซต์บนอุปกรณ์เครื่องหนึ่งอุปกรณ์เหล่านี้คาดว่าจะสามารถใช้ได้เมื่อพวกเขากลับมาที่อุปกรณ์อื่น ๆ เนื้อหาควรแสดงในแบบที่เหมาะสำหรับแต่ละอุปกรณ์ แต่เนื้อหาไม่ควร "ซ่อน" หรือ "ปิด" สำหรับอุปกรณ์บางอย่าง
- ความสามารถในการอ่านได้คือคีย์ - ไม่ว่าอุปกรณ์ประเภทใดหรือหน้าจอขนาดใดที่ใช้ในการเยี่ยมชมเว็บไซต์ความสะดวกในการอ่านเว็บไซต์นั้นมีความสำคัญ ซึ่งหมายความว่าการพิมพ์ตัวอักษรเป็นองค์ประกอบสำคัญในการออกแบบที่เน้น ถ้าใครบางคนมีปัญหาในการอ่านเนื้อหาของไซต์พวกเขาก็มักจะออกจากไซต์นี้ไปด้วยซ้ำ
- ความสอดคล้องระหว่างความหลากหลาย - ในขณะที่เค้าโครงที่นำเสนอสำหรับแต่ละขนาดหน้าจอที่แตกต่างกันจะแตกต่างกันควรมีความสอดคล้องกันจากอุปกรณ์เครื่องหนึ่งไปยังอีกเครื่องหนึ่ง ประสบการณ์โดยรวมควรเชื่อมต่อกันเพื่อให้ผู้ใช้ไม่จำเป็นต้องศึกษาไซต์อีกครั้งทุกครั้งที่เข้าชมหน้าจอใหม่
- ทำให้ประสิทธิภาพเป็นอันดับแรก - เว็บไซต์ควรโหลดได้อย่างรวดเร็วและทำงานได้ดีบนอุปกรณ์ทั้งหมดรวมถึงโทรศัพท์มือถือที่มีความเร็วในการดาวน์โหลดต่ำกว่า ประสิทธิภาพ โดยรวม ของเว็บไซต์ควรเป็นสิ่งสำคัญ ในทุกๆด้านของการออกแบบและการพัฒนาเว็บไซต์เนื่องจากไม่มีใครเคยพูดว่าเว็บไซต์โหลด เร็วเกินไป หรือทำงานได้ ดีเกินไป !
แก้ไขโดย Jeremy Girard เมื่อวันที่ 1/26/17