A permanent help panel on a small screen takes up too much space. It competes with the main content. Help should appear differently on mobile and desktop devices.
By Pawan Nayar · from the LLOS AI Learning record
A permanent help panel on a small screen takes up too much space.
It competes with the main content. Help should appear differently on mobile and desktop devices.
On a mobile device, help should appear as a bottom sheet. This means it slides up from the bottom of the screen. It covers part of the main content but can be easily closed. On a desktop device, help should appear as a small floating panel. This panel can be moved around the screen. It does not block the main content permanently. This design helps the user focus on the main task, like playing a game.
A developer creates a game that needs help instructions. On a phone, the help appears as a sheet from the bottom. The player can read it and then swipe it away. On a computer, the help appears as a small box. The player can drag this box to the side of the screen. This allows the player to see both the game and the help at the same time.
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.
An AI model can use a binary toggle grid. This tool shows a user many items.
The system should show a small row of badges in the main screen header. This row appears after the user earns their first badge.
The content area changes size. On desktop, it fills available space and scrolls.
A grid view showing many items together has a maximum rating of two stars. A detailed view of one item allows a maximum rating of five stars for each part of that item.
A permanent help panel on a small screen takes up too much space. It competes with the main content. Help should appear differently on mobile and desktop devices.