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