Ο Luke Wroblewski έδωσε στην πρακτική το όνομά της το 2009, αλλά η λογική ήταν ήδη πιεστική. Τα τηλέφωνα είχαν γίνει ο κύριος τρόπος με τον οποίο οι άνθρωποι έφταναν στο διαδίκτυο και ο σχεδιασμός διατάξεων για υπολογιστές ανάγκασε αρχικά τους σχεδιαστές να στριμώξουν την πολυπλοκότητα σε μικρές οθόνες αργότερα. Η προτεραιότητα στα κινητά αλλάζει τη σειρά. Ξεκινήστε με τη μικρότερη οθόνη, αποφασίστε τι έχει μεγαλύτερη σημασία και, στη συνέχεια, επεκτείνετε προς τα πάνω σε διατάξεις για tablet και υπολογιστές.

Ο περιορισμός είναι παραγωγικός. Ένα στενό παράθυρο προβολής επιβάλλει την ταξινόμηση. Η πλοήγηση συμπτύσσεται σε ένα μενού. Το περιεχόμενο μετακινείται σε μία μόνο στήλη. Κάθε χαρακτηριστικό πρέπει να δικαιολογεί τον χώρο του. Οι σχεδιαστές σχεδιάζουν στόχους πατήματος φιλικούς προς τον αντίχειρα, λαμβάνουν υπόψη τη χρήση με το ένα χέρι και σχεδιάζουν αργές συνδέσεις. Όταν ο σχεδιασμός μεγαλώνει σε μεγαλύτερη οθόνη, ο επιπλέον χώρος χρησιμοποιείται για να αναπνέει και να δημιουργεί δευτερεύοντα πάνελ αντί να γεμίζει με νέα ακαταστασία.

Βασικές πρακτικές

• Ξεκινήστε τα wireframes στο πλάτος του τηλεφώνου.
• Δώστε προτεραιότητα στην ιεραρχία περιεχομένου χωρίς δισταγμό.
• Η σχεδίαση αφής στοχεύει σε τουλάχιστον 44 pixel.
• Κλιμακώστε την τελευταία φορά σε tablet και υπολογιστή.

Ο σχεδιασμός με δυνατότητα προσαρμογής (responsive design) και η σχεδίαση με προτεραιότητα στις κινητές συσκευές συχνά συνυπάρχουν. Η προτεραιότητα στις κινητές συσκευές καθορίζει την προτεραιότητα. Η σχεδίαση με δυνατότητα προσαρμογής χειρίζεται την προσαρμογή σε όλα τα σημεία διακοπής.