วิธีปฏิบัติที่ดีที่สุดสำหรับนักออกแบบเว็บที่ตอบสนองเลย์เอาต์หรือแอพแบบเนทีฟ [Op-Ed]

ไม่มีการปฏิเสธว่ามือถือเป็นอนาคต ด้วย Google ยืนยันว่ามีการค้นหาบนมือถือมากกว่าบนเดสก์ท็อปจึงเป็นที่ชัดเจนว่าเว็บไซต์ทั้งหมดควรจะใช้มือถือถ้าพวกเขายังไม่ได้ทำ.

แต่มีการแบ่งแยกที่น่าสนใจระหว่างเนื้อหาในเบราว์เซอร์ผ่านเลย์เอาต์ที่ตอบสนองและเนื้อหาในแอพผ่านแอพพื้นฐาน.

ฉันต้องการสำรวจทั้งสองพื้นที่และขุดรากของแต่ละตัวเลือก เมื่อใดที่เว็บไซต์ควรใช้แอพแบบเนทีฟแทนเลย์เอาต์ที่ตอบสนองได้ ไซต์สามารถเรียกใช้ทั้งสองได้หรือไม่ นี่เป็นคำถามที่สำคัญที่ควรถามกับโครงการสร้างสรรค์ทุกโครงการในวันนี้.

ค่านิยมของแอพเนทีฟ

ผู้ใช้สมาร์ทโฟนส่วนใหญ่พึ่งพาแอพพื้นฐานสำหรับโปรแกรมโปรดของพวกเขา Facebook, Twitter, Instagram และอื่น ๆ ทั้งหมดใช้แอพของตนเอง.

เนื่องจากแอปพลิเคชั่นดั้งเดิมนั้นทำงานบนระบบปฏิบัติการในตัวเครื่อง ราบรื่นและใช้งานง่ายขึ้นเกี่ยวกับภาพเคลื่อนไหวการออกแบบ UI และการจัดระเบียบเนื้อหา. แอพแบบเนทีฟเป็นไปตามหลักเกณฑ์ UI ทำให้พวกเขาทั้งหมดสอดคล้องและเป็นไปตามธรรมชาติ ผู้ใช้มักจะรู้วิธีใช้เมนูการเลื่อนและแถบแท็บโดยกำเนิด.

ผู้จัดพิมพ์รายใหญ่หลายรายมีแอพใน iOS Store และ Google Play Store ที่ครอบคลุมบล็อก webapps และเครือข่ายสังคมออนไลน์ แต่มันก็ยุติธรรมที่จะพูด เว็บไซต์ขนาดใหญ่ เช่น Facebook และ Twitter รับคุณค่าเพิ่มเติมจากแอพพื้นฐานมากกว่าไซต์ขนาดเล็ก.

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

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

เว็บไซต์ที่ตอบสนองอย่างเต็มที่: ข้อดีข้อเสีย

ในบริบททั่วไปการออกแบบเว็บที่ตอบสนองได้ดีเสมอ นักออกแบบเว็บไซต์จะไม่สูญเสียอะไรเลยโดยการทำให้เค้าโครงของพวกเขาตอบสนองได้อย่างเต็มที่และอ่อนไหวกับหน้าจอใด ๆ.

แต่ในบริบทของแอพพื้นฐานนั้นมีข้อควรพิจารณาบางประการ ประการแรก เว็บไซต์ที่ตอบสนองถูก จำกัด ไว้ที่เอ็นจิ้นการแสดงผลของเบราว์เซอร์. ในสมาร์ทโฟนนี่หมายถึงภาพเคลื่อนไหวที่ จำกัด ไม่มี Flash และพึ่งพาเอนจิ้นการแสดงผลของเบราว์เซอร์.

แอพแบบเนทีฟสามารถใช้คุณสมบัติหลักของสมาร์ทโฟนหรือแท็บเล็ตได้. ห้องสมุดภาพเคลื่อนไหวนั้นมีประสิทธิภาพมากกว่า กว่า CSS หรือ JS ที่แสดงผลในเบราว์เซอร์.

เช่นเดียวกันสำหรับองค์ประกอบอินพุตในรูปแบบพร้อมด้วย การส่งข้อมูลและความกังวลด้านความปลอดภัย. หลายคนชอบใช้แอพ Pinterest บนเว็บไซต์ของ Pinterest เช่นเดียวกันกับ Flipboard, Dropbox, Feedly, Gmail หรือบริการเว็บอื่น ๆ ที่สำคัญ.

แต่เว็บไซต์เหล่านั้นควร ไม่ นำเสนอรูปแบบการตอบสนอง? มีสามตัวเลือก:

