โฮมเพจ » UI / UX » ดูการสร้างเว็บไซต์สำหรับผู้ใช้แท็บเล็ต

    ดูการสร้างเว็บไซต์สำหรับผู้ใช้แท็บเล็ต

    เวทีแท็บเล็ตซึ่งครั้งหนึ่งเคยถูกครอบครองโดย iPad ของ Apple นั้นกำลังเติบโตพร้อมกับผู้เข้าร่วมรายใหม่ทุกวัน Google Nexus 7, Amazon Kindle, Microsoft Surface และอุปกรณ์แท็บเล็ตอื่น ๆ ที่เข้ามาในตลาดกำลังผลักดันนักการตลาดให้คิดนอกเว็บไซต์พีซีและพัฒนากลยุทธ์แท็บเล็ตแบบสแตนด์อโลนหรืออย่างน้อยที่สุด, เว็บไซต์ที่เป็นมิตรกับแท็บเล็ต.

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

    อาคารสำหรับแท็บเล็ต

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

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

    เลื่อนเป็นรหัสผ่าน; รูดอยู่ใน

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

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

    เว็บไซต์ที่เป็นมิตรกับการสัมผัส

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

    มันอยู่ในนิ้วมือ

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

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

    เราขอแนะนำให้คุณปฏิบัติตามหลักเกณฑ์อินเทอร์เฟซสำหรับผู้ใช้ iOS ของ Apple เมื่อสร้างเว็บไซต์ที่เหมาะกับแท็บเล็ต.

    หลีกเลี่ยงองค์ประกอบที่ฉูดฉาด

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

    เรื่องปฐมนิเทศ

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

    และสำหรับการอ่านเพิ่มเติมลองดูที่:

    • การออกแบบเว็บมือถือ: 10 เคล็ดลับเพื่อการใช้งานที่ดีขึ้น
    • 30 บทแนะนำการออกแบบเว็บไซต์ที่ตอบสนองต่อประโยชน์
    • 50 เครื่องมือออกแบบเว็บไซต์ตอบสนองที่มีประโยชน์สำหรับนักออกแบบ

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

    สรุป

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

    หมายเหตุจากบรรณาธิการ: โพสต์นี้เขียนโดย ลักษมีหริคุมาร์ สำหรับ Hongkiat.com.