Luke Wroblewski bu uygulamaya 2009 yılında adını verdi, ancak mantık zaten çok önemliydi. Telefonlar, insanların internete ulaşmasının başlıca yolu haline gelmişti ve masaüstü düzenlerini önce tasarlamak, tasarımcıları daha sonra küçük ekranlara karmaşıklığı sıkıştırmaya zorluyordu. Mobil öncelikli yaklaşım ise bu sırayı tersine çeviriyor. En küçük ekranla başlayın, en önemli olanı belirleyin, ardından tablet ve masaüstü düzenlerine doğru genişleyin.

Bu kısıtlama verimlidir. Dar bir görüntüleme alanı önceliklendirmeyi zorunlu kılar. Gezinme bir menüye dönüşür. İçerik tek bir sütuna taşınır. Her özellik kendi alanını haklı çıkarmalıdır. Tasarımcılar başparmak dostu dokunma hedefleri çizer, tek elle kullanımı göz önünde bulundurur ve yavaş bağlantıları planlar. Tasarım daha büyük bir ekrana yayıldığında, ekstra alan yeni karmaşayla doldurulmak yerine nefes alma alanı ve ikincil paneller için kullanılır.

Temel uygulamalar

• Arayüz tasarımlarına telefon genişliğinden başlayın.
• İçerik hiyerarşisini acımasızca önceliklendirin.
• Dokunma alanının en az 44 piksel olması hedeflenmelidir.
• Tablet ve masaüstü cihazlara en son geçiş yapılacak.

Duyarlı tasarım ve mobil öncelikli yaklaşım genellikle birlikte ele alınır. Mobil öncelikli yaklaşım önceliği belirler. Duyarlı tasarım ise farklı ekran boyutlarına uyum sağlamayı yönetir.