1. บังคับให้ผู้ใช้เว็บบนมือถือดาวน์โหลดแอปพลิเคชั่น
2. นำเสนอเค้าโครงเว็บบนมือถือพร้อมลิงก์ที่เป็นตัวเลือกไปยังแอพเนทีฟ
3. เพียงรันเลย์เอาต์ของเว็บสำหรับมือถือแยกจากแอปเนทีฟ

Flipboard ใช้ตัวเลือกที่ 2 โดยวางแบนเนอร์ที่ด้านบนของแต่ละหน้า คุณสามารถลงทะเบียนบัญชี Flipboard ได้จากเบราว์เซอร์ Mobile Safari แต่มันง่ายกว่ามากเร็วกว่าและง่ายกว่าที่จะใช้แอพ.

เว็บไซต์ข่าว ZDNet ไม่ได้พูดถึงแอพมือถือขณะเยี่ยมชม Mobile Safari มันทำงานเหมือนเลย์เอาต์ที่ตอบสนองทั่วไปกับข่าวและโพสต์เด่น.

ความแตกต่าง อยู่ในประสบการณ์ของผู้ใช้. กำหนดสิ่งที่ดีที่สุดสำหรับผู้ใช้และ วัดที่การจราจรส่วนใหญ่มาจาก.

จำไว้ แอพมือถือต้องใช้เวลาในการออกแบบและเขียนโปรแกรม. พวกเขามักจะ ต้องการงานมากกว่าการสร้างเว็บไซต์. หากคุณต้องการแอพสำหรับเว็บไซต์ของคุณตรวจสอบให้แน่ใจว่ามันเติมเต็มเลย์เอาท์ตอบสนองของคุณเพียงพอที่จะให้คุณค่าที่แท้จริง.

บนเดสก์ท็อปหรืออุปกรณ์เคลื่อนที่ก่อน?

เมื่อออกแบบสำหรับเว็บคุณควรเริ่มต้นด้วยความกว้างที่กว้างที่สุดหรือความกว้างที่เล็กที่สุด? เป็นคำถามที่ได้รับการถามบ่อยๆจากมือปืนรับจ้างและเอเจนซี่ที่สร้างสรรค์ครั้งใหญ่.

ความคิดเห็นที่ได้รับความนิยมอย่างมากคือแนวทางการใช้โทรศัพท์มือถือครั้งแรกซึ่งได้รับความนิยมจากหนังสือของลุคโวรเบิล วิธีนี้จะพิจารณา การเพิ่มความก้าวหน้า ซึ่งเริ่มจากพื้นฐานและเพิ่มฟังก์ชันการทำงานสำหรับสภาพแวดล้อมที่สามารถจัดการได้.

อีกทางเลือกหนึ่งคือนักออกแบบคนอื่นที่เข้าหาแนวทางแบบเดสก์ท็อปครั้งแรกซึ่งแกว่งไปมา “มือถือก่อน” ไปยัง “มือถือเช่นกัน”.

กลยุทธ์นี้ทำงานโดยการวางแผนคุณสมบัติทั้งหมดที่คุณต้องการบนหน้าจอเดสก์ท็อปขนาดเต็มก่อน จากแนวคิดดังกล่าวคุณจะค่อยๆลดขนาดคุณสมบัติกำหนดจุดพักและในที่สุดก็มาถึงเค้าโครงที่เล็กที่สุดสำหรับสมาร์ทโฟน.

มีคำตอบที่ถูกต้องที่นี่? เลย์เอาท์ที่ตอบสนองควรเริ่มต้นด้วยหน้าจอที่เล็กที่สุดหรือเป็นแนวคิดที่ล้าสมัยสำหรับมือถือเป็นครั้งแรก?

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

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

ที่สุดของสองโลก

การสร้างเว็บไซต์ที่ตอบสนองได้อย่างเต็มที่ที่ทำงานบนหน้าจอใด ๆ อาจทำให้ผู้อ่านส่วนใหญ่เสียความรู้สึก ดังนั้นหากคุณมีเลย์เอาต์ที่ตอบสนองแล้ว, คุณควรกังวลกับแอพมือถือหรือไม่?

ตามที่พบในผลงานยอดเยี่ยมชิ้นนี้โดย Modo Labs คำตอบก็มาถึง ประสบการณ์การใช้งาน. ไม่มีคำตอบที่ชัดเจนแน่นอน มันเกี่ยวกับวิธีที่เสนอรูปแบบการบริโภคที่ดีที่สุดสำหรับ โครงการเฉพาะของคุณ บนอุปกรณ์มือถือ ผู้ใช้ของคุณต้องการแอปมือถือหรือไม่ หรือเป็นเว็บไซต์เกินพอ?

