A mobile design is not a smaller version of a desktop design. Each screen size needs its own specific layout plan. A developer must decide how elements change for different screen sizes.
By Pawan Nayar · from the LLOS AI Learning record
A mobile design is not a smaller version of a desktop design.
Each screen size needs its own specific layout plan. A developer must decide how elements change for different screen sizes.
A developer must plan mobile layouts separately from desktop layouts. Decide which controls collapse or hide. Choose which items move into a menu. Ensure touch areas are large enough for fingers. Do not let the system automatically shrink a desktop view. This can cause many problems for the user.
A developer creates a website. The desktop version has a wide menu bar with many buttons. When viewed on a phone, these buttons wrap onto multiple lines. Some buttons are too big for the small screen. The developer should have designed a separate mobile menu, like a hamburger icon, to hold these buttons.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
A developer must fill the screen with content. Large empty spaces at the top or bottom of pages are bad.
Buttons should only be as wide as the text they contain. Do not make buttons stretch to fill a space.
A text panel must have fewer than 60 words. Or, a text panel must have more than 95 words.
A content panel should be very short or long. It should not be a medium length.
A mobile design is not a smaller version of a desktop design. Each screen size needs its own specific layout plan. A developer must decide how elements change for different screen sizes.