เว็บไซต์ปัจจุบันที่ดี ควรที่จะนำเสนอข้อมูลได้ดี ในหน้าจอทุกขนาด
เป็นเป้าหมายสำคัญเลย สำหรับการออกแบบเว็บไซต์ในปัจจุบัน อย่างที่ผมเขียนไปวันก่อนเรื่อง “หมดยุคเว็บไซต์ 3 ขนาด” ว่าปัจจุบัน Responsive Web Design ไม่ได้ตอบรับเฉพาะ iPhone, iPad, หรือจักรวาล (Galaxy) อันใดอันหนึ่งอีกต่อไป ไว้จะเขียนเพิ่มเข้าไปใน เรียนรู้ Responsive Web Design ทีหลัง
12 เว็บที่ไม่เน้นจอเล็ก
ทีนี้เรามาดูตัวอย่างของเว็บที่ “ไม่แคร์” แค่จอเล็กอย่างเดียว แต่เน้นไปที่จอขนาดใหญ่พิเศษ ดูสวนทางกับแนวคิด Responsive Web ที่พวกเรากำลังทำกันใข่ไหม? (และบางเว็บก็ยัง Responsive อีกด้วย) มีทั้งหมด 12 เว็บ ลองเข้าไปดูเป็นแนวทางนะครับ
- FireBox – เว็บร้านขายของออนไลน์ ตัวอย่างที่ดีสำหรับ e-Commerce Website
- All Saint – เว็บร้านขายเสื้อผ้า ที่ไม่ว่าจะเปิดจอขนาดไหน ก็ดูดี๊ ดูดี
- Burberry – ศิโรราบให้กับแบรด์นี้อยู่แล้ว เว็บก็สวยอีก แนวนี้เน้นภาพใหญ่เป็นจุดขาย (Big Image)
- Lush – เว็บขายของ Handmade ที่แยกอนิเมชั่นไปไว้ที่หน้าจอใหญ่ หน้าจอเล็กไม่มี
- Nitty Gritty – ใช้รูปทรง postcard บอกเล่าเรื่องราวในหน้าจอขนาดต่างๆ ได้น่าสนใจ
- Pull & Bear – ร้านเสื้อผ้าเว็บนี้มีร้านในประเทศไทยด้วย
- Smythson – เจ้านี้ไม่ responsive แต่เปิดดูบนจอใหญ่แล้วสวยมาก
- Graham & Brown – จอกว้างก็เต็ม จอเล็กก็เต็ม
- Amazon – เว็บ e-commerce หลายๆ เจ้าก็ได้แรงบันดาลใจจากที่นี่
- Aloha Rag – ไม่ responsive แต่เน้นใหญ่ แต่ตัวหนังสือแอบเล็ก ปวดตาอ่ะ
- Monsoon – ไม่ responsive แต่ใช้ภาพได้ไม่เยอะ และดูง่ายมาก
- NikeID – เจ้าแห่งความประหลาดใจ นับตั้งแต่เป็นผู้นำ Parallax ตอนนี้ถอดออกไปเกือบหมด มาเน้น Responsive Layout แทน
ถ้ามี Smartphone หรือ Tablet ก็ลง Adobe Edge Inspect CC แล้วเทียบดูทีละอันเอาได้เลย แต่พลแอบสังเกตนิดหนึง ว่าตอนนี้สไตล์ของเว็บเกือบทั้งหมดเน้นเป็นแบบ “Card UI” หรือใช้ DIV ธรรมดามาประยุกต์เอากันเกือบหมดแล้ว
ง่ายสินะ 555
ข้อมูลจาก eConsultancy