บล็อกข่าวเทคโนโลยี TechCrunch มีเลย์เอาต์ที่ตอบสนองและแอพมือถือฟรีทั้งคู่ด้วยเหตุผลที่ดี เมื่อเร็ว ๆ นี้ไซต์ของพวกเขาครอบคลุมเรื่องราวที่ยืนยันว่าผู้คนในสหรัฐอเมริกาใช้เวลากับแอพมากกว่าดูทีวี.

แต่ถ้ามีใครลิงก์ไปยัง TechCrunch บน Twitter ล่ะ หากมีคนคลิกที่ลิงค์นั้นใน iPhone พวกเขาจะเปิด Mobile Safari เพราะเป็นลิงค์ HTTP นี่คือสิ่งที่เค้าโครงตอบสนองมีประโยชน์เพราะ ไม่ใช่ทุกคนที่ต้องการแอปของคุณ.

ได้รับผู้ใช้บางคนยังคงต้องการเยี่ยมชมเว็บไซต์ของคุณและอาจต้องการเยี่ยมชมโดยไม่ถูกบังคับให้ดาวน์โหลดแอปฟรีหรืออย่างอื่น.

ทำงานบนพื้นฐานของแต่ละโครงการ

คำตอบที่ดีที่สุดสำหรับการอภิปรายแอพตอบสนองต่อการตอบโต้คือ ประเมินแต่ละโครงการ และตัดสินใจว่าอะไรดีที่สุดในแต่ละกรณี.

จากประสบการณ์ของฉันฉันขอยืนยันว่า เครือข่ายโซเชียลและเว็บไซต์เชิงโต้ตอบได้รับประโยชน์สูงสุดจากแอปพลิเคชันดั้งเดิม. ทั้ง Android และ iOS มีเฟรมเวิร์กขนาดใหญ่สำหรับการสร้างแอพที่สามารถเชื่อมต่อกับ API ส่งคำสั่งฐานข้อมูลและฟังก์ชั่นที่สะอาดกว่าเว็บเพจ.

และ UIs ของแอพในเครื่องจะแสดงผลเหมือนซอฟต์แวร์ดังนั้นคุณไม่ต้องกังวลกับคุณสมบัติของ CSS หรือข้อ จำกัด ของเบราว์เซอร์ นี่คือ เหมาะอย่างยิ่งสำหรับแพลตฟอร์มที่ต้องการให้ผู้ใช้ลงชื่อเข้าใช้และดำเนินการโต้ตอบโดยละเอียด.

แต่เว็บไซต์ทางธุรกิจทั่วไปเช่นร้านอาหารมักจะทำงานได้ดีที่สุดกับเค้าโครงที่ตอบสนองได้ดีโดยเฉพาะอย่างยิ่งเมื่อพิจารณาจำนวนงานที่ต้องใช้ในการสร้างแอปที่เป็นเจ้าของ.

บล็อกและนิตยสารดิจิทัลเป็นพื้นที่สีเทา แอพแบบเนทีฟทำงานได้ดีสำหรับบางคน แต่ไม่จำเป็นสำหรับคนอื่น โดยทั่วไปจะขึ้นอยู่กับคุณ ขนาดตลาดและผู้ชม (เช่นคนที่มีความชำนาญด้านเทคโนโลยี).

เมื่อเปิดตัวสิ่งพิมพ์ทางอินเทอร์เน็ตใหม่มีหลายสิ่งที่ต้องพิจารณา หากคุณเพิ่งเริ่มต้นฉันขอแนะนำให้สร้างเว็บไซต์ก่อน จากที่นั่นจะเป็นการง่ายกว่าที่จะสรุปว่าแอพแบบดั้งเดิมจะคุ้มค่ากับความพยายามหรือไม่.

ห่อ

มันควรจะไปโดยไม่บอกว่า ทุกๆ เว็บไซต์ที่ทันสมัยได้รับประโยชน์จากการตอบสนอง ไม่ว่าคุณต้องการสร้างแอปพลิเคชั่นแบบเนทีฟหรือไม่ก็ตามเลย์เอาต์ของไซต์ของคุณควรตอบสนองและอ่อนไหวต่อขนาดหน้าจอใด ๆ ไม่มีข้อเสียและยังมีหน้า Landing Page ที่มีเสถียรภาพสำหรับผู้ใช้มือถือที่กำลังเติบโต.

บางเว็บไซต์อาจเสนอลิงค์ดาวน์โหลดแอปให้กับผู้เข้าชมมือถือ สิ่งเหล่านี้มีประสิทธิผลและเป็นประโยชน์สำหรับการตลาดแพลตฟอร์มมือถือของเว็บไซต์ของคุณ แต่บางครั้งมันก็คุ้มค่าที่จะนำเสนอสิ่งนี้ เป็นทางเลือกมากกว่าอาณัติ.

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