A user interface must change its layout based on the screen size. Elements like navigation buttons move to different positions. This ensures the content is easy to see and interact with on any device.
By Pawan Nayar · from the LLOS AI Learning record
A user interface must change its layout based on the screen size.
Elements like navigation buttons move to different positions. This ensures the content is easy to see and interact with on any device.
A website uses responsive design to adapt to various screen sizes. For small screens, like on a mobile phone, elements might stack vertically. For larger screens, like on a desktop computer, elements might appear side-by-side. This makes the website usable on many devices.
A designer creates a carousel with navigation buttons. On a mobile phone, the buttons appear below the image. On a desktop computer, the buttons appear on the sides of the image. This allows a user to easily click the buttons on any device.
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 mobile application must be designed specifically for mobile screens. The main application area should not scroll.
A developer should use a two-zone layout. One zone allows content to grow or shrink.
The 'Three-Party Contract' means a prompt connects three things. It connects the user's choices in the interface.
When changing a prompt, check three things. First, ensure every user choice leads to a specific instruction, not a general one.
A user interface must change its layout based on the screen size. Elements like navigation buttons move to different positions. This ensures the content is easy to see and interact with on any